2016-04-12 17 views
0

Merhaba çocuklar bugün bir resmi yakalamak için web kamerasını kullanmak için bir projede https://browsersync.io/#install basit yapılandırma ile browsersync kullanmak başladı. Oldukça iyi çalışıyordu ama aniden çalışmayı durdurdu, şimdi kameranın görüntüsünü göstermiyor ve kromda video.play bir yerel sunucu başlatmak için bir gulp dosyası ile bile bir fonksiyon değil o zaman ne olduğunu bilmiyorum. Daha önce böyle bir problem yaşandı mı?Browsersync kamera acces video.play bir fonksiyon değil

Bu benim js dosyasıdır:

(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')); 
}); 

})();

cevap

0

Aynı kaynak kodla aynı sorunla karşılaştım. Kamera görüntü çözümümü yii2'ye taşıdım ve benim sorunum, videonun bir div öğesi değil, video öğesi olmasıydı, video etiketine değiştirdiğinizde mükemmel şekilde çalışacak.

:)