谷歌Chrome中的getUserMedia
谷歌Chrome中的getUserMedia
提问于 2012-08-01 17:35:10
我无法在谷歌浏览器(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>请帮我弄清楚问题出在哪里。
回答 3
Stack Overflow用户
回答已采纳
发布于 2013-03-09 02:40:55
我也遇到了同样的问题，我通过调用video元素上的play方法修复了这个问题。即使您添加了自动播放属性，它也不会工作。我最好的猜测是，在加载视频标签的那一刻，源是空的，所以它无法启动。
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);Stack Overflow用户
发布于 2012-08-01 17:43:34
除非你启用了Chrome Enable PeerConnection的flag，否则这不会起作用...
1)进入Chrome的网址about:flags
2)查找Enable PeerConnection
3)启用
4)重启Chrome
5)？
6)利润...？
Stack Overflow用户
发布于 2013-04-12 18:38:46
我得到了类似的问题，但它只是解决了添加源代码与空白最初。
<video id="sourcevid" src="" autoplay>Put your fallback message here.</video>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/11756473
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号