如何让 navigator.getUserMedia 使用 PhoneGap 工作答案

【问题标题】：How to get navigator.getUserMedia working using PhoneGap如何让 navigator.getUserMedia 使用 PhoneGap 工作
【发布时间】：2016-07-25 14:23:57
【问题描述】：

我想使用 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");
}

应用程序没有抛出异常，创建了视频对象，但我只能听到音频，视频显示为黑色区域 - 不显示直播流。有谁知道，怎么回事？

【问题讨论】：

标签： cordova video html5-video

【解决方案1】：

我一直在玩一些插件。一旦我添加了 cordova-plugin-camera-preview 和 cordova-plugin-compat，我的手机在安装过程中要求摄像头权限，我就可以看到摄像头预览。 cordova-plugin-camera-preview 添加了 andriod.permission.CAMERA。不幸的是，在没有插件的情况下手动添加权限时，视频又黑了。

【讨论】：