android - 嵌入iframe中的phonegap摄像头捕获

我拼命地在互联网上寻找：
 如何使用PhoneGap访问设备的摄像头并将其放入我的HTML中，例如在一个框架中，并使用我在该HTML中创建的自定义按钮拍摄快照。因此，请勿使用设备的本机摄像头界面。
大多数情况下，他们都说使用PhoneGap是不可能的。
不管是PhoneGap还是其他方法，都可以有人提供有关如何在Eclipse for Android中执行此操作的详细分步指南。
非常感谢你

最佳答案

我在寻找相同的插件时在github上找到了它：

Cordova-CanvasCamera

设置安装：


将CanvasCamera.h和CanvasCamera.m复制到PhoneGap项目中的Plugins目录。
编辑您的config.xml并将CanvasCamera添加到“插件”列表中。
将CanvasCamera.js复制到您的www目录中，并在index.html中为其添加脚本标签。
如果尚不存在，请在项目的“构建阶段”选项卡中添加CoreVideo.framework库。


以下是示例代码实现：

<img>的配置：

<img id="camera" width="352" height="288" />
<script>
  CanvasCamera.capture = function(data) {
    document.getElementById('camera').src = data;
  }
</script>

<canvas>的配置：

<canvas id="camera" width="352" height="288"></canvas>
<script>
    var context = document.getElementById('camera').getContext("2d");
    var camImage = new Image();
    camImage.onload = function() {
      context.drawImage(camImage, 0, 0);
    };
    CanvasCamera.capture = function(data) {
      camImage.src = data;
    };
</script>

开始捕获：

<script>
  document.addEventListener("deviceready", function() {
    CanvasCamera.start();
  });
</script>