gpt4 book ai didi

javascript - 谷歌浏览器中的 getUserMedia

转载 作者:行者123 更新时间:2023-11-30 10:39:47 27 4
gpt4 key购买 nike

我无法在 Google Chrome (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>

请帮助我了解问题出在哪里。

最佳答案

我遇到了同样的问题,我通过调用视频元素上的播放方法修复了它。即使加上了autoplay属性,也不行。我对此的最佳猜测是,在加载视频标签时,源是空的,因此无法启动。

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

关于javascript - 谷歌浏览器中的 getUserMedia,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11756473/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com