WebRTC.不显示视频 [英] WebRTC. Not showing video
本文介绍了WebRTC.不显示视频的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我决定学习 WebRTC,但不展示视频.请帮忙.我究竟做错了什么?使用 Chrome我的代码:
I decided to study WebRTC, but not showing video. Help please. What am I doing wrong? Using Chrome My code:
<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>
推荐答案
工作代码:
<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>
这篇关于WebRTC.不显示视频的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文