如何从PhoneGap中的设备摄像头获取实时视频帧

Question

因此，我正在为与流行的应用程序SnapChat相似的应用程序制作原型 。 如果您熟悉该应用程序，则其很大一部分的用户界面都包含来自摄像头的实时视频。 它不在操作系统视频捕获窗口中，不，它具有视频，并带有UI元素。

我无法使用本机代码来挽救生命，因此我在PhoneGap中开发了我的应用程序。 不幸的是，经过所有通常的Google搜索，我仍然没有找到答案。 我正在寻找一种捕获视频帧并从设备摄像机实时将其渲染为DOM的方法。

我找不到为此的插件，它是否可以使用PhoneGap API？

Answer 1

您可以将HTML Media Capture用于以下设备

Android 3.0浏览器
Chrome for Android（0.16）
Firefox移动版
10.0 iOS6 Safari和Chrome（部分支持）

从我天真的眼神看来，它似乎将用户踢到了本机设备视频捕获器，并在用户完成操作后返回了视频。 您似乎无法在视频捕获用户界面中使用自定义叠加层。

为了更好地控制，您可以使用以下设备支持的WebRTC

镀铬21
Android 4.4
歌剧18
Firefox 17

http://caniuse.com/#feat=stream

这样，您可以将捕获区域嵌入DOM并根据需要对其进行处理。 http://www.html5rocks.com/en/tutorials/getusermedia/intro/

我刚刚尝试了银河笔记3的html5rocks页面上提到的演示 ，并且前后摄像头都可以使用