getUserMedia 错误 webRTC

Question

我开始使用 webRTC 并尝试访问我的相机，但是，代码不起作用，尽管其中没有错误。

密码是：

navigator.getUserMedia = ( navigator.getUserMedia ||           
                               navigator.webkitGetUserMedia || navigator.mozGetUserMedia 
                            || navigator.msGetUserMedia);
if (navigator.getUserMedia){
    var constrains ={video:true};
    function successCallback(localMediaStream){
        var video = document.querySelector("video");
        window.stream = localMediaStream;
        video.src = window.URL.createObjectURL(localMediaStream);
        video.onloadedmetadata =function(e){
            video.play();
        }
    }
    function errorCallback(error){
        console.log("Error: ",error);
    }
    navigator.getUserMedia(constrains,successCallback,errorCallback);
}else{
    alert('Sorry, the browser you are using doesn\'t support getUserMedia');
}

你能帮帮我吗？

Answer 1

我猜上面的代码放在一个 html 文件中并通过单击文件直接访问（url 就像 file:///...），这种方式可以工作firefox，但 不在 chrome 中，要使相机捕获在 chrome 上工作，您需要 host 中的文件一些服务器。

此外，在不相关的注释中，您可以替换

    video.onloadedmetadata =function(e){
        video.play();
    }

简单地

    video.play();

Answer 2

您是否有一个有效的 HTML5 视频元素来设置流并不明显。如果这样做，您可以使用开发人员工具来验证流是否已在源上设置。

如果您的开发机器上有网络服务器，您可以通过这种方式托管您的代码，并查看它 'locally'。

getUserMedia 错误 webRTC

getUserMedia Error webRTC

webrtc

getusermedia