3 HTML躬行记——WebRTC视频通话( 三 )

然后在 then() 方法中 , 让 localVideo 接收音视频流,并且将 Track 与 RTCPeerConnection 绑定 。
这一步很关键,没有这一步就无法将音视频流推给远端 。
然后创建 Offer 类型的 SDP 信息,配置本地描述,并通过信令服务器发送给远端 。
接着可以在两个浏览器(例如 Chrome 和 Edge)中分别访问 http://localhost:1234,在一个浏览器中点击开播,如下图所示 。

3 HTML躬行记——WebRTC视频通话

文章插图
在另一个浏览器的 remoteVideo 中,就可以看到推送过来的画面 。
3 HTML躬行记——WebRTC视频通话

文章插图
下面用一张时序图来完整的描述整个连接过程,具体内容不再赘述 。
3 HTML躬行记——WebRTC视频通话

文章插图
参考资料:
What is WebRTC and How to Setup STUN/TURN Server for WebRTC Communication?
WebRTC音视频传输基?。篘AT穿透
【3 HTML躬行记——WebRTC视频通话】

推荐阅读