javascript - 快照后打开网络摄像头

Question

我使用此代码是为了 GetUserMedia() 并拍摄快照。我希望在拍摄快照后关闭相机，有什么关于如何完成此操作的提示吗？

$("#btnSaves").click(function () {

    var video = document.querySelector('#webcam');
    var button = document.querySelector('#screenshot-button');
    var canvas = document.querySelector('#screenshot-canvas');
    var ctx = canvas.getContext('2d');

    navigator.getUserMedia = (navigator.getUserMedia ||
                    navigator.webkitGetUserMedia ||
                    navigator.mozGetUserMedia ||
                    navigator.msGetUserMedia);
    if (navigator.getUserMedia) {
        navigator.getUserMedia
                    (
                      { video: true },
                      function (localMediaStream) {
                          video.src = window.URL.createObjectURL(localMediaStream);
                      }, onFailure);
    }
    else {
        onFailure();
    }
    button.addEventListener('click', snapshot, false);

    function snapshot() {
        canvas.width = video.videoWidth;
        canvas.height = video.videoHeight;
        ctx.drawImage(video, 0, 0);
    }
});

Answer 1

您应该保存对流的引用，如下所示:

function (localMediaStream) {
    myStream = localMediaStream;
    video.src = window.URL.createObjectURL(myStream);
}, onFailure);

稍后您可以使用:

myStream.stop(); 
myStream = null;