如何运行mediaStream

Question

我创建了一个webCam流

navigator.getUserMedia({ "video": true }, function(stream){
    videoTag.src = window.URL.createObjectURL(stream);
    videoTag.play();
}

我可以在全局范围内访问stream 中的MediaStream对象吗？*

(有点像navigator.getAllMediaStreams[0])

*编辑：...without向getUserMedia函数添加逻辑。我的问题是一个qr解码器库，它为我获取流，我不想更改第三方代码。

Answer 1

没有浏览器保存的活动媒体流列表。

您可以将流保存到例如window.stream。

Answer 2

当然：

navigator.allMediaStreams = [];

navigator.mediaDevices.getUserMedia({ "video": true }).then(stream => {
  navigator.allMediaStreams.push(stream);
  console.log(navigator.allMediaStreams.length); // 1
})
.catch(e => console.error(e));

console.log(navigator.allMediaStreams.length); // 0

只需了解数组将为空，直到成功回调触发为止。

它就像任何其他JavaScript对象一样。只要您保持对流的引用(这样它就不会被垃圾收集)，并且不要在它的轨道上调用stop()，您就可以使用一个实时视频流，并且在这段时间内，如果有一个活动摄像机灯，它就会亮着。

同样，与任何其他JavaScript变量一样，它仍然绑定到页面上，即使它挂起navigator，它也无法在页面导航中存活下来。