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

Question

[Сергей Минаков]

Есть код для захвата видо с камеры:

<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.

Answer 1

[Сергей Минаков]

Проблема решена.
Необходимо заменить:
video.src = window.URL.createObjectURL(stream);
на

try {
	video.srcObject = stream;
} catch (error) {
	video.src = window.URL.createObjectURL(stream);
}