WebRTC:实现本地视频直播
2022-04-14 本文已影响0人
itfitness
目录
![](https://img.haomeiwen.com/i8850933/e94bf1392d4bf717.png)
效果展示
![](https://img.haomeiwen.com/i8850933/6db14557c6bcb880.gif)
点击Start的时候获取当前设备的视频流,点击Call的时候会将视频流通过WebRTC展示到下方的video中
总体流程
![](https://img.haomeiwen.com/i8850933/37fd4a936fb4e170.png)
基本流程大致为,A创建一个Offer然后将Description设置为LocalDescription,接着将Description发送给B,B将该Description设置为RemoteDescription,然后远端会创建一个Answer然后将创建Answer返回的Description设置为LocalDescription然后将该Description发送给A,A将接收到的Description设置为RemoteDescription。
相关方法
createOffer:创建Offer
createAnswer:创建Answer
setLocalDescription:设置本地Description
setRemoteDescription:设置远端Description
ontrack:关联到媒体轨的时候触发
addTrack:添加媒体轨
onicecandidate:收到连接候选者的时候触发
addIceCandidate:将新接收到的候选者传递给浏览器的ICE代理
更多方法可以参考:https://developer.mozilla.org/en-US/docs/Web/API/RTCPeerConnection