Chrome: navigator.mediaDevices.getUserMedia ist keine Funktion

Ich bin auf localhost und versuche, die MediaDevices.getUserMedia-Methode in Chrome zu verwenden. Ich erhalte den Fehler wie betitelt. Ich verstehe, dass es in Chrome nur möglich ist, diese Funktion mit einem sicheren Ursprung zu verwenden, und dass localhost als sicherer Ursprung gilt. Dies funktioniert auch in Firefox. DieseChrome: navigator.mediaDevices.getUserMedia ist keine Funktion

ist, wie ich es wie auf der Google Developers-Website https://developers.google.com/web/updates/2015/10/media-devices?hl=en bin mit:

var constraints = window.constraints = { 
      audio: false, 
      video: true 
}; 


navigator.mediaDevices.getUserMedia(constraints).then(function(stream) { 
      callFactory.broadcastAssembly(stream); 
      ... 
});

Quelle

2016-05-19 muninn9

Ich denke, Sie brauchen HTTPS, um es zum Laufen zu bringen. – Tom

@Tom Serving über localhost ist ausdrücklich erlaubt: https://www.chromium.org/Home/chromium-security/depreating-powerful-features-on-insecure-origins – Nateowami

@Nateowami nicht zu dem Zeitpunkt, als ich den Kommentar schrieb, obwohl . – Tom

Verwenden navigator.getUserMedia() statt.

navigator.getUserMedia(constraints, successCallback, errorCallback);

Quelle

2016-05-19 07:33:26

Ich hatte gehofft MediaDevices.getUserMedia zu verwenden, da Navigator.getUserMedia in Mozilla als veraltet gelistet ist. Ich bin immer noch verwirrt, warum ersteres nicht für mich funktioniert. – muninn9

Sie können die gewünschte verwenden, aber Sie müssen eine Art Polyfill schreiben. –

Versuchen ermöglicht: chrome: // flags/# enable-experimental-Web-Plattform-Funktionen

für mich gearbeitet in Chrom

Quelle

2016-06-23 12:22:09

Arbeitete auch für mich. Ist 'navigator.mediaDevices.getUserMedia' in Chrome definiert, aber nicht in Chrom? MDN [warnt vor der Verwendung] (https://developer.mozilla.org/en-US/docs/Web/API/Navigator/getUserMedia) die veraltete "navigator.getUserMedia", warnt, dass "es jederzeit brechen kann." Ich versuche, es nicht zu verwenden, aber "navigator.mediaDevices.getUserMedia" ist in Chromium nicht verfügbar, ohne diese Markierung zu ändern. EDIT: Im Gegensatz zu dem, was ich gelesen habe, kam es [bis Chrome 53] nicht heraus (https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getUserMedia) (ich verwende Chromium 52). – Nateowami

Ich fand die Antwort in den Fußnoten auf MDN: 'Von Version 47 bis 52, die Versprechen-basierte Schnittstelle war nur über die adapter.js Polyfill, oder mit dem Flag chrome: // flags/# enable-experimental-web- Plattform-Funktionen. Ab Version 53 ist die auf Versprechen basierende Schnittstelle standardmäßig aktiviert, diese Schnittstelle ist jedoch weiterhin nicht über navigator.' verfügbar – Nateowami

Haben Sie adapter.js polyfill aufzunehmen versucht? Besuchen Sie diese Seite: https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getUserMedia#Browser_compatibility

Es sieht wie folgt aus oder ermöglicht chrome://flags/#enable-experimental-web-platform-features nach @Simon Malone ‚s Note ist für Chrome erforderlich.

Quelle

2016-07-13 17:46:14

Ich hatte dieses Problem auch und das Ändern von Flags schien nicht zu funktionieren. Ich stieß auf diese Chrome-Erweiterung - in Googles WebRTC tutorial, die den Trick zu tun schien.

Quelle

2016-07-18 04:02:43 ellerynz

Bei einigen aktuellen Browsern funktioniert navigator.getUserMedia nicht gut. Versuchen Sie also, navigator.mediaDevices.getUserMedia zu verwenden. Oder überprüfen Sie besser, ob navigator.mediaDevices.getUserMedia für den Browser verfügbar ist, verwenden Sie navigator.mediaDevices.getUserMedia oder verwenden Sie navigator.getUserMedia.

navigator.getWebcam = (navigator.getUserMedia || navigator.webKitGetUserMedia || navigator.moxGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia); 
if (navigator.mediaDevices.getUserMedia) { 
    navigator.mediaDevices.getUserMedia({ audio: true, video: true }) 
    .then(function (stream) { 
        //Display the video stream in the video object 
    }) 
    .catch(function (e) { logError(e.name + ": " + e.message); }); 
} 
else { 
navigator.getWebcam({ audio: true, video: true }, 
    function (stream) { 
      //Display the video stream in the video object 
    }, 
    function() { logError("Web cam is not accessible."); }); 
}

Hoffe, dass dies Ihr Problem lösen wird.

Quelle

2017-03-30 06:48:51 Amrendra

Chrome: navigator.mediaDevices.getUserMedia ist keine Funktion

Antwort

Verwandte Themen