Ich versuche, Webcam-Video zu holen und es im Browser anzuzeigen, folgende ist die html Ich benutze:JavaScript: error Webcam-Videos zu holen navigator.getUserMedia mit
<!DOCTYPE html>
<html>
<head>
<title>DOCUMENT</title>
<link href="style.css" rel="stylesheet" media="all" />
</head>
<body>
<div class="booth">
<video id="video" width="400" height="300" autoplay></video>
</div>
<script src="video.js"></script>
</body>
</html>
und die CSS:
.booth{
width: 400px;
background: #CCC;
border: 10px solid #ddd;
margin: 0 auto;
}
dies ist das Javascript, das ich hier bin mit:
(function(){
var video = document.getElementById('video'),vendorUrl = window.URL || window.webkitURL;
navigator.getUserMedia = (navigator.getUserMedia ||
navigator.webkitGetUserMedia ||
navigator.mozGetUserMedia ||
navigator.msGetUserMedia);
//capture video
navigator.getUserMedia({
video:true,
audio:false
}, function(stream){
video.src = vendorUrlcreateObjectURL(stream);
video.play();
}, function(error){
//an error occured
console.log(error)
});
})();
in Safari Konsole ich einen Fehler bin vor, dass st Ates:
navigator.getUserMedia is not a function. (In 'navigator.getUserMedia', 'navigator.getUserMedia' is undefined)
und in Chromkonsole, ich diese Störung erhalte:
vendorUrlcreateObjectURL is not defined
mir bitte sagen, wo ich schief gelaufen ist!
Mögliches Duplikat von http://StackOverflow.com/Questions/28991835/firefox-Navigator-Getusermedia-is-Not-a-Funktion – 1sloc
Ich versuchte diese Lösung, aber nicht für mich arbeiten, BTW, wenn ich diesen Code ausführen in chrome habe ich einen weiteren fehler: 'vendorUrcreateObjectURL ist nicht definiert' –