chrome中不支持getUserMedia（）

Question

我正在嘗試使用getUserMedia（）使用我自己的網站使用我自己的IP地址來訪問我的網絡攝像機。

它工作正常，直到我再次嘗試我的網站。我曾嘗試過其他演示網站，並且給出的錯誤是getUserMedia不受支持。

Chrome版本v47.0.2526.80m 32位

我可以，如果我進入我的ipadress的本地主機而不是訪問網絡攝像頭。它也在Firefox中工作。

Answer 1

Chrome需要getUserMedia的安全源（HTTPS）。

從Chrome 47開始，getUserMedia（）請求只允許來自安全源：HTTPS或localhost。

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

Answer 2

鉻最後實施新navigator.mediaDevices.getUserMedia()方法，但他們增加了安全性，這將阻止不安全的地址電話（非HTTPS或者非本地主機服務器）

你會稱它爲像這樣：

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

或者您可以使用官方webRTC填充adpater.js庫。

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

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