2016-04-12 5 views
0

Hallo Leute Ich begann heute Browsersync mit der einfachen Konfiguration von https://browsersync.io/#install in einem Projekt zu verwenden, um die Webcam zu verwenden, um ein Bild zu erfassen. Es funktionierte ziemlich gut, aber plötzlich hört es auf zu arbeiten, jetzt zeigt es mir nicht das Bild von der Kamera und in Chrom erscheint jetzt der Fehler video.play ist keine Funktion sogar mit einer Schluckdatei, um den lokalen Server zu starten, Ich weiß nicht, was passiert ist. Hat jemand schon einmal so ein Problem gehabt?Browsersync Kamera acces video.play ist keine Funktion

Dies ist meine js-Datei:

(function(){ 
var video = document.getElementById('video'), 
    canvas = document.getElementById('canvas'), 
    context = canvas.getContext('2d'), 
    photo = document.getElementById('photo'), 
    vendorUrl = window.URL || window.webkitURL; 

navigator.getMedia = navigator.getUserMedia|| 
        navigator.webkitGetUserMedia || 
        navigator.mozGetUserMedia || 
        navigator.msGetUserMedia; 

navigator.getMedia({ 
    video: true, 
    audio: false 
}, function(stream) { 
    video.src = vendorUrl.createObjectURL(stream); 
    video.play(); 
}, function(error){ 
    //An error occured 
    //error.code 
}); 

document.getElementById('snap').addEventListener('click', function(){ 
    context.drawImage(video, 0, 0, 400, 300); 
    photo.setAttribute('src', canvas.toDataURL('image/png')); 
}); 

})();

Antwort

0

Ich hatte das gleiche Problem mit dem gleichen Quellcode. Ich migrierte meine Kamera-Bild-Lösung zu yii2, und mein Problem war, dass das # Video ein Div-Element und kein Video-Element ist, wenn Sie es zu Video-Tag ändern, wird es perfekt funktionieren.

:)