WebRTC getUserMedia 不显示视频 [英] WebRTC getUserMedia not showing video
本文介绍了WebRTC getUserMedia 不显示视频的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我有以下代码:
document.addEventListener('DOMContentLoaded', function () {
var video = document.querySelector('video');
window.navigator.webkitGetUserMedia({ video: true, audio: true }, function (stream) {
var url = window.webkitURL.createObjectURL(stream);
video.src = stream;
}, function (err) {
console.log('error: ', err);
});
});
HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<title>getUserMedia Video Example</title>
<script src='index.js'></script>
</head>
<body>
<video controls autoplay />
</body>
</html>
为什么不显示视频?
推荐答案
你必须将 url 分配给 video.src，而不是 stream代码>:
You have to assign the url to video.src, not the stream:
navigator.webkitGetUserMedia({ video: true, audio: true }, function ( stream ) {
video.src = window.webkitURL.createObjectURL( stream );
}, function ( err ) {
console.log( 'error: ', err );
});
现场演示: http://jsfiddle.net/FcTMk/2/(仅限 Webkit)
Live demo: http://jsfiddle.net/FcTMk/2/ (Webkit only)
这篇关于WebRTC getUserMedia 不显示视频的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
