Wie navigator.getUserMedia funktioniert mit PhoneGap

Question

Ich möchte Kamera Live-Video mit PhoneGap-Anwendung zeigen. Ich habe meine Codebasis in diesem Beispiel erstellt - .

ich HTML-Objekt erstellt

<video autoplay></video> 

und ich schaffte diesen Code:

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"); 
} 

Die Anwendung keine Ausnahme auslöst, wird das Video-Objekt erstellt, aber ich kann nur Ton hören, Video vorgestellt als schwarze Region - es wird kein Livestream angezeigt. Jeder weiß, was ist los?

Answer 1

Ich habe eine Weile mit einigen Plugins gespielt. Nachdem ich cordova-plugin-camera-preview und cordova-plugin-compat hinzugefügt hatte, bat mein Handy während des Installationsvorgangs um Kamera-Erlaubnis und ich konnte die Kameravorschau sehen. cordova-plugin-camera-preview fügt andriod.permission.CAMERA hinzu. Leider ist das Video wieder schwarz, wenn die Berechtigung manuell ohne das Plugin hinzugefügt wird.