Question

我想使用PhoneGap应用程序显示相机实时视频。我已经在此示例中创建了我的代码库 - http://www.html5rocks.com/en/tutorials/getusermedia/intro/。

我创建了HTML对象

<video autoplay></video>

我创建了这段代码：

var errorCallback = function(e) {
   console.log('Reeeejected!', e);
};

navigator.getUserMedia  = navigator.getUserMedia ||
                      navigator.webkitGetUserMedia ||
                      navigator.mozGetUserMedia ||
                      navigator.msGetUserMedia;

var video = document.querySelector('video');

if (navigator.getUserMedia) {
    navigator.getUserMedia({audio: true, video: true}, function(stream) {
        video.src = window.URL.createObjectURL(stream);
    }, errorCallback);
} else {
    cosnole.log("No media available");
}

应用程序不会抛出任何异常，视频对象已创建，但我只能听到音频，视频显示为黑色区域 - 不显示实时流。谁知道，怎么了？

Answer 1

我一直在玩一些插件。一旦我添加了cordova-plugin-camera-preview和cordova-plugin-compat，我的手机在安装过程中要求相机许可，我就能看到相机预览。 cordova-plugin-camera-preview添加了andriod.permission.CAMERA。不幸的是，如果在没有插件的情况下手动添加权限，视频会再次变黑。

如何使用PhoneGap

1 个答案: