如何通过PhoneGap中的设备相机获取实时视频帧

时间:2014-10-29 22:29:06

标签: javascript android ios cordova video

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

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

我无法为此找到插件,是否可以使用PhoneGap API?

1 个答案:

答案 0 :(得分:1)

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

  

Android 3.0浏览器
  适用于Android的Chrome(0.16)
  Firefox Mobile
  10.0 iOS6 Safari和Chrome(部分支持)

从我天真的看起来,它看起来像是将用户踢到本机设备视频捕获器并在用户完成后返回视频。看起来您无法在视频捕获用户界面中使用自定义叠加层。

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

  

Chrome 21
  Android 4.4
  歌剧18
  Firefox 17

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

使用此功能,您可以将捕获区域嵌入DOM中,并根据需要将其弄乱。 http://www.html5rocks.com/en/tutorials/getusermedia/intro/

我刚尝试了我的Galaxy note 3上html5rocks页面上提到的this demo,前后相机都工作​​了