我在支持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);
        }
    )  

解决方法:

对于遇到相同问题的人：我通过向我的< video>添加autoplay属性来修复它.标签.

坚持了一段时间,我希望这会帮助别人.