如何使用PhoneGap獲取navigator.getUserMedia

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。不幸的是，當沒有插件手動添加權限時，視頻再次變黑。