如何使用getUserMedia访问Raspberry PI的相机?

时间:2013-12-30 20:35:02

标签: html5 raspbian getusermedia

如何在相机上启用Raspbian(铬)上的getUserMedia / HTML5网络摄像头访问调用?我只找到了将图片流式传输到HTML5网站的答案,但实际上我需要在设备上使用它。我已经运行了代码来获取带有JS的图片。此外,raspivid正在向我展示正确的图片。那么如何让Chromium注意到相机呢? 谢谢!

2 个答案:

答案 0 :(得分:0)

您可以使用一些JavaScript解决方法,因为使用getusermedia直接从浏览器录制的实际方法尚未实现。 Whammy.js是一个很好的起点(https://github.com/antimatter15/whammy),这里有一个很好的指南:http://www.html5rocks.com/en/tutorials/getusermedia/intro/(我的代码太多了!)

不确定这是不是你问的问题,但是如果你需要的话,那就是它。

答案 1 :(得分:0)

如果您只是想将视频从相机流式传输到网页,那么这很简单。

您需要使用Firefox或Chrome作为浏览器(和Opera ??),在您的网页中创建元素,然后包含与此类似的JS代码:

        navigator.getUserMedia(
            {
              video: true,
              audio: false
            },
            function(stream) {
              if (navigator.mozGetUserMedia) {
                video.mozSrcObject = stream;
              } else {
                var url = window.URL || window.webkitURL;
                video.src = url ? url.createObjectURL(stream) : stream;
              }
              mediaStream = stream;
              video.play();
            },
            function(error) {
              console.log("ERROR: " + error);
            }
        );

有一些细节需要处理,例如调整输出窗口的大小以匹配输入流。

查看my Tutorial on this,其中包括简单的工作演示和完整代码 - 以及视频Feed中的静态图像捕获。