Отпустите веб-камеру и микрофон из getUserMedia после обратного отсчета [дубликат]

Использование .stop () в потоке работает на chrome при подключении через http. Он не работает при использовании ssl (https).

Запуск веб-камеры видео с различными браузерами

Для Opera 12

window.navigator.getUserMedia(param, function(stream) {
                            video.src =window.URL.createObjectURL(stream);
                        }, videoError );

Для Firefox Nightly 18.0

window.navigator.mozGetUserMedia(param, function(stream) {
                            video.mozSrcObject = stream;
                        }, videoError );

Для Chrome 22

window.navigator.webkitGetUserMedia(param, function(stream) {
                            video.src =window.webkitURL.createObjectURL(stream);
                        },  videoError );

Остановка видео в веб-камерах с различными браузерами

Для Opera 12

video.pause();
video.src=null;

Для Firefox Nightly 18.0

video.pause();
video.mozSrcObject=null;

Для Chrome 22

video.pause();
video.src="";

При этом свет в веб-камера снижается каждый раз ...

Имейте ссылку потока от successHandler

var streamRef;

var handleVideo = function (stream) {
    streamRef = stream;
}

//this will stop video and audio both track
streamRef.getTracks().map(function (val) {
    val.stop();
});

Вы можете завершить поток напрямую, используя объект stream, возвращенный обработчиком успеха, в getUserMedia. например

localMediaStream.stop()

video.src="" или null просто удалит источник из тега видео. Он не выпустит аппаратное обеспечение.

Если .stop() устарел, я не думаю, что мы должны повторно добавить его, как @MuazKhan. Это причина того, почему вещи устаревают и больше не должны использоваться. Просто создайте вспомогательную функцию ... Вот еще версия es6

function stopStream (stream) {
    for (let track of stream.getTracks()) { 
        track.stop()
    }
}

Попробуйте следующий метод

var mediaStream = null;
    navigator.getUserMedia(
        {
            audio: true,
            video: true
        },
        function (stream) {
            mediaStream = stream;
            mediaStream.stop = function () {
                this.getAudioTracks().forEach(function (track) {
                    track.stop();
                });
                this.getVideoTracks().forEach(function (track) { //in case... :)
                    track.stop();
                });
            };
            /*
             * Rest of your code.....
             * */
        });

    /*
    * somewhere insdie your code you call
    * */
    mediaStream.stop();

Поскольку вам нужны дорожки, чтобы закрыть потоковое вещание, и вам нужно stream boject, чтобы добраться до треков, код, который я использовал с помощью ответа Муаза-хана, выглядит следующим образом:

if (navigator.getUserMedia) {
    navigator.getUserMedia(constraints, function (stream) {
        videoEl.src = stream;
        videoEl.play();
        document.getElementById('close').addEventListener('click', function () {
            stopStream(stream);
        });
    }, errBack);

function stopStream(stream) {
console.log('stop called');
stream.getVideoTracks().forEach(function (track) {
    track.stop();
});

Конечно, это закроет все активные видеодорожки. Если у вас несколько, вы должны выбрать соответственно.

Вы можете вызвать «stop» над объектом MediaStream , который будет устаревшим ; новое предложение состоит в том, чтобы выпустить медиа-треки, вызвав «стоп» по каждому медиа-треку:

mediaStream.stop();

// or
mediaStream.getAudioTracks()[0].stop();
mediaStream.getVideoTracks()[0].stop();

Обновлено 03 нояб. 2015 г. ---- 10:34:24 AM

Вот кросс-браузер stream.stop hack:

var MediaStream = window.MediaStream;

if (typeof MediaStream === 'undefined' && typeof webkitMediaStream !== 'undefined') {
    MediaStream = webkitMediaStream;
}

/*global MediaStream:true */
if (typeof MediaStream !== 'undefined' && !('stop' in MediaStream.prototype)) {
    MediaStream.prototype.stop = function() {
        this.getAudioTracks().forEach(function(track) {
            track.stop();
        });

        this.getVideoTracks().forEach(function(track) {
            track.stop();
        });
    };
}

FF, Chrome и Opera начали выставлять getUserMedia через navigator.mediaDevices в качестве стандарта сейчас (Might change:)

онлайн-демонстрация

navigator.mediaDevices.getUserMedia({audio:true,video:true})
    .then(stream => {
        window.localStream = stream;
    })
    .catch( (err) =>{
        console.log(err);
    });
// later you can do below
// stop both video and audio
localStream.getTracks().forEach( (track) => {
track.stop();
});
// stop only audio
localStream.getAudioTracks()[0].stop();
//stop only audio 
localStream.getVideoTracks()[0].stop();

Не использовать stream.stop(), он устарел

Оповещения MediaStream

Используйте stream.getTracks().forEach(track => track.stop())