1

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>

問題がどこにあるかを理解するのを手伝ってください。

4

3 に答える 3

4

私は同じ問題を抱えていたので、ビデオ要素で再生メソッドを呼び出して修正しました。autoplay 属性を追加しても機能しません。私の推測では、ビデオ タグをロードする時点でソースが空であるため、開始できません。

    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);
于 2013-03-08T18:40:54.530 に答える
0

同様の問題が発生しましたが、最初に空白のソースを追加するだけで解決されます。

<video id="sourcevid" src="" autoplay>Put your fallback message here.</video>
于 2013-04-12T10:38:46.447 に答える
0

flagfor Chromeが有効になっていない限り、これは機能しませんEnable PeerConnection...

about:flags1) Chromeの Web アドレスに移動します
2) 検索しますEnable PeerConnection
3) 有効にします
4) Chrome を再起動します
5) ???
6) 利益…？

于 2012-08-01T09:43:34.057 に答える