javascript - WebRTC - 在 web 应用程序中选择主摄像头(当设备有多个后置摄像头时)

Question

尝试创建一个网络应用程序，从后置摄像头从浏览器捕获图像，并努力在多摄像头设备中定位主摄像头。
我们面临的问题是每个制造商都有不同的命名约定，并且列表中相机的顺序并不表示哪个相机是主相机(没有任何特殊的相机，比如广 Angular ，或者长焦，潜望镜，...)具有最高分辨率。
使用本网站时:https://webrtc.github.io/samples/src/content/devices/input-output/
例如，对于我的设备，可以通过选择摄像头 2 2 或摄像头 2 0 来定位主摄像头:

有没有办法使用javascript定位主摄像头？或者至少以编程方式获取相机特性以选择正确的？

Answer 1

我不确定 WebRTC API 是否有任何关于哪个是“主”摄像头的信息，但您可以使用 constraints调用getUserMedia指定后置摄像头(背对用户的那个)。这应该会在可用的 mediaDevices 中获取它首先找到的后置摄像头在大多数情况下，它是“主”相机。
指定 facingMode如environment选择后置摄像头。阅读更多关于 facingMode值 here .

var constraints = {
  facingMode: { exact: "environment" }
  // add any other constraint you want here
};

navigator.mediaDevices.getUserMedia(constraints)
.then(function(stream) {
  /* use the stream */
})
.catch(function(err) {
  /* handle the error */
});