使用getUserMedia后关闭网络摄像头/相机

Turn off webcam/camera after using getUserMedia

本文关键字：摄像头 相机 网络 getUserMedia 使用      更新时间：2023-09-26

我正在开发一个Chrome扩展程序，它使用后台页面来访问用户的网络摄像头。

用户可以选择关闭相机。

流似乎正在关闭。相关函数不再接收流。但是，网络摄像头指示灯（目前正在mac book Pro上开发和测试）不会关闭。

有什么想法吗？

这是我设置流的代码：

if (navigator.webkitGetUserMedia!=null) {
    var options = { 
        video:true, 
        audio:false 
    };  
    navigator.webkitGetUserMedia(options, 
        function(stream) { 
        vid.src = window.webkitURL.createObjectURL(stream);
        localstream = stream;
        vid.play();
        console.log("streaming");
    }, 
        function(e) { 
        console.log("background error : " + e);
        }); 
}

这是我关闭流的方法：

function vidOff() {
    clearInterval(theDrawLoop);
    ExtensionData.vidStatus = 'off';
    vid.pause();
    vid.src = "";
    localstream.stop();
    DB_save();
    console.log("Vid off");
}

我错过了什么明显的吗？

localstream.stop（） 已被折旧，不再工作。 请参阅此问题和答案：停止/关闭由navigator.getUserMedia打开的网络摄像头

和这个链接：

https://developers.google.com/web/updates/2015/07/mediastream-deprecations?hl=en#stop-ended-and-active

本质上，您将localstream.stop()更改为localstream.getTracks()[0].stop();

以下是更新的问题中的来源：

<html>
<head>
<script>
var console = { log: function(msg) { div.innerHTML += "<p>" + msg + "</p>"; } };
var localstream;
if (navigator.mediaDevices.getUserMedia !== null) {
  var options = { 
    video:true, 
    audio:false 
  };  
  navigator.webkitGetUserMedia(options, function(stream) { 
    vid.src = window.URL.createObjectURL(stream);
    localstream = stream;
    vid.play();
    console.log("streaming");
  }, function(e) { 
    console.log("background error : " + e.name);
  }); 
}
function vidOff() {
  //clearInterval(theDrawLoop);
  //ExtensionData.vidStatus = 'off';
  vid.pause();
  vid.src = "";
  localstream.getTracks()[0].stop();
  console.log("Vid off");
}
</script>
</head>
<body>
<video id="vid" height="120" width="160" muted="muted" autoplay></video><br>
<button onclick="vidOff()">vidOff!</button><br>
<div id="div"></div>
</body>
</html>

上面的代码有效 - 如@jib所示，使用上面的代码：

function vidOff() {
    vid.pause();
    vid.src = "";
    localstream.stop();
}

问题与它是一个持久的后台页面有关。我正在切换到Chrome扩展程序的事件页面作为解决方法。

相关文章：