获取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);
        }
    }