我在桌面浏览器上有一个支持 getUserMedia Api 的工作代码,我可以在 div 中正确地看到网络摄像头的视频预览videoPreview
。然而,当在 Android 设备上运行时,当我接受在 Chrome 浏览器中共享照片时,相同的代码会使用我的前置摄像头拍摄照片,然后预览会冻结在第一帧上。
navigator.getMedia = (navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia);
navigator.getMedia(
// constraints
{video:true, audio:false},
// success callback
function (mediaStream) {
var video = document.getElementById('videoPreview');
video.src = window.URL.createObjectURL(mediaStream);
video.play();
},
//handle error
function (error) {
console.log(error);
}
)
对于那些遇到同样问题的人:我通过添加来修复它autoplay
归因于我的<video>
tag.
被这个问题困扰了一段时间,我希望这对其他人有帮助。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)