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

Question

我拼命地在互联网上寻找:
如何使用 PhoneGap 访问设备的摄像头并将其放入我的 HTML 中，例如在框架中并使用我在该 HTML 中创建的自定义按钮拍摄快照。所以，不使用设备的 native 相机界面。
大多数情况下，他们都说 PhoneGap 不可能。
有人可以提供有关如何在 Eclipse for Android 中执行此操作的全面分步教程，无论是 PhoneGap 还是其他方法。

非常感谢

Answer 1

我在 github 上搜索时发现了这个自定义插件:

Cordova-CanvasCamera

设置安装:

1. 将 CanvasCamera.h 和 CanvasCamera.m 复制到 PhoneGap 项目中的 Plugins 目录。
2. 编辑您的 config.xml 并将 CanvasCamera 添加到您的插件列表中。
3. 将 CanvasCamera.js 复制到您的 www 目录中，并在您的 index.html 中为它添加一个脚本标签。
4. 如果不存在，请在项目的“构建阶段”选项卡中添加 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>