如何通过javascript访问网络摄像头

Question

我需要通过JavaScript打开网络摄像头我知道可以访问html5 <video>但需要使用纯JavaScript访问网络摄像头

有人可以帮助我或给我一些想法吗？

我只需要使用JavaScript访问网络摄像头,抱歉我的英文,我正在使用谷歌翻译.

我不能使用标签'<video>'

Answer 1

正如我所说的那样,我对你的措辞感到困惑.你说,你知道"HTML5"可以访问网络摄像头,但你需要纯Javascript.

好吧,如果您不知道,HTML5引入了这样的WebRTC,它是实时通信的缩写.部分原因是,还引入了一个名为navigator.getUserMedia() 的新东西navigator.mediaDevices.getUserMedia(constraints).也就是说,ECMAscript对象允许您访问用户计算机WebCam和Microphone设备.

如您所见,整个节目嵌入在HTML5卷展栏/规范中,因此我们无法在此将Javascript与HTML5分开.

进一步阅读:

• https://developer.mozilla.org/en-US/docs/WebRTC
• https://developer.mozilla.org/en-US/docs/WebRTC/navigator.getUserMedia
• https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getUserMedia

Answer 2

这是一个仅在HTML5后备情况下使用flash的js库:

https://github.com/jhuckaby/webcamjs

从代码示例:

<script src="webcam.js"></script>

<div id="my_camera" style="width:320px; height:240px;"></div>
<div id="my_result"></div>

<script language="JavaScript">
    Webcam.attach( '#my_camera' );

    function take_snapshot() {
        Webcam.snap( function(data_uri) {
            document.getElementById('my_result').innerHTML = '<img src="'+data_uri+'"/>';
        } );
    }
</script>

<a href="javascript:void(take_snapshot())">Take Snapshot</a>