如何通过JavaScript来访问网络摄像头[关闭](How to access the webca

2019-07-21 15:42发布

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

有人可以帮助我或者给我一些想法?

我只需要访问与JavaScript的网络摄像头和对不起我的英语,我用谷歌翻译。

我不能使用标签“的<video>”

Answer 1:

正如我所说的评论,我感到困惑的措辞。 你说,你知道,“HTML5”,可以访问网络摄像头,但您可以通过纯JavaScript需要它。

好吧,如果你不知道,HTML5引入了这种所谓的WebRTC这是短期的实时通信 。 的一部分,一个新的东西叫做navigator.getUserMedia() navigator.mediaDevices.getUserMedia(constraints)中也引入了。 也就是说,EcmaScript的对象,它可以让你获得访问用户计算机的摄像头麦克风设备。

正如你所看到的,整场演出被嵌入HTML5部署/规范,所以我们不能真的在这里从HTML5分开的JavaScript。

延伸阅读:

  • 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后备情况使用闪光灯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>


Answer 3:

有来自HTML5ROCKS这个伟大的教程 。

基本上, getUserMedia让浏览器请求许可,然后让你使用相机。

你必须知道,它仍然严重支持,该API可能会再次发生变化,特别是如果你想通过互联网发送这些流。



Answer 4:

有现在这样做了几个JavaScript库。

  • 脚本凸轮: http://www.scriptcam.com/
  • jQuery的网络摄像头: http://www.xarg.org/project/jquery-webcam-plugin/


文章来源: How to access the webcam by javascript [closed]