如何從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頁面上提到的演示 ，並且前后攝像頭都可以使用