javascript - 谷歌浏览器中的 getUserMedia

Question

我无法在 Google Chrome (v21) 中显示视频流

代码

<html>
<head>
<script>
window.addEventListener('DOMContentLoaded', function() {
    navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia;
    if(navigator.getUserMedia) {
        navigator.getUserMedia({video: true, audio: true}, function(stream) {
            var video = document.getElementById('sourcevid');
            video.src = stream;
        }, function(error) {
            console.error(error.code);
        });        
    } else {
        console.log('Not supported in this browser.');
    }
}, false);
</script>
</head>
<body>
 <video id="sourcevid" autoplay>Put your fallback message here.</video>
</body>
</html>

请帮助我了解问题出在哪里。

score 4 · Accepted Answer

我遇到了同样的问题，我通过调用视频元素的播放方法来修复它。即使添加了自动播放属性，它也不起作用。我对此的最佳猜测是，在加载视频标签的那一刻，源是空的，因此无法启动。

    navigator.getUserMedia = navigator.webkitGetUserMedia || navigator.getUserMedia;
    var success = function(stream){
      var video = document.getElementById('myVideo');
      video.src = webkitURL.createObjectURL(stream);
      //Even if autoplay is true you need to call the play method
      video.play();
    }
    var error = function(err){
      console.log(err)
    }
    navigator.getUserMedia({video:true, audio:true}, success, error);

score 0 · Accepted Answer

除非您启用了flagfor Chrome ，否则这将不起作用...Enable PeerConnection

about:flags1)在 Chrome中访问网址
2) 查找Enable PeerConnection
3) 启用它
4) 重新启动 Chrome
5) ???
6) 利润……？

score 0 · Accepted Answer

我遇到了类似的问题，但它只是通过最初添加空白源来解决。

<video id="sourcevid" src="" autoplay>Put your fallback message here.</video>

javascript - 谷歌浏览器中的 getUserMedia

3 回答 3

Related

Reference