Comment changer la source vidéo de la webcam dans les applications Web qui ne la prennent pas en charge

Avec WebRTC, il est facile de laisser l'utilisateur choisir les sources audio et vidéo dans un navigateur. Cependant, toutes les applications vidéo Web n'implémentent pas de contrôles pour modifier la source vidéo de la webcam.

Avec certains navigateurs, ce n'est pas un problème. Par exemple, Firefox et Edge permettent aux utilisateurs de sélectionner une source vidéo par site . Cependant, alors que Google Chrome permet aux utilisateurs de choisir leur webcam par défaut à l'aide de l'URL spéciale chrome://settings/content/camera , ce choix de caméra par défaut n'est pas utilisé par WebRTC. De nombreux utilisateurs se sont plaints de cela dans les forums de Google Chrome, mais aucune solution n'est à l'horizon.

En tant que tel, lorsque les utilisateurs utilisent des applications qui n'implémentent pas la sélection de la source vidéo (comme vMix) et qu'ils utilisent un navigateur qui n'autorise pas la sélection de la source vidéo basée sur le site (comme Chrome), ils sont bloqués. Les applications vidéo qui ne permettent pas aux utilisateurs de choisir une caméra vidéo finissent par faire un choix arbitraire, ce qui signifie que les utilisateurs peuvent ne pas être en mesure d'utiliser la caméra qu'ils souhaitent.

Heureusement, il existe un piratage rapide que nous pouvons utiliser pour forcer une application vidéo Web sur Chrome à sélectionner une caméra spécifique.

Voici comment procéder pour le service vmixcall.com de vMix:

1. Chargez Chrome et démarrez votre session de chat vidéo.

2. Ouvrez «Outils de développement» dans Chrome avec le raccourci clavier ⌥ Option + ⌘ Cmd + i , ou en utilisant le menu More Tools → Developer Tools .

3. Collez le code suivant dans l'onglet "Console" par défaut et appuyez sur Entrée:

function gotDevices(deviceInfos) {
  // Look for the Reincubate Camo video input device.
  var deviceId;
  for (deviceInfo of deviceInfos) {
    if (deviceInfo.kind === 'videoinput' && deviceInfo.label === 'Reincubate Camo') {
      deviceId = deviceInfo.deviceId
      break;
    }
  }
  if (deviceId) {
    const constraints = {
      audio: true,
      video: { deviceId: { exact: deviceId } }
    };
    navigator.mediaDevices.getUserMedia(constraints).then(gotStream);
  } else {
    console.error('Unable to find Reincubate Camo video input device.');
  }
}
function gotStream (stream) {
  // Tell the vMix Call session to switch to a different stream.
  try {
    session.gotLocalStream(stream);
  } catch {
    console.error('Unable to trigger vMix Call session stream update.');
  }
}
// Ask the browser for a list of media devices.
navigator.mediaDevices.enumerateDevices().then(gotDevices)

Une fois cela fait, Chrome devrait automatiquement basculer vers la source vidéo Camo. Si cette solution de contournement ne fonctionne pas pour vous, veuillez nous en informer dans les commentaires ou contactez-nous directement afin que nous puissions vous aider.

Voici à quoi cela ressemble:

Si vous souhaitez éviter que cela ne soit nécessaire à l'avenir, veuillez faire pression sur votre fournisseur de vidéos pour qu'il ajoute une sélection de vidéos dans son application.