WebRTC。ビデオを表示していません

私はWebRTCを勉強することに決めましたが、ビデオは見せませんでした。助けてください。私は何が間違っていますか？使用クロームマイコード：WebRTC。ビデオを表示していません

<html> 

<head> 
    <meta charset="UTF-8"> 
</head> 

<body> 
    <script> 
     window.onload = function() { 
      navigator.webkitGetUserMedia({ video: true }, getStream, noStream); 
     }; 

     function getStream(stream) { 
      var url = window.webkitURL.createObjectURL(stream);    
      var video = document.getElementById('video'); 
      video.src = url; 
     } 

     function noStream(faild) { 

     } 
    </script> 
    <video id="video" autoplay="autoplay" width="400"></video> 
</body> 

</html>

出典

2016-12-13 Viktor Bylbas

これは本当にのWebRTCとは何の関係もありません。いずれにせよ、私はこれがあなたの問題であるかどうかはわかりませんが、あなたのコードは日付です。古いブラウザをシムにするために、MediaDevices APIとadapter.jsの使用を検討してください。 https://github.com/webrtc/adapter https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getUserMedia – Brad

https://webrtc.github.io/samples/src/ content/getusermedia/gum /は、getUserMediaを使用した最新の例を示しています。「noStream」と呼ばれるエラーコールバックにログを追加することを検討することもできます。あなたが "失敗"と呼ぶ議論がそこにある理由は、何が間違っていたかを理解するのに役立ちます。 –

@ブラッドありがとう、それは働いています –

作業するコードは：

<head> 
    <meta charset="UTF-8"></script> 
</head> 

<body> 
    <script> 
     window.onload = function() { 
      var constraints = { audio: true, video: { width: 1280, height: 720 } }; 

navigator.mediaDevices.getUserMedia(constraints) 
.then(function(mediaStream) { 
    var video = document.querySelector('video'); 
    video.srcObject = mediaStream; 
    video.onloadedmetadata = function(e) { 
    video.play(); 
    }; 
}) 
.catch(function(err) { console.log(err.name + ": " + err.message); }); 
     }; 
    </script> 
    <video id="video" autoplay="autoplay" width="400"></video> 
</body> 

</html>

出典

2016-12-13 18:33:06

WebRTC。ビデオを表示していません

答えて

関連する問題