我需要打开通过JavaScript的网络摄像头,我知道可以通过访问HTML5 <video>
,但需要使用纯JavaScript访问网络摄像头
有人可以帮助我或者给我一些想法?
我只需要访问与JavaScript的网络摄像头和对不起我的英语,我用谷歌翻译。
我不能使用标签“的<video>”
我需要打开通过JavaScript的网络摄像头,我知道可以通过访问HTML5 <video>
,但需要使用纯JavaScript访问网络摄像头
有人可以帮助我或者给我一些想法?
我只需要访问与JavaScript的网络摄像头和对不起我的英语,我用谷歌翻译。
我不能使用标签“的<video>”
正如我所说的评论,我感到困惑的措辞。 你说,你知道,“HTML5”,可以访问网络摄像头,但您可以通过纯JavaScript需要它。
好吧,如果你不知道,HTML5引入了这种所谓的WebRTC这是短期的实时通信 。 的一部分,一个新的东西叫做navigator.getUserMedia() navigator.mediaDevices.getUserMedia(constraints)
中也引入了。 也就是说,EcmaScript的对象,它可以让你获得访问用户计算机的摄像头和麦克风设备。
正如你所看到的,整场演出被嵌入HTML5部署/规范,所以我们不能真的在这里从HTML5分开的JavaScript。
延伸阅读:
这是只有在HTML5后备情况使用闪光灯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>
有来自HTML5ROCKS这个伟大的教程 。
基本上, getUserMedia让浏览器请求许可,然后让你使用相机。
你必须知道,它仍然严重支持,该API可能会再次发生变化,特别是如果你想通过互联网发送这些流。
有现在这样做了几个JavaScript库。