浅谈WebRTC

最新推荐文章于 2024-09-30 00:00:00 发布
最新推荐文章于 2024-09-30 00:00:00 发布
阅读量250 收藏
点赞数
文章标签： webrtc
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45753500/article/details/120168341
版权
WebRTC是一个用于网页浏览器实时通信的API，主要包括本地媒体流的采集、STUN/TURN服务器、信令服务器和P2P连接。本文详细介绍了如何通过getUserMedia获取本地媒体流，以及STUN和TURN在NAT穿透中的作用。此外，还阐述了信令服务器在传输SDP和ICE信息中的角色，以及peerConnection如何实现端到端的P2P连接。
摘要由CSDN通过智能技术生成

浅谈WebRTC

什么是webRTC

维基百科是这样定义的：WebRTC，名称源自网页即时通信（英语：Web Real-Time Communication）的缩写，是一个支持网页浏览器进行实时语音对话或视频对话的API。简单来说就是网页用来音视频通话的。

完成音视频需要4个模块：

本地媒体流的采集

getUserMedia

使用navigator.mediaDevices.getUserMedia( constraints );获取本地的媒体流。constraints指定了请求的媒体类型和参数

属性含义
width视频宽
height视频高
facingMode（user,environment）镜像模式
aspectRatio比例
frameRate帧率
resizeMode大小模式

像width/height等可以用普通的关键字也可以用ideal,min,max,exact修饰，其中exact表示的是很确认的即一定意思。

STUN/TURN 服务器

ICE集成了多种NAT（网络地址转化）穿越技术比如STUN、TURN。

在介绍STUN/TURN之前先说下NAT

NAT常常部署在私网到公网的路由出口，死亡设备通过NAT将内网转化为公网加入互联网

未命名文件 (7)

STUN允许唯一NAT的客户端找出自己的公网地址。

STUN是C/S模式的协议，客户端发送STUN请求，STUN服务响应告知由NAT分配给主机的IP地址和端口号。所以就需要先在公网上架设一台STUN服务器，像STUN服务器发送请求就能拿到公网IP

TURN是一种数据传输协议。允许通过TCP或UDP方式穿透NAT或防火墙。

STUN和TRURN都是通过公网IP地址达到NAT穿透

信令服务器

因为WebRTC的SDP和和ICE要通过服务器来传到另一个客户端上，因为SDP和ICE这些东西我们将他叫做信令，所以传输信令的服务器我们就将其称作是信令服务器了，一般利用WebSocket的实时通信能力搭建信令服务器。

SDP（Session Description Protocol）会话描述协议：包括浏览器所支持的编码格式以及ICE代理、MediaStreamTrack等信息

SPD协议结构 : <type> = <value>

端与端之间P2P连接

创建了本地的媒体流怎么把本地的媒体流和另一个客户端上的媒体流连接起来呢？

所以WebRTC的灵魂就是这个了peerConnection。记住了P2P全靠它

pc = new RTCPeerConnection(pcConfig)，好了有pc了，怎么连接呢？

分两步：

  1. 发送端先调用createOffer创建（SDP Offer）
  2. 通过setLocalDescription将（SDP Offer）加入到pc中：将会话信息传递到CIE曾

addIceCandidate添加ICE代理

其实我这里大概写了一下创建P2P信息的基本流程，但是写的不清不楚，所以我先总结一下到了最后再详细的写一下创建链接的步骤。

总体来说：A端将自己的candidate offer 存到了B端的PC中，B端也将自己的candidate，answer存到了A端的PC中，交换完成之后AB中都有了双方SDP，这样他们可以选择他们相同的编码等，收集的ICE完成连通性检测后，P2P链接就建立成功了。

P2P建立链接过程

  1. AB 创建本地媒体流 （假设 A 是发送方，B 是接收方，客户端简称为 C 端，服务端简称为 S）

  2. AB peer = new RTCPeerConnection

  3. 监听 peer 的事件

  4. onicecandidate 如果本地代理 SDP Offer 并调用后，将 candidate 发送给对方

  5. onaddstream 如果有视频流就拿到视频流

  6. 将本地视频流添加到 peer 中

  7. A 创建 offerA 并加入到 peerA 里

  8. AC setLocalDescription 后会触发 onicecandidate

  9. AC 触发 onicecandidate S 就会收到来自 AC 的 candidate

  10. S 将 AC 的 candidate 转发到 BC, BC 将 candidate 存入到 peerB 中

  11. AC 将 OfferA 发送给 BC

  12. BC 接收到 offerA 后，将 offerA 存入到 peerB 中

上面的过程后 AB 将会建立好连接，然后 A B 监听的 onaddstream 事件就会有 stream 流入

博客同步: www.tianhw.tk

参考文章[浅聊WebRTC视频通话 - 掘金 (juejin.cn)]

keaiw
关注
WebRTC -- 认识WebRTC
while(1) { smile(); }
04-19 3万+
WebRTC （Web Real-Time Communications） 是一项实时通讯技术，它允许网络应用或者站点，在不借助中间媒介的情况下，建立浏览器之间点对点（Peer-to-Peer）的连接，实现视频流和（或）音频流或者其他任意数据的传输。WebRTC包含的这些标准使用户在无需安装任何插件或者第三方的软件的情况下，创建点对点（Peer-to-Peer）的数据分享和电话会议成为可能。 它...
Web_RTC
weixin_43724177的博客
11-08 2782
webrtc学习笔记
第一章 WebRTC基础框架介绍
最新发布
ms44的专栏
09-30 1890
WebRTC（Web Real-Time Communication——网页实时通信）是一个基于浏览器的实时多媒体通信技术。该项技术旨在使Web浏览器具备实时通信能力；同时，通过将这些能力封装并以JavaScript API的方式开放给Web应用开发人员，使得Web应用开发人员能够通过HTML标签和JavaScript API快速地开发出基于Web浏览器的实时音视频应用，而无需依赖任何第三方插件。
RTC技术（Webrtc）
lidedongsn
06-01 7693
什么是RTC RTC（Real time communication）实时通信，是实时音视频的一个简称，我们常说的RTC技术一般指的是WebRTC技术，已经被 W3C 和 IETF 发布为正式标准。由于几乎所有主流浏览器都支持 WebRTC 标准 API ，因此也让浏览器之间无插件化的音视频互通成为可能， 大大降低了音视频开发的门槛，开发者只需要调用 WebRTC API 即可快速构建出音视频应用。 更广义的RTC技术，不单单局限于音视频，包括IM、图片、白板、文件共享等富媒体在内的实时交互也属于RTC技.
Web即时通信技术——WebRTC
qq_42241500的博客
01-23 1913
WebRTC（Web Real-Time Communication）是一个开放的项目，旨在在网页端提供实时的音频、视频和数据通信，不需要插件或其他附加软件。它是由Google主导，并在Mozilla、W3C和IETF等组织的支持下开发。WebRTC的目标是使浏览器成为实时通信的强大平台，支持点对点（peer-to-peer）通信。官方网址：https://webrtc.org/WebRTC中文网 https://webrtc.org.cnWebRTC官网 https://webrtc.org/
浅谈 WebRTC NetEQ
老衲不出家
02-17 1267
WebRTC Native 代码里面有很多值得学习的宝藏，其中一个就是 WebRTC 的 NetEQ 模块。根据 WebRTC 术语表 对 NetEQ 的解释： A dynamic jitter buffer and error concealment algorithm used for concealing the negative effects of network jitter an...
浅谈WebRTC技术原理与应用
yinshipin007的博客
08-23 445
相关协议 | 介绍与作用 | | ------------- | ---------------------- | | ICE、STUN、TURN | 用于内网穿透, 解决了获取与绑定公网映射地址 | | DTLS | 用于对传输内容进行加密 | | SRTP 、 SRTCP | 对媒体数据的封装与传输控制协议 |是一项实时通讯技术，允许网络应用或者站点，在不借助中间媒介的情况下，建立浏览器之间点对点（Peer-to-Peer）的连接，实现视频流和（或）音频流或者其他任意数据的传输。
WebRTC 之ICE浅谈
netease_im的博客
03-28 3505
前言 ICE全称Interactive Connectivity Establishment：交互式连通建立方式。 ICE参照RFC5245建议实现，是一组基于offer/answer模式解决NAT穿越的协议集合。 它综合利用现有的STUN，TURN等协议，以更有效的方式来建立会话。 客户端侧无需关心所处网络的位置以及NAT类型，并且能够动态的发现最优的传输路径。 Classic STUN...
WebRTC Qos策略
yinshipin007的博客
02-28 780
WebRTC中pacer的流程比较清晰，分为三步：1）如果一帧图像被编码和RTP切分打包后，先会将RTP报文存在待发送的队列中，并将报文元数据(packet id, size, timestamp, 重传标示)送到pacer queue进行排队等待发送，插入队列的元数据会进行优先级排序。基于丢包率（loss-based ）（发送端实现）发送端从接收端发送的 RTCP RR(Receiver Report）报文，根据 Report Block 中携带的丢包率信息，动态调整发送端码率。
WEB RTC
11-01
WEB RTC 相关资料 很给力 http://u.download.csdn.net/upload
Google Webrtc
06-10
google 的webrtc文档google 的webrtc文档google 的webrtc文档
WebRTC教程
06-02
Learning WebRTC Getting Started with WebRTC Real-Time Communication with WebRTC WebRTC Cookbook
web rtc
swt198852的专栏
11-08 778
WebRTC Code and API‎ > ‎ WebRTC Native APIs The WebRTC native APIs are implemented based on the following WebRTC spec. The code that implements WebRTC native API
Web RTC
XRsec
08-12 161
RESUME WebRTC，名称源自网页即时通信（英语：Web Real-Time Communication）的缩写，是一个支持网页浏览器进行实时语音对话或视频对话的API。它于2011年6月1日开源并在Google、Mozilla、Opera支持下被纳入万维网联盟的W3C推荐标准。 测试网站：https://ip.voidsec.com/ 插件：https://mybrowseraddon.com/webrtc-control.html 直连模式 Socks5代理模式 Burp-Suite 抓包模式
WEBRTC
swt198852的专栏
11-01 8065
WebRTC 目录 简介 架构 1.    WebRTC架构组件介绍 2.    Network Stream API 3.    RTCPeerConnection 4.    Peer-to-peer Data API 相关 分析 1.    视频 2.    音频 展开 简介 架构 1.    WebR
WebRTC
runhwguo的专栏
12-14 950
Web音视频
深入浅出WebRTC：实时点对点通信技术入门
"Getting started WebRTC - 通过探索WebRTC实现实时的点对点通信" WebRTC（Web Real-Time Communication）是一种允许网页浏览器进行实时通信（RTC）的技术，无需任何插件或第三方软件。该技术主要由谷歌开发，并已...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值