2013-03-10 7 views
1

Я пытаюсь следовать этому руководству по записи видео с веб-камеры в HTML5Захват видео с веб-браузер в HTML5

http://www.html5rocks.com/en/tutorials/getusermedia/intro/

Я скопировать и вставить следующий код, но Chrome не просит разрешения на использовать мой фотоаппарат

<video autoplay></video> 

<script> 
    var onFailSoHard = function(e) { 
    console.log('Reeeejected!', e); 
    }; 

    // Not showing vendor prefixes. 
    navigator.getUserMedia({video: true, audio: true}, function(localMediaStream) { 
    var video = document.querySelector('video'); 
    video.src = window.URL.createObjectURL(localMediaStream); 

    // Note: onloadedmetadata doesn't fire in Chrome when using it with getUserMedia. 
    // See crbug.com/110938. 
    video.onloadedmetadata = function(e) { 
     // Ready to go. Do some stuff. 
    }; 
    }, onFailSoHard); 
</script> 

Принимая во внимание, когда я нажимаю «захват видео» в руководстве он работает, мои веб-камера показывает ...

Другой веб сайт имеет подобный код, но еще раз это не работает для меня

http://dev.opera.com/articles/view/playing-with-html5-video-and-getusermedia-support/

<!-- HTML code --> 
<video id="sourcevid" autoplay>Put your fallback message here.</video> 

/* JavaScript code */ 
window.addEventListener('DOMContentLoaded', function() { 
    // Assign the <video> element to a variable 
    var video = document.getElementById('sourcevid'); 

    // Replace the source of the video element with the stream from the camera 
    if (navigator.getUserMedia) { 
     navigator.getUserMedia('video', successCallback, errorCallback); 
     // Below is the latest syntax. Using the old syntax for the time being for backwards compatibility. 
     // navigator.getUserMedia({video: true}, successCallback, errorCallback); 
     function successCallback(stream) { 
      video.src = stream; 
     } 
     function errorCallback(error) { 
      console.error('An error occurred: [CODE ' + error.code + ']'); 
      return; 
     } 
    } else { 
     console.log('Native web camera streaming (getUserMedia) is not supported in this browser.'); 
     return; 
    } 
}, false); 

Мне было интересно, если я что-то отсутствует или что-то изменилось, потому что ни один из образца кода не работает для меня до сих пор ,

ответ

1

Обнаружено, что происходит. Для кого-то интересно, в Chrome у вас есть доступ к веб-камере только при работе с сервером. Он не будет работать только с файлом.

Смежные вопросы