HTML5 - камера доступа

Question

Я хотел бы получить доступ к камере с HTML и JavaScript. Я видел this example, но он не работает в Chrome. Я попытался это тоже:

<img src=""> 
<video></video> 
<canvas style="display:none;"></canvas> 

<script> 
    var video = document.querySelector('video'); 
    var canvas = document.querySelector('canvas'); 
    var ctx = canvas.getContext('2d'); 
    var localMediaStream = null; 

    function snapshot() { 
    if (localMediaStream) { 
     ctx.drawImage(video, 0, 0); 
     // "image/webp" works in Chrome. 
     // Other browsers will fall back to image/png. 
     document.querySelector('img').src = canvas.toDataURL('image/webp'); 
    } 
    } 

    video.addEventListener('click', snapshot, false); 

    // Not showing vendor prefixes or code that works cross-browser. 
    navigator.getUserMedia({video: true}, function(stream) { 
    video.src = window.URL.createObjectURL(stream); 
    localMediaStream = stream; 
    }, errorCallback); 
</script> 

Кто может помочь? Благодаря!

Answer 1

Вам не хватает errorCallback Функция.

function errorCallback(e) { 
    console.log(e); 
} 

Я добавил это и получил ошибку:

Для доступа userMedia вы должны иметь https. Я попытался запустить его here (jsfiddle) и работает для меня.