我正在尝试将媒体流从第 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>