Javascript WebRTC。不播放视频_Javascript_Video_Webrtc

Javascript WebRTC。不播放视频

javascript video webrtc

Javascript WebRTC。不播放视频,javascript,video,webrtc,Javascript,Video,Webrtc,我决定学习WebRTC，但不播放视频。请帮忙。我做错了什么？使用铬我的代码： window.onload=函数（）{ webkitGetUserMedia（{video:true}，getStream，noStream）； }; 函数getStream（stream）{ var url=window.webkitURL.createObjectURL（流）； var video=document.getElementById（'video'）； video.src=url； } 函数noS

我决定学习WebRTC，但不播放视频。请帮忙。我做错了什么？使用铬我的代码：


window.onload=函数（）{
webkitGetUserMedia（{video:true}，getStream，noStream）；
};
函数getStream（stream）{
var url=window.webkitURL.createObjectURL（流）；
var video=document.getElementById（'video'）；
video.src=url；
}
函数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>


window.onload=函数（）{
var约束={音频：true，视频：{宽度：1280，高度：720}；
navigator.mediaDevices.getUserMedia（约束）
.then（功能（媒体流）{
var video=document.querySelector（'video'）；
video.srcObject=mediaStream；
video.onloadedmetadata=函数（e）{
video.play（）；
};
})
.catch（函数（err）{console.log（err.name+“：“+err.message）；}）；
};

这实际上与WebRTC没有任何关系。无论如何，我不知道这是否是您的问题，但您的代码已过期。考虑使用MealAdvices API，以及Advutel.js来对旧浏览器进行筛选。同样显示了使用getUserMedia的最新示例。您可能还需要考虑将日志记录添加到您称为“NOSFROW”的错误回调中。你称之为“失败”的论点存在是有原因的，它有助于弄清楚到底发生了什么wrong@Brad谢谢，它起作用了

<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>