Javascript将视频流移动到新窗口

Question

我正在尝试将视频流从一个窗口移动到另一个窗口。

当前窗口有一个带有视频流的简单div。

<div id="divLocalVideo">
  <video id="localVideo" oncontextmenu="return false;" autoplay=""
         style="transform: scaleX(-1);"
         src="mediastream:http://192.168.1.100/ee1e6dfb-6d59-4030-b97c-e0a528fbe215">
  </video>
</div>

我尝试移动窗口，执行以下操作：

var popup_window = window.open(url, popup_window_name, window_size);
popup_window.document.write($('#divLocalVideo'));
//popup_window.document.body.innerHTML = $('#divLocalVideo');

所有这一切只是将“[object Object]”添加到新的弹出窗口。

任何人都知道将视频流从当前窗口移动到另一个窗口的正确方法吗？我开始怀疑它是否有可能。我当然可以重新创建流，但我希望避免再次要求相机权限并处理远程视频关闭/打开视频。

我认为最好的方法是打开弹出窗口将流移动到它，然后当我关闭流时将视频流移回原始窗口。

谢谢，

达里尔

Answer 1

显然，您可以通过执行以下操作来解决此问题：

popup_window.document.write($('#divLocalVideo').html());

所以它正在复制html，其中包括流。