如何使用JavaScript获取摄像头分辨率

在本文中，我们将学习如何找到摄像头支持的最大分辨率。我们需要向用户请求摄像头访问权限，一旦获得权限，我们就可以检查视频流的分辨率，并找出摄像头提供的分辨率。

.getUserMedia() 方法会向用户请求使用产生请求类型媒体的媒体输入的权限。它包括视频（由摄像头、视频录制设备、屏幕共享服务产生）、音频和其他媒体轨道。

语法:

stream = await navigator.mediaDevices.getUserMedia(params);
.then(function (stream) {
    /* 使用流 */
}).catch(function (err) {
    /* 错误 */
});

例子: 此示例演示如何使用JavaScript获取摄像头分辨率：

<!DOCTYPE html>
<html>
  
<body>
    <button id="start">启动摄像头</button>
  
    <script>
        document.querySelector("#start").addEventListener(
            'click', async function () {
  
                let features = {
                    audio: true,
                    video: {
                        width: { ideal: 1800 },
                        height: { ideal: 900 }
                    }
                };
  
                let display = await navigator.mediaDevices
                    .getUserMedia(features);
  
                // 返回流中视频轨道的MediaStreamTrack对象序列
  
                let settings = display.getVideoTracks()[0]
                    .getSettings();
  
                let width = settings.width;
                let height = settings.height;
  
                console.log('摄像头视频的实际宽度: '
                    + width + 'px');
                console.log('摄像头视频的实际高度:'
                    + height + 'px');
            });
    </script>
</body>
  
</html>

输出:

如何使用JavaScript获取摄像头分辨率