video-streaming - 未使用 MediaSource 和 webRTC 流媒体删除媒体播放器

Question

我正在尝试使用接收端的 mediasource API 将多个媒体文件（按顺序）从一个 webRTC 设备流式传输到另一个设备。这些文件是在页面上的相同视频源元素上接收和播放的，但每次我流式传输一个新文件（或再次播放相同的文件）时，播放器会显示在 Google chrome://media-internals/ 但其他播放器从先前的传输中也仍然显示。

我担心的是，当为新流（来自 webRTC）分配新媒体源时，资源已分配但未释放（或者更可能我没有正确执行某些操作）。

关于如何显式释放或远程分配和播放的媒体源有什么想法吗？

Answer 1

我建议为每个流使用不同的对等连接，此外您应该在媒体流上调用 stop()。作为播放实例之间清理的一部分，您可能还需要清除元素中流的链接，如下所示：

if (moz) {
  document.getElementById('yourvideoelementid').mozSrcObject = undefined;
} else {
  document.getElementById('yourvideoelementid').src = "";
}

moz表示浏览器是 Mozilla/Firefox。