javascript - 浏览器网络摄像头访问/WebRTC - 如何确定最大分辨率和宽高比？

Question

鉴于以下情况，如何确定最大可能分辨率和默认宽高比？

  openCamera: function () {
        (navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia).call(
            navigator,
            { video: true },
            function (localMediaStream) {
                if (webCamWindow) {
                    var vendorURL = window.URL || window.webkitURL;

                    if (navigator.mozGetUserMedia) {
                        webCamWindow.mozSrcObject = localMediaStream;
                        webCamWindow.play();
                    } else {
                        webCamWindow.src = vendorURL.createObjectURL(localMediaStream);
                    }
                }
                stream = localMediaStream;

            },
            function () { alert('fail') }
        );
    },

Answer 1

您可以使用webrtc-camera-resultion以获得相机的最佳(最大)尺寸和长宽比。

通过这个库，它会扫描所有可能的支持矩阵并返回它能找到的最佳支持矩阵，您可以通过以下格式获得相机媒体设备的结果:

label: 4K(UHD)  // Camera name
width: 3840     // Maximum width
height: 2160    // Maximum height
ratio: 16:9     // Aspect ratio

然后您可以在 navigator.mediaDevices.getUserMedia 中使用它:

{
    audio: true,
    video: {
        mandatory: {
            minWidth: _minWidth,
            minHeight: _minHeight,
            maxWidth: _maxWidth,,
            maxHeight: _maxHeight
        }
    }
}, function (stream) {
       ...