2015-12-11 389 views
7

我正在尝试使用getUserMedia()使用我自己的网站使用我自己的IP地址来访问我的网络摄像机。chrome中不支持getUserMedia()

它工作正常,直到我再次尝试我的网站。我曾尝试过其他演示网站,并且给出的错误是getUserMedia不受支持。

Chrome版本v47.0.2526.80m 32位

enter image description here

我可以,如果我进入我的ipadress的本地主机而不是访问网络摄像头。它也在Firefox中工作。

+0

必须在SSL – Clay

+0

它以前的工作,而无需使用SSL .. –

+0

是的,的确如此。星期一我不得不将我的网站更改为SSL。 – Clay

回答

7

最后实施新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));