停止 navigator.GetUserMedia 摄像头访问

【问题标题】：Stop navigator.GetUserMedia camera access停止 navigator.GetUserMedia 摄像头访问
【发布时间】：2020-10-08 00:09:39
【问题描述】：

我正在制作这个相机应用程序，我有这个相机代码，可以在这里启动相机。

var video = document.getElementById('video');
 // Get access to the camera
if(navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
    navigator.mediaDevices.getUserMedia({ video: true }).then(function(stream) {
    video.srcObject = stream;
    video.play();
 });
}

问题是，我无法阻止它。那么如何在javascript中阻止导航器getUserMedia摄像头的访问呢？

【问题讨论】：

标签： javascript html camera getusermedia

【解决方案1】：

尝试使用stream.getTracks()，后跟track.stop()。例如：

var video = document.getElementById('video');
 // Get access to the camera
if(navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
    navigator.mediaDevices.getUserMedia({ video: true }).then(function(stream) {
    video.srcObject = stream;
    video.play();
    setTimeout(() => {
      stream.getTracks().forEach(track => {
        if (track.readyState == 'live' && track.kind === 'video') {
          track.stop();
        }
      };
    }, 5000);
  });
}

5 秒后，我们停止摄像头。

见：Stop/Close webcam which is opened by navigator.getUserMedia

【讨论】：