javascript - 如何将网络摄像头选择添加到官方 mediapipe 人脸检测解决方案？

Question

https://google.github.io/mediapipe/solutions/face_detection#javascript-solution-api

这是使用 Google 的mediapipe将人脸检测添加到网站上的网络摄像头提要的最简单方法。

我的笔记本电脑有inbuilt webcam一个OBS virtual webcam也有。当我在笔记本电脑上尝试此示例代码时，有时虚拟网络摄像头会被我的网页随机拾取。

如何将网络摄像头选择添加到此示例代码中，以避免自动选择虚拟网络摄像头？

Answer 1

请试试这个（提供全文链接）

const video = document.getElementById('video');
const button = document.getElementById('button');
const select = document.getElementById('select');

function gotDevices(mediaDevices) {
select.innerHTML = '';
select.appendChild(document.createElement('option'));
let count = 1;
mediaDevices.forEach(mediaDevice => {
if (mediaDevice.kind === 'videoinput') {
  const option = document.createElement('option');
  option.value = mediaDevice.deviceId;
  const label = mediaDevice.label || `Camera ${count++}`;
  const textNode = document.createTextNode(label);
  option.appendChild(textNode);
  select.appendChild(option);
}
});
}

来源： 选择相机 Javascript Mediapipe