1

携帯電話のカメラ ビューを HTML で取得したかったので、このプラグインを試すことにしました: https://github.com/cordova-plugin-camera-preview/cordova-plugin-camera-previewアプリは白い画面だけでした。phonegap/cordova システム、プラットフォーム: Android を使用しています。cordova plugin add https://github.com/cordova-plugin-camera-preview/cordova-plugin-camera-preview.gitプラグインのインストールについては、この行だけを書きました。

HTML コード:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <style type="text/css">
        html{
          background-color: transparent;
        }
    </style>
    <title>Camera View Test</title>
    </head>
    <body style="background-color='transparent'">
        <script type="text/javascript" src="cordova.js"></script>
        <script>
            var tapEnabled = true; //enable tap take picture
            var dragEnabled = true; //enable preview box drag across the screen
            var toBack = true; //send preview box to the back of the webview
            var rect = {x: 100, y: 100, width: 200, height:200};
            cordova.plugins.camerapreview.startCamera(rect, "front", tapEnabled, dragEnabled, toBack)
            cordova.plugins.camerapreview.show();
        </script>
        <script type="text/javascript" src="CameraPreview.js"></script>
    </body>
</html>

config.xml:

<?xml version='1.0' encoding='utf-8'?>
<widget id="io.cordova.hellocordova" version="0.0.1" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
    <name>HelloCordova</name>
    <description>
        A sample Apache Cordova application that responds to the deviceready event.
    </description>
    <author email="dev@cordova.apache.org" href="http://cordova.io">
        Apache Cordova Team
    </author>
    <content src="index.html" />
    <plugin name="cordova-plugin-whitelist" spec="1" />
    <gap:plugin name="cordova-plugin-camera-preview" />
    <access origin="*" />
    <allow-intent href="http://*/*" />
    <allow-intent href="https://*/*" />
    <allow-intent href="tel:*" />
    <allow-intent href="sms:*" />
    <allow-intent href="mailto:*" />
    <allow-intent href="geo:*" />
    <platform name="android">
        <allow-intent href="market:*" />
    </platform>
    <platform name="ios">
        <allow-intent href="itms:*" />
        <allow-intent href="itms-apps:*" />
    </platform>
</widget>

アプリを作成するのは初めてなので、助けが必要です!

4

0 に答える 0