webrtc 与 firebase：如何修复 ios/safari 上的黑屏

Question

我在我的网络应用程序中进行视频通话。我 在https://webrtc.org/getting-started/firebase-rtc-codelab上尝试了 [ https://github.com/webrtc/FirebaseRTC/tree/solution][1]示例。

它适用于以下浏览器：

• 桌面/镀铬----->桌面/镀铬
• 桌面/铬----->桌面/火狐
• 桌面/火狐----->桌面/火狐

但不是 Safari 我只能看到黑屏。它不起作用。

• 桌面/chrome---->ios/safari
• ios/safari---->ios/safari

实际上我看到黑屏，但我认为 safari 获得媒体流但无法显示。

我在codelab中有这个代码：

 peerConnection.addEventListener('track', event => {//other pc track
      console.log('Got remote track:', event.streams[0]);
       event.streams[0].getTracks().forEach(track => {
        console.log('Add a track to the remoteStream:', track);
        remoteStream.addTrack(track);
      });
    });

我该如何解决这个问题？

Answer 1

我解决了它在 safari 上工作的问题，我现在可以获取 videoStream。我在 codelab 中更改了此代码

 peerConnection.addEventListener('track', event => {//other pc track
      console.log('Got remote track:', event.streams[0]);
       event.streams[0].getTracks().forEach(track => {
        console.log('Add a track to the remoteStream:', track);
        remoteStream.addTrack(track);
      });
    });

到

peerConnection.addEventListener('track', event => {//other pc track
      console.log('Got remote track:', event.streams[0]);

        document.querySelector('#remoteVideo').srcObject = event.streams[0];
        console.log(event.streams[0]);
        remoteStream = event.streams[0];


    });

我认为 safari 不支持remoteStream.addTrack(track );( remoteStream 是 MediaStream obj ) 我搜索了这个问题找不到任何东西。