Chrome: navigator.mediaDevices.getUserMedia không phải là chức năng

Question

Tôi đang sử dụng localhost và cố gắng sử dụng phương thức MediaDevices.getUserMedia trong Chrome. Tôi nhận được lỗi như là tiêu đề. Tôi hiểu rằng trong Chrome, chỉ có thể sử dụng chức năng này với nguồn gốc an toàn và localhost được coi là nguồn gốc an toàn. Ngoài ra, điều này hoạt động trong Firefox.

Đây là cách tôi đang sử dụng nó như hiển thị trên trang web Google Developers 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); 
      ... 
}); 

Answer 1

Sử dụng navigator.getUserMedia() để thay thế.

navigator.getUserMedia(constraints, successCallback, errorCallback); 

Answer 2

Cố gắng tạo điều kiện cho: chrome: // flags/# enable-nghiệm-web-platform-tính năng

Làm việc cho tôi trong crom

Answer 3

Bạn đã cố gắng bao gồm adapter.js polyfill? Kiểm tra trang này: https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getUserMedia#Browser_compatibility

Nó trông như thế này hoặc cho phép chrome://flags/#enable-experimental-web-platform-features theo @Simon Malone 's lưu ý, là cần thiết dành cho Chrome.

Answer 4

Tôi cũng gặp sự cố này và việc thay đổi cờ dường như không hoạt động. Tôi đã xem qua tiện ích mở rộng chrome này - Web Server for Chrome trong số WebRTC tutorial của Google có vẻ như đã thực hiện thủ thuật.

Answer 5

Trên một số trình duyệt mới nhất navigator.getUserMedia không hoạt động tốt. Vì vậy, hãy thử sử dụng navigator.mediaDevices.getUserMedia. Hoặc, tốt hơn bạn nên kiểm tra xem navigator.mediaDevices.getUserMedia có sẵn cho trình duyệt sử dụng navigator.mediaDevices.getUserMedia hoặc sử dụng khác navigator.getUserMedia hay không.

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

Hy vọng điều này sẽ giải quyết được sự cố của bạn.