如何使用getusermedia从多个后置摄像头检测主/长焦摄像头

Question

我们希望使用后摄像头进行扫描，并选择正确的后摄像头-主摄像头，而不是宽镜头摄像头。

较新的移动设备（例如三星galaxy s10）有几个前后摄像头。调用enumerateDevices（）时，我们会得到前后摄像头的列表。我们想从后摄像机列表中选择主摄像机。我们可以使用约束来选择后置摄像机（面向：“环境”），但我们不知道如何区分每个设备的摄像机是主摄像机还是宽镜头摄像机。

navigator.mediaDevices.enumerateDevices().then(function (devices) {
        for(var i = 0; i < devices.length; i ++){
            var device = devices[i];
            if (device.kind === 'videoinput') {
                //any useful device info here?
            }
        }
    });

Answer 1

这取决于你所说的“主”后摄像头。我们的用例需要一个支持自动对焦的后置摄像机（并非所有摄像机都支持）。查看您可以在此处查询的约束，并正确调用navigator。媒体设备。getUserMedia（）。

例如：

cam = await navigator.mediaDevices.getUserMedia({video: {facingMode: {exact: "environment"}, focusMode: {ideal: "continuous"}}}});

你提到长焦，所以也许你在追求变焦级别。这也是一个选择，但我自己还没有玩那么多。

对约束API的支持因设备而异，非常挑剔。我建议建立后备选项，使用自定义查询针对特定的操作系统版本/设备，并进行大量实验，以确保您获得尽可能经常为您工作的相机。

Answer 2

设备对象通常具有设备。标签描述它们的文本。但是，本文是特定于设备的。

如果你加载https://webrtc.github.io/samples/src/content/devices/input-output/在浏览器中，它将为您提供可用媒体源（摄像机、麦克风）的下拉列表。标签标识每个摄像机。它们因设备而异。

在iPhone上，它是“前置摄像头”和“后置摄像头”。