0

我正在尝试将媒体流从第 1 页传递到第 2 页。我在第 2 页上获得的媒体流与第 1 页上生成的媒体流具有相同的 ID。但我无法将此媒体流添加到视频第 2 页 HTML 代码中存在的标记。

我尝试为视频元素创建 srcObject 并尝试将媒体流添加为 URL。

const remoteVideo = document.querySelector('#remoteVideo');
function gotRemoteStream(event) {
  console.log('got remote stream');
  try {
    remoteVideo.srcObject = event.streams[0];
    console.log('added remote stream');
  } catch (error) {
      console.log(error);
  }

  console.log(remoteVideo.srcObject);
}

最后一个 console.log 返回 -

MediaStream {id: "P7pInpAX7ee32KJOsPRNxZWEcdjjAg5Sq7pk", active: true, onaddtrack: null, onremovetrack: null, onactive: null, …}

但是这个媒体流没有被添加到视频元素标签中

<video id="remoteVideo" src="" playsinline autoplay></video>
4

0 回答 0