一个烦了我很长一段时间的问题,每次用 WebRTC 进行视频聊天,远程视频窗口都有一定几率出现黑屏的情况。
在网上搜索了一圈都没有找到可行的方案,最后决定到 MDN 上面看看 PeerConnection
的 API 。
然后我发现,原来 pc.setLocalDescription
、pc.setRemoteDescription
、pc.addIceCandidate
等方法都是异步的,参数里面都有 successCallback
、failCallback
。由于我之前是利用 Meteor 的通讯机制作为 signalling 来发送数据的,也就是利用数据库来进行通讯,写代码时把这些 API 当成是同步来处理了,结果就出现了远程视频窗口黑屏的情况。后来把这些 API 修改成异步版本,然后就解决这个问题了。
在调试过程中发现,其实黑屏很大程度上和 icecandidate
有关,因为我把 pc.addIceCandidate
之外的其他 API 修改过之后,黑屏的情况依然会存在。
参考资料
https://developer.mozilla.org/en-US/docs/Web/API/RTCPeerConnection