Wie kann ich mit getUserMedia ein Bild über die Webcam des Benutzers aufnehmen?
ch möchte ein Programm im Web erstellen, das ein Bild über die Webcam des Benutzers aufzeichne
Ich benutze dasgetUserMedia
Web API. Hier ist mein Code, aber es funktioniert nicht. Wie kann ich es ändern, um das Webcam-Bild aufzunehmen?
<div id="container">
<video autoplay="true" id="videoElement">
</video>
</div>
<script>
</script>
Es gibt die JS:
var video = document.querySelector("#videoElement");
navigator.getUserMedia, elem = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia || navigator.oGetUserMedia;
console.log(navigator.getUserMedia);
if (navigator.getUserMedia) {
navigator.getUserMedia({video: true}, handleVideo, videoError);
}
function handleVideo(stream) {
video.src = window.URL.createObjectURL(stream);
}
function videoError(e) {
// do something
}