Android 嵌入iframe中的phonegap摄像头捕获

Android 嵌入iframe中的phonegap摄像头捕获,android,iframe,cordova,camera,embed,Android,Iframe,Cordova,Camera,Embed,我拼命地在互联网上寻找: 如何使用PhoneGap访问设备的摄像头并将其放入我的HTML中,例如,在一个框架中,使用我在该HTML中创建的自定义按钮拍摄快照。因此,不使用设备的本机摄像头界面。 大多数情况下,他们都说,使用PhoneGap是不可能的 请有人提供一个全面的逐步教程,介绍如何在Eclipse for Android中实现这一点,无论是PhoneGap还是其他方法。 非常感谢我在github上搜索相同的自定义插件时发现了此插件: 要设置安装,请执行以下操作: 将CanvasCamer

我拼命地在互联网上寻找:
如何使用PhoneGap访问设备的摄像头并将其放入我的HTML中,例如,在一个框架中,使用我在该HTML中创建的自定义按钮拍摄快照。因此,不使用设备的本机摄像头界面。
大多数情况下,他们都说,使用PhoneGap是不可能的
请有人提供一个全面的逐步教程,介绍如何在Eclipse for Android中实现这一点,无论是PhoneGap还是其他方法。


非常感谢

我在github上搜索相同的自定义插件时发现了此插件:

要设置安装,请执行以下操作:

  • 将CanvasCamera.h和CanvasCamera.m复制到PhoneGap项目中的插件目录
  • 编辑config.xml并将CanvasCamera添加到插件列表中
  • 将CanvasCamera.js复制到您的www目录中,并在index.html中为其添加脚本标记
  • 如果尚未存在,请在项目的“构建阶段”选项卡中添加CoreVideo.framework库
  • 以下是一个示例代码实现:

    
    
    的配置:

    
    var context=document.getElementById('camera').getContext(“2d”);
    var camImage=新图像();
    camImage.onload=函数(){
    drawImage(camImage,0,0);
    };
    CanvasCamera.capture=函数(数据){
    camImage.src=数据;
    };
    
    开始捕获:

    <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>
    
    
    document.addEventListener(“deviceready”,函数(){
    CanvasCamera.start();
    });
    
    这是可能的,但你必须创建一个自定义插件才能得到你想要的。可能的重复是否有人知道类似Android的东西(或者更好,两者都知道)?
    <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>