Test de caméra

Un test de caméra vérifie si le navigateur peut accéder à une webcam, une caméra USB externe ou la caméra intégrée d’un ordinateur portable, puis afficher un aperçu en direct. Il est utile avant une visioconférence, un cours en ligne, un entretien, un direct, un enregistrement ou toute situation où une mauvaise caméra, une permission bloquée, un écran noir, une faible résolution ou un mauvais éclairage poserait problème. L’outil utilise l’autorisation caméra du navigateur, affiche le flux réellement accessible par la page et peut capturer une image locale pour vérifier le cadrage et la netteté. Il aide à contrôler le périphérique, la résolution, la fréquence d’images, le ratio et la qualité de base sans téléverser la vidéo. Il ne répare pas les pilotes ni le matériel; en cas d’absence d’image, vérifiez confidentialité, autres applications, câbles et pilotes.

L'outil de test de caméra est construit sur la spécification W3C Media Capture and Streams, utilisant navigator.mediaDevices.getUserMedia(constraints) pour accéder à la caméra. Le paramètre constraints est un objet de type JSON spécifiant les valeurs idéales, exactes, minimales et maximales pour la résolution (largeur, hauteur), la fréquence d'images, le mode d'orientation et l'identifiant de l'appareil. Le solveur de contraintes du navigateur négocie ces valeurs avec les descripteurs UVC (USB Video Class) rapportés par le firmware de la caméra ; lorsqu'une contrainte exacte ne peut être satisfaite, l'appel est rejeté avec une OverconstrainedError — c'est le mécanisme derrière le vérificateur de support de résolution, qui sonde chaque résolution avec des contraintes { exact } et marque les échecs. Une fois le flux acquis, la piste vidéo expose getSettings() (les valeurs réellement appliquées après négociation), getCapabilities() (les plages supportées complètes du matériel) et getConstraints() (ce qui a été demandé initialement). La résolution appliquée, la fréquence d'images, le ratio d'aspect et le mode d'orientation sont lus depuis getSettings() et affichés. L'aperçu en direct est rendu en affectant le MediaStream au srcObject de l'élément vidéo ; le pipeline média du navigateur gère le décodage, la conversion d'espace colorimétrique et le rendu accéléré par GPU sans manipulation de pixels en JavaScript. Pour les captures fixes, CanvasRenderingContext2D.drawImage(videoElement, 0, 0) photographie l'image vidéo décodée actuelle sur un canvas masqué, et toDataURL('image/png') la sérialise en URL de données PNG. enumerateDevices() répertorie tous les périphériques d'entrée média disponibles — notez que les libellés des périphériques sont des chaînes vides tant que l'utilisateur n'a pas accordé l'autorisation de caméra au moins une fois, une mesure de prévention de l'empreinte numérique. L'appel à track.stop() libère le matériel caméra et éteint le voyant indicateur ; l'affectation videoElement.srcObject = null détache le pipeline de rendu. getUserMedia requiert un contexte sécurisé (HTTPS ou localhost) et déclenche une invite de permission par origine ; le voyant indicateur de caméra est appliqué au niveau du système d'exploitation et ne peut être contourné par la page.

• Négociation de contraintes : le solveur du navigateur compare les valeurs idéales/exactes/minimales/maximales aux descripteurs matériels UVC — les sondes { exact } échouent avec OverconstrainedError lorsque le capteur ne peut fournir la résolution demandée, ce qui permet de remplir la grille de support des résolutions.
• Introspection de piste : getSettings() retourne la résolution, la fréquence d'images, le ratio d'aspect et le facingMode réellement appliqués après négociation — ces valeurs peuvent différer des valeurs idéales demandées lorsque la bande passante USB ou les capacités du capteur sont limitées.
• Confidentialité de enumerateDevices : les libellés des périphériques sont des chaînes vides tant que l'autorisation getUserMedia n'est pas accordée au moins une fois par origine — une mesure anti-empreinte numérique imposée par la spécification, qui fait aussi que le sélecteur de périphérique affiche des noms génériques lors de la première visite.
• Capture fixe par Canvas : drawImage() copie l'image vidéo décodée depuis le compositeur GPU dans un tampon de pixels 2D sans réencodage ; toDataURL('image/png') la sérialise ensuite en PNG sans perte — l'image ne quitte jamais la mémoire du navigateur.
• Mode d'orientation : le VideoFacingModeEnum est lu depuis track.getSettings().facingMode ('user' pour l'avant, 'environment' pour l'arrière, 'left'/'right' pour les caméras externes) — toutes les caméras USB de bureau ne rapportent pas l'orientation, le champ peut donc afficher 'unknown'.
• Cycle de vie du flux : track.stop() libère le matériel caméra et éteint le voyant indicateur au niveau du système d'exploitation ; srcObject = null détache le pipeline de rendu — les deux sont nécessaires pour libérer complètement le périphérique afin que d'autres applications puissent l'acquérir.
• Modèle de sécurité : getUserMedia requiert un contexte sécurisé (HTTPS ou localhost), déclenche une boîte de dialogue de permission par origine, et le voyant indicateur de caméra est appliqué au niveau du noyau du système d'exploitation — la page ne peut contourner aucune de ces trois barrières.