通过HTML5访问Android设备的相机 元素通过CodeName一个移动应用程序

Question

我们正在使用CodeName One为Android构建移动应用。作为我们要求的一部分，我们已经有一个HTML5页面，其中包含一个视频元素，可以使用设备的相机拍摄照片。我们需要在CodeName One应用程序中调用此HTML5页面。但是这段代码没有按照预期工作，但是当直接从chrome浏览器调用时，html文件URL工作得很好。从Chrome浏览器查看时，我得到提示询问相机权限，在CodeName One应用程序中我没有看到权限提示。

我最近发布了一个类似的问题html video control is not working in codenameone app for android

我已经尝试了那里给出的建议，但它对我没用。也许我在这里做错了什么？

在我的CodeName一个类中，我有以下代码。代码基本上创建了一个新的BrowserComponent，并在此组件中设置了camera1.html URL。 camera1.html包含HTML5代码，用于显示拍摄照片的视频元素。 `

private Form current;
private Resources theme;

public void init(Object context) {
    theme = UIManager.initFirstTheme("/theme");

    // Enable Toolbar on all Forms by default
    Toolbar.setGlobalToolbar(true);    
}

public void start(){
    if(current != null) {
        current.show();
        return;
    }

    Form f = new Form("Camera", new BorderLayout());
    try {
        CN1NativeCameraInterface cnci = NativeLookup.create(CN1NativeCameraInterface.class);
        if (cnci != null && cnci.isSupported()) {

            boolean cameraPerm = cnci.promptCameraPermission();
            if (cameraPerm) {
               f.setTitle("Camera Permission true");
            }              
        }

        BrowserComponent browser = new BrowserComponent();

        browser.setURL("https://8c10ec77.ngrok.io/app/camera1.html");
        f.add(BorderLayout.CENTER, browser);
    }
    catch (Exception ex) {
        ex.printStackTrace();
    }
    finally {
        f.show();
    }
}

public void stop(){
    current = Display.getInstance().getCurrent();
}

public void destroy(){
}

`我已经定义了一个看起来像这样的原生界面

public interface CN1NativeCameraInterface extends NativeInterface {
    public boolean promptCameraPermission();
}

在CodeName One中为此接口生成本机访问代码，Android的实现如下

import com.codename1.impl.android.AndroidImplementation;
import android.Manifest;

public class CN1NativeCameraInterfaceImpl {
    public boolean promptCameraPermission() {
        return AndroidImplementation.checkForPermission(Manifest.permission.CAMERA, "This is required to take a picture");
    }

    public boolean isSupported() {
        return true;
    }

}

当我在Android设备上运行时，我可以看到HTML页面被加载，但视频元素没有加载，我看到的只是视频元素的占位符。该应用程序也不会要求相机许可，这是其他相关问题中建议的内容。

我在这做错了什么？

更新1：

我在使用adb shell“logcat --pid = $（pidof -s com.codename1）”命令从设备获取的日志中看到以下错误：

错误1 -

09-06 11：48：42.530 10172 10202 I WebViewFactory：正在加载com.android.chrome版本69.0.3497.76（代码349707652）09-06 11：48：42.595 10172 10202我zygote64：拒绝重新初始化以前失败的类java .lang.Class：java.lang.NoClassDefFoundError：解析失败：Landroid / webkit / TracingController; 09-06 11：48：42.595 10172 10202我zygote64：at java.lang.Class java.lang.Class.classForName（java.lang.String，boolean，java.lang.ClassLoader）（Class.java:-2）09 -06 11：48：42.595 10172 10202 I zygote64：at java.lang.Class java.lang.Class.forName（java.lang.String，boolean，java.lang.ClassLoader）（Class.java:453)09-06 11：48：42.595 10172 10202我zygote64：at java.lang.Class android.webkit.WebViewFactory.getWebViewProviderClass（java.lang.ClassLoader）（WebViewFactory.java:151)09-06 11：48：42.595 10172 10202 I zygote64：在java.lang.Class android.webkit.WebViewFactory.getProviderClass（）（WebViewFactory.java:472)09-06 11：48：42.595 10172 10202我zygote64：在android.webkit.WebViewFactoryProvider android.webkit.WebViewFactory.getProvider（） （WebViewFactory.java:212)09-06 11：48：42.595 10172 10202我zygote64：在android.webkit.CookieManager android.webkit.CookieManager.getInstance（）（CookieManager.java:39）09-06 11：48：42.595 10172 10202我zygote64：在android.webkit.CookieManager com.codename1.imp l.android.AndroidImplementation.getCookieManager（）（AndroidImplementation.java:4511)09-06 11：48：42.595 10172 10202 I zygote64：at java.util.Vector com.codename1.impl.android.AndroidImplementation.getCookiesForURL（java.lang .string）（AndroidImplementation.java:4528)09-06 11:48:42.595 10172 10202我zygote64：at void com.codename1.io.ConnectionRequest.performOperation（）（ConnectionRequest.java:633)09-06 11:48： 42.595 10172 10202 I zygote64：at void com.codename1.io.NetworkManager $ NetworkThread.run（）（NetworkManager.java:282)09-06 11：48：42.595 10172 10202 I zygote64：at void com.codename1.impl.CodenameOneThread $ 1.run（）（CodenameOneThread.java:60）09-06 11：48：42.595 10172 10202我zygote64：at void java.lang.Thread.run（）（Thread.java:764)09-06 11:48： 42.595 10172 10202 I zygote64：引起：java.lang.ClassNotFoundException：路径上没有找到类“android.webkit.TracingController”：DexPathList [[zip file“/data/app/com.android.chrome-fq476TNc_btk-Vb0sBbuyw == / base.apk“]，nativeLibraryDire ctories = [/ data / app / com.android.chrome-fq476TNc_btk-Vb0sBbuyw == / lib / arm64，/ data / app / com.android.chrome-fq476TNc_btk-Vb0sBbuyw== / base.apk！/ lib / arm64- v8a，/ system / lib64，/ system / vendor / lib64]] 09-06 11：48：42.595 10172 10202我zygote64：at java.lang.Class dalvik.system.BaseDexClassLoader.findClass（java.lang.String）（BaseDexClassLoader .java：93）09-06 11：48：42.595 10172 10202我zygote64：at java.lang.Class java.lang.ClassLoader.loadClass（java.lang.String，boolean）（ClassLoader.java:379)09-06 11：48：42.595 10172 10202 I zygote64：at java.lang.Class java.lang.ClassLoader.loadClass（java.lang.String）（ClassLoader.java:312)09-06 11：48：42.595 10172 10202 I zygote64： at java.lang.Class java.lang.Class.classForName（java.lang.String，boolean，java.lang.ClassLoader）（Class.java:-2)09-06 11：48：42.595 10172 10202 I zygote64：at java.lang.Class java.lang.Class.forName（java.lang.String，boolean，java.lang.ClassLoader）（Class.java:453)09-06 11：48：42.595 10172 10202 I zygote64：at java。 lang.Class androi d.webkit.WebViewFactory.getWebViewProviderClass（java.lang.ClassLoader）（WebViewFactory.java:151)09-06 11：48：42.595 10172 10202 I zygote64：at java.lang.Class android.webkit.WebViewFactory.getProviderClass（）（ WebViewFactory.java:472)09-06 11：48：42.595 10172 10202我zygote64：在android.webkit.WebViewFactoryProvider android.webkit.WebViewFactory.getProvider（）（WebViewFactory.java:212)09-06 11:48:42.595 10172 10202我zygote64：在android.webkit.CookieManager android.webkit.CookieManager.getInstance（）（CookieManager.java：39）09-06 11：48：42.595 10172 10202我zygote64：在android.webkit.CookieManager com.codename1.impl .android.AndroidImplementation.getCookieManager（）（AndroidImplementation.java:4511)09-06 11：48：42.595 10172 10202我zygote64：at java.util.Vector com.codename1.impl.android.AndroidImplementation.getCookiesForURL（java.lang。字符串）（AndroidImplementation.java:4528)09-06 11：48：42.595 10172 10202 I zygote64：at void com.codename1.io.ConnectionRequest.performOperation（）（Connec tionRequest.java:633）

错误2 -

09-06 11：48：44.506 10172 10266 W VideoCapabilities：无法识别的个人资料2130706433 for video / avc 09-06 11：48：44.506 10172 10266 W VideoCapabilities：无法识别的个人资料2130706434 for video / avc 09-06 11：48：44.536 10172 10266 W VideoCapabilities：无法识别的个人资料2130706433 for video / avc 09-06 11：48：44.536 10172 10266 W VideoCapabilities：无法识别的个人资料2130706434 for video / avc 09-06 11：48：44.542 10172 10266 W VideoCapabilities：无法识别的个人资料2130706433 for video / avc 09-06 11：48：44.542 10172 10266 W VideoCapabilities：无法识别的个人资料2130706434 for video / avc 09-06 11：48：44.551 10172 10266 W VideoCapabilities：无法识别的个人资料/等级0/3 for video / mpeg2 09-06 11:48 ：44.555 10172 10266 W VideoCapabilities：无法识别的配置文件/级别0/3用于视频/ mpeg2 09-06 11：48：44.564 10172 10266 W VideoCapabilities：不支持的mime视频/ x-ms-wmv 09-06 11：48：44.568 10172 10266 W VideoCapabilities：不支持的mime视频/ x-ms-wmv 09-06 11：48：44.574 10172 10266 W VideoCapabili tie：不支持的mime video / divx 09-06 11：48：44.577 10172 10177我zygote64：部分代码缓存集合，代码= 55KB，数据= 56KB 09-06 11：48：44.580 10172 10266 W VideoCapabilities：不支持的mime视频/ divx311 09-06 11：48：44.584 10172 10266 W VideoCapabilities：不支持的mime video / divx4 09-06 11：48：44.585 10172 10177我zygote64：代码缓存收集后，代码= 55KB，数据= 56KB 09-06 11:48 ：44.585 10172 10177我zygote64：将代码缓存容量增加到256KB 09-06 11：48：44.605 10172 10266 W VideoCapabilities：不支持的mime视频/ mp4v-esdp 09-06 11：48：44.633 10172 10266 I VideoCapabilities：不支持的配置文件4 for video / mp4v-es 09-06 11：48：44.867 10172 10282 W cr_CrashFileManager：/data/user/0/com.codename1/cache/WebView/Crash报告不存在或不是目录

错误3 -

09-06 11：48：47.715 10172 10253 I CameraManagerGlobal：连接到相机服务09-06 11：48：47.799 10172 10172 D代号1：onPermissionRequest 09-06 11：48：50.952 10172 10172 E AndroidImplementation：null 09-06 11 ：48：50.952 10172 10172 E AndroidImplementation：java.io.FileNotFoundException：/data/user/0/com.codename1/files/CN1$AndroidServiceProperties（没有这样的文件或目录）09-06 11：48：50.952 10172 10172 E AndroidImplementation ：at java.io.FileInputStream.open0（Native Method）09-06 11：48：50.952 10172 10172 E AndroidImplementation：at java.io.FileInputStream.open（FileInputStream.java:200)09-06 11：48：50.952 10172 10172 E AndroidImplementation：at java.io.FileInputStream。（FileInputStream.java:150)09-06 11:48:50.952 10172 10172 E AndroidImplementation：at android.app.ContextImpl.openFileInput（ContextImpl.java:515)09-06 11 ：48：50.952 10172 10172 E AndroidImplementation：在android.content.ContextWrapper.openFileInput（ContextWrapper.java：190）09-06 11：48：50.952 10172 10172 E和roidImplementation：at com.codename1.impl.android.AndroidImplementation.getServiceProperties（AndroidImplementation.java:6081)09-06 11：48：50.952 10172 10172 E AndroidImplementation：at com.codename1.impl.android.AndroidImplementation.writeServiceProperties（AndroidImplementation.java ：6107）09-06 11：48：50.952 10172 10172 E AndroidImplementation：at com.codename1.CameraDemoStub.onStop（CameraDemoStub.java:166)09-06 11：48：50.952 10172 10172 E AndroidImplementation：at android.app.Instrumentation .callActivityOnStop（Instrumentation.java:1486)09-06 11:48:50.952 10172 10172 E AndroidImplementation：at android.app.Activity.performStop（Activity.java:7178)09-06 11:48:50.952 10172 10172 E AndroidImplementation：在android.app.ActivityThread.performStopActivityInner（ActivityThread.java:4274)09-06 11：48：50.952 10172 10172 E AndroidImplementation：at android.app.ActivityThread.handleStopActivity（ActivityThread.java:4333)09-06 11:48： 50.952 10172 10172 E AndroidImplementation：在android.app.Activi tyThread.-wrap24（Unknown来源：0）09-06 11：48：50.952 10172 10172 E AndroidImplementation：at android.app.ActivityThread $ H.handleMessage（ActivityThread.java:1722)09-06 11:48:50.952 10172 10172 E AndroidImplementation：在android.os.Handler.dispatchMessage（Handler.java:105)09-06 11:48:50.952 10172 10172 E AndroidImplementation：at android.os.Looper.loop（Looper.java:164)09-06 11 ：48：50.952 10172 10172 E AndroidImplementation：at android.app.ActivityThread.main（ActivityThread.java:6798)09-06 11:48:50.952 10172 10172 E AndroidImplementation：at java.lang.reflect.Method.invoke（Native Method） ）09-06 11：48：50.952 10172 10172 E AndroidImplementation：at com.android.internal.os.Zygote $ MethodAndArgsCaller.run（Zygote.java:240)09-06 11:48:50.952 10172 10172 E AndroidImplementation：at com .android.internal.os.ZygoteInit.main（ZygoteInit.java:767）

错误4 -

09-06 11：48：51.005 10172 10172 D CameraDemo：[main] 0：0：0,3 - [LOG]发生以下错误：NotAllowedError：权限被拒绝在https://8319bf05.ngrok.io/ventasys/venta/code/camera1.html的第55行

上面的错误（错误4）来自从CodeName One调用的.html。这是HTML的代码：

<!DOCTYPE HTML>
<html>
  <head>
    <script>
        function copyPhoto() {
            var imgName;
            imgName = getParamValues("imgNm");        
            window.opener.document.getElementById(imgName).src = document.getElementById("theimage1").src;
            window.close();
        }

        function getParamValues(paramNm) {
            var qstring = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
            for (var i = 0; i < qstring.length; i++) {
                var urlparam = qstring[i].split('='); 
                if (urlparam[0] == paramNm) {                        
                    return urlparam[1];
                }
            }
        }

        function snapshot() {

            var canvas = document.getElementById("thecanvas");

            var ctx = canvas.getContext("2d");

            //var constraints = { video: { facingMode: "user" }, audio: false };
            //var constraints = {
            //    video: {
            //        width: { min: 640, ideal: 1920 },
            //        height: { min: 400, ideal: 1080 },
            //        aspectRatio: { ideal: 1.7777777778 },
            //        facingMode: "environment"
            //    },
            //    audio: false
            //};

            var constraints = {
                video: { facingMode: "user" },
                audio: false
            };

            try {

                navigator.mediaDevices.getUserMedia(constraints).then(                        
                    // successCallback
                    function (localMediaStream) {
                        document.getElementById("mylog").innerHTML = document.getElementById("mylog").innerHTML + '1.3 ';
                        video = document.querySelector('video');
                        video.srcObject = localMediaStream;
                    })
                    .catch(function (err) {
                        console.log("The following error occured: " + err);
                        document.getElementById("mylog").innerHTML = document.getElementById("mylog").innerHTML + ' <br> 5 Err' + err;
                    });

            }
            catch (e)
            {
                document.getElementById("mylog").innerHTML = document.getElementById("mylog").innerHTML + ' 6 catch ##** ' + e;
            }
            document.getElementById("mylog").innerHTML = document.getElementById("mylog").innerHTML + '10 ';
            canvas.width = 640;
            canvas.height = video.videoHeight / (video.videoWidth / canvas.width);

            // Draws current image from the video element into the canvas               
            //ctx.drawImage(video, 0,0, video.videoWidth, video.videoHeight);
            ctx.drawImage(video, 0, 0, canvas.width, canvas.height);

            var canvas = document.getElementById("thecanvas");
            var dataUrl = canvas.toDataURL('image/jpeg', 0.6);
        }
    </script>
</head>
<body onload="snapshot();">
    <div id='mylog'></div>
    <p><video id="video" controls autoplay></video></p>
    <p><button onclick="snapshot();">Take Snapshot</button></p>
    <div id='item' hidden>
        <p><canvas id="thecanvas"></canvas></p>
    </div>        
    <p><image id="theimage1"></image></p>
    <p><button onclick="copyPhoto()">Done</button></p>
    <p><button onclick="copyPhoto()">Reload</button></p>
</body>
</html>

Answer 1

尝试将此添加到您的init(Object)方法：

Display.getInstance().setProperty("android.WebView.grantPermissionsFrom", url_of_your_video_page);

您可以添加多个以空格分隔的URL。如果这不起作用，我们可能还需要其他东西。