Я разрабатываю расширение 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");
}
Любое очевидное, что мне не хватает?
Приведенный выше код работает - как показано @jib здесь, используя приведенный выше код:
function vidOff() {
vid.pause();
vid.src = "";
localstream.stop();
}
Проблема заключается в том, что это постоянная справочная страница. Я перехожу к страницам событий для расширения Chrome как работа.
localstream.stop() был обесценен и больше не работает. См. Этот вопрос и ответ: Остановить/закрыть веб-камеру, которая открывается navigator.getUserMedia
И эта ссылка:
По существу вы меняете 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>