使用getUserMedia方法调用本地摄像头，怎么关闭呢？

Question

我使用navigator.mediaDevices.getUserMedia()方法打开了本地摄像头，拍完照后需要关闭，但怎么关掉呢？求助...

Answer 1

stream.getTracks()[0].stop();

stream是getUserMedia onSuccess回调中的实例

可参考文档

Answer 2

navigator.mediaDevices.getUserMedia(constraints).then(function(stream) {
      var track = stream.getTracks()[0];  // if only one media track
        // ...
       track.stop();
}).catch(function(err) {
  /* handle the error */
});

Answer 3

var mediaStreamTrack;
//启动摄像头
if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {

                navigator.mediaDevices.getUserMedia({
                    video: true,
                    audio: false
                }).then(function (stream) {
                    mediaStreamTrack = stream;
                    video.src = (window.URL || window.webkitURL).createObjectURL(stream);
                    video.play();
                }).catch(function (err) {
                    console.log(err);
                });
            }
            

//关闭摄像头

mediaStreamTrack.getTracks().forEach(function (track) {

                track.stop();
            });
            

Answer 4

// 获取视频容器元素
var video = document.getElementById('video');
video.pause();
video.src = "";
localstream.getTracks()[0].stop();

Answer 5

stream.getTracks().forEach(function (track) {
  track.stop();
});