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

【问题标题】：How one would get live, video frames from a device camera in PhoneGap如何从 PhoneGap 中的设备摄像头获取实时视频帧
【发布时间】：2014-10-30 07:07:30
【问题描述】：

所以，我正在设计一个类似于流行应用程序SnapChat 的应用程序原型。如果您熟悉该应用程序，它的大部分用户界面都包含来自摄像头的实时视频。这不在操作系统的视频捕获窗口中，不，这有视频，上面覆盖了 UI 元素。

我无法用原生代码来挽救我的生命，所以我在 PhoneGap 中开发我的应用程序。不幸的是，经过所有通常的谷歌搜索，我仍然没有找到答案。我正在寻找一种从设备摄像头捕获视频帧并在 DOM 中实时渲染它们的方法。

我找不到用于此的插件，它是否支持 PhoneGap API？

【问题讨论】：

"有人愿意写插件吗？"不是 SO 设计的那种问题。听起来您应该聘请开发人员。
这在 PhoneGap API 中是不可能的。它必须是插件或完全原生的。至于制作插件的人，插件必须非常专门构建（不是真正可重用）或极其复杂。如此复杂的应用不太适合 PhoneGap
了解@Jordan，已编辑。感谢您对道森的意见。
@SamWeaver 你有什么解决方案来捕捉视频帧吗？

标签： javascript android ios cordova video

【解决方案1】：

您可以为以下设备使用 HTML 媒体捕获

Android 3.0 浏览器
适用于 Android 的 Chrome (0.16)
火狐手机
10.0 iOS6 Safari 和 Chrome（部分支持）

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

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

铬 21
安卓 4.4
歌剧 18
火狐17

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

使用它，您可以在 DOM 中嵌入捕获区域，并在您认为合适的时候对其进行处理。 http://www.html5rocks.com/en/tutorials/getusermedia/intro/

我刚刚试用了我的 Galaxy Note 3 的 html5rocks 页面上提到的this demo，前后摄像头都工作了

【讨论】：

非常感谢您，但它不适用于 iOS。该死！
@SamWeaver 为 ios 添加了一些信息，但可能不符合您的要求