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


接着可以在两个浏览器(例如 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音视频传输基础:NAT穿透

经验总结扩展阅读