Chrome: navigator.mediaDevices.getUserMedia keine Funktion

Bin ich auf localhost und zu versuchen, die MediaDevices.getUserMedia Methode in Chrom. Ich habe die Fehlermeldung als Titel. Ich verstehe, dass in Chrome ist es nur möglich, diese Funktion zu verwenden, eine sichere Herkunft und localhost ist als eine sichere Herkunft. Auch das funktioniert in Firefox.

Dies ist, wie verwende ich es, wie gezeigt, auf der Google-Entwickler-website https://developers.google.com/web/updates/2015/10/media-devices?hl=en:

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


navigator.mediaDevices.getUserMedia(constraints).then(function(stream) {
            callFactory.broadcastAssembly(stream);
            ...
});
  • Ich denke, Sie brauchen, um über HTTPS, um es zu bekommen, um zu arbeiten.
  • Dienen über localhost ist ausdrücklich erlaubt: chromium.org/Home/chromium-security/...
  • nicht zu der Zeit schrieb ich den Kommentar, aber.
InformationsquelleAutor muninn9 | 2016-05-19
  1. 7

    Versuchen aktivieren: chrome://flags/#enable-experimental-web-platform-features

    War für mich in Chrom

    • Arbeitete für mich auch. Ist navigator.mediaDevices.getUserMedia definiert in Chrome, aber nicht Chrom? MDN warnt gegen die Verwendung von die veraltet navigator.getUserMedia, Warnung, dass "es kann brechen zu jeder Zeit." Ich versuche, es nicht zu verwenden, aber navigator.mediaDevices.getUserMedia ist nicht verfügbar in Chrom ohne änderung der Flagge. EDIT: im Gegensatz zu dem, was ich lese, es, nicht herauskommen, bis Chrome 53 (ich bin mit Chrom 52).
    • Ich fand die Antwort in den Fußnoten auf MDN: From version 47 to 52, the promise-based interface was only available through the adapter.js polyfill, or using the flag chrome://flags/#enable-experimental-web-platform-features. Starting with version 53, the promise-based interface is on by default, though that interface is still not available through navigator.
    • Ich bin mit der Version 71.0.3578.98 (Offizieller Build) (64-bit), und #enable-experimental-web-platform-features hat nicht geholfen, mich mit der Verwendung von Twilio: github.com/TwilioDevEd/client-quickstart-js/blob/....
    InformationsquelleAutor Simon Malone
  2. 7

    Auf einige aktuelle Browser navigator.getUserMedia nicht gut ausführen. Also, versuchen Sie es mit navigator.mediaDevices.getUserMedia. Oder, besser Sie überprüfen, ob navigator.mediaDevices.getUserMedia ist erhältlich für die browser-Nutzung navigator.mediaDevices.getUserMedia oder anderes verwenden 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, dies wird Ihr problem lösen.

    InformationsquelleAutor Amrendra
  3. 0

    Verwenden navigator.getUserMedia() statt.

    navigator.getUserMedia(constraints, successCallback, errorCallback);
    • Ich hatte gehofft, zu verwenden MediaDevices.getUserMedia, da Navigator.getUserMedia aufgeführt ist, als veraltet auf Mozilla. Ich bin immer noch verwirrt, warum die ehemaligen funktioniert nicht für mich.
    • Können Sie die, die Sie wollen, aber Sie haben zu schreiben, eine Art von polyfill.
    InformationsquelleAutor Adrian Ber
  4. 0

    Haben Sie versucht, zu zählen adapter.js polyfill ? Check diese Seite :
    https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getUserMedia#Browser_compatibility

    Sieht es so aus oder aktivieren chrome://flags/#enable-experimental-web-platform-features als pro @Simon Malone's Hinweis, benötigt für Chrome.

    InformationsquelleAutor Philippe Sultan
  5. 0

    Ich hatte auch dieses problem und ändern von flags nicht zu funktionieren scheint. Ich kam in dieser chrome-Erweiterung — Web-Server für Chrome in Google WebRTC-tutorial, die schien, den trick zu tun.

    InformationsquelleAutor ellerynz
Schreibe einen Kommentar