获取html相机的宽度和高度

Question

我看到一些关于在 html5 中捕获视频的代码

本教程效果很好，(http://www.html5rocks.com/ko/tutorials/getusermedia/intro/)

但每个设备的工作方式不同。手机和我的笔记本。 因为手机和我笔记本的摄像头屏幕尺寸不同。

所以，我想获取每个设备的相机宽度和高度，并用这个值调整代码。

如何获得这些值？或者如何获取每台设备的整屏值？

Answer 1

您可以使用loadedmetadata 事件来获取视频的高度和宽度。

video.addEventListener("loadedmetadata", function () {
            find_video_size();
        }, false);

function find_video_size(){
        if (isStreaming++ <= 10) {
            // videoWidth isn't always set correctly in all browsers
            if (video.videoWidth > 0){
                cwidth = video.videoWidth;
                cheight = video.videoHeight;// / (video.videoWidth / cwidth);
                $("#tutcanvas").attr("width", cwidth).attr("height", cheight);
                isStreaming = 11;
            }else{
                setTimeout(find_video_size, 200);
            }
        }else{
            $("#tutcanvas").attr("width", cwidth).attr("height", cheight);
        }
    }