cergmin
@cergmin
Developer

Как решить проблему при захвате видо с камеры?

Есть код для захвата видо с камеры:
<video id="video" width="640" height="480" autoplay></video>
<button id="snap">Snap Photo</button>
<canvas id="canvas" width="640" height="480"></canvas>
<script>
	navigator.getUserMedia = (navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia);

	navigator.getUserMedia({ video : true }, 
	function (stream){
		console.log("Доступ к камере разрешен");
		var video = document.getElementById("video");
		video.src = window.URL.createObjectURL(stream);
	}, 
	function(){
		console.log("Доступ к камере запрещен");
	});
</script>

Но когда я открываю страницу страницу, то в консоле пишется следующее:
Доступ к камере разрешен

Uncaught TypeError: Failed to execute 'createObjectURL' on 'URL': 
No function was found that matched the signature provided.
  • Вопрос задан
  • 40 просмотров
Решения вопроса 1
cergmin
@cergmin Автор вопроса
Developer
Проблема решена.
Необходимо заменить:
video.src = window.URL.createObjectURL(stream);
на
try {
	video.srcObject = stream;
} catch (error) {
	video.src = window.URL.createObjectURL(stream);
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы