Comment changer la source vidéo de la webcam dans les applications web qui ne le 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 commandes pour changer la source vidéo de la webcam.

Avec certains navigateurs, ce n’est pas un problème. Par exemple, Firefox et Edge permettent tous deux aux utilisateurs de sélectionner une source vidéo par site. En revanche, si Google Chrome permet aux utilisateurs de choisir leur webcam par défaut via 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 s’en sont plaints sur les forums de Google Chrome, mais aucune solution n’est en vue.

Ainsi, lorsque les utilisateurs se servent d’applications qui n’implémentent pas la sélection de source vidéo (comme vMix) et d’un navigateur qui ne permet pas la sélection de source vidéo par site (comme Chrome), ils sont bloqués. Les applications vidéo qui ne permettent pas de choisir une caméra finissent par faire un choix arbitraire, ce qui signifie que les utilisateurs risquent de ne pas pouvoir utiliser la caméra de leur choix.

Heureusement, il existe une astuce rapide permettant de 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. Ouvrez Chrome et démarrez votre session de chat vidéo.
2. Ouvrez les « Outils de développement » dans Chrome avec le raccourci clavier ⌥ Option + ⌘ Cmd + i, ou via le menu More Tools → Developer Tools.
3. Collez le code suivant dans l’onglet « Console » par défaut, puis 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 basculer automatiquement sur la source vidéo Camo. Si cette astuce ne fonctionne pas pour vous, merci de nous le signaler en commentaire, ou de nous contacter directement afin que nous puissions vous aider.

Voici à quoi cela ressemble :

Si vous souhaitez éviter d’avoir à faire cela à l’avenir, n’hésitez pas à demander à votre fournisseur de solution vidéo d’ajouter une sélection de caméra dans son application.