Как добавить выбор веб-камеры в официальное решение для распознавания лиц mediapipe?

Question

Это простой способ добавить https://google.github.io/mediapipe/solutions/face_detection#javascript-solution-apiраспознавания лиц в поток веб-камеры на веб-сайте с помощью самыйmediapipeфункцию от Google.

В моем ноутбуке есть 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);
}
});
}

Источник: Select Camera Javascript Mediapipe