getUserMedia() wird nicht unterstützt in chrome

Question

Ich versuche mit getUserMedia() auf meine webcam zuzugreifen, indem ich meine eigene Website nutze, die mit meiner eigenen IP-Adresse läuft.

es funktionierte gut, bis ich meine Website erneut versuchte. Ich hatte versucht, die andere Demo-Website und der Fehler gegeben wurde GetUserMedia wird nicht unterstützt.

Chrome-Version v47.0.2526.80m 32bits

Ich bin in der Lage die Webcam zugreifen, wenn ich localhost statt meiner ipadress eingeben. Es funktioniert auch in Firefox.

Answer 1

Chrome erfordert sichere Herkunft (HTTPS) für getUserMedia.

Ab Chrome 47 sind getUserMedia() -Anfragen nur von sicheren Quellen möglich: HTTPS oder localhost.

https://developers.google.com/web/updates/2015/10/chrome-47-webrtc?hl=en

Answer 2

Chrome schließlich implementiert die neue navigator.mediaDevices.getUserMedia() Methode, aber sie hat eine Sicherheit, dass die Anrufe von unsecure Adresse verhindert (nicht https oder nicht localhost-Server)

Sie es nennen wie dieses:

var video = document.querySelector('video'); 
navigator.mediaDevices.getUserMedia({video:true}).then(function(mediaStream){ 
    window.stream = mediaStream; 
    video.src = URL.createObjectURL(mediaStream); 
    video.play(); 
}); 

Oder Sie können das offizielle webRTC polyfillverwendenBibliothek.

var constraints = { video: true, audio: true }; 

navigator.mediaDevices.getUserMedia(constraints) 
    .then(stream => video.srcObject = stream) 
    .catch(e => console.error(e));