Aller au contenu principal
Scanners

Scanner de QR Code

Activez la caméra arrière seulement après autorisation, analysez localement les images Canvas avec jsQR jusqu'au premier résultat, ou décodez une image choisie. Idéal pour scanner des QR en mobilité, valider des billets ou lire des menus sans contact. Caméra optionnelle, fallback fichier, zéro serveur.

Outils QR

camera title

camera description

L'objectif du scanner caméra est hors ligne

En bref

L’accès caméra est déclenché par l’utilisateur : jsQR analyse les images localement, puis toutes les pistes s’arrêtent au premier résultat sans téléverser de pixels.

Fonctionnalités prises en charge

  • Demande getUserMedia vidéo uniquement après Activer le scanner, préfère la caméra environment et ne demande jamais l’audio.
  • Dessine les frames prêtes sur Canvas, essaie QR normal/inversé et arrête animation et pistes média dès la première charge.
  • Offre Arrêter la caméra et un repli image locale avec le même décodeur si autorisation, matériel, mise au point ou lumière échouent.
  • Affiche/copie la chaîne exacte, propose un lien explicite pour http et garde facultativement dix entrées locales.

Comment utiliser Scanner de QR Code

Suivez ce flux propre à Scanner de QR Code ; chaque étape correspond aux commandes et limites réelles de l’espace de travail dans le navigateur.

  1. 1

    Étape 1

    Fournir la source exacte

    Ouvrez en contexte sécurisé, appuyez sur Activer le scanner puis autorisez la caméra seulement lorsque vous êtes prêt.

  2. 2

    Étape 2

    Choisir l’opération

    Visez avec la caméra arrière un QR complet, net, contrasté, bien éclairé et entouré de sa zone calme.

  3. 3

    Étape 3

    Configurer les options disponibles

    Attendez la première charge ; la boucle et toutes les pistes caméra s’arrêtent automatiquement.

  4. 4

    Étape 4

    Exécuter l’opération locale

    Examinez la valeur exacte et son type heuristique avant copie ou ouverture explicite d’une URL.

  5. 5

    Étape 5

    Vérifier puis continuer

    Utilisez Scanner un fichier image si la capture échoue et effacez l’historique facultatif pour les données sensibles.

Erreurs fréquentes

Attendre la caméra sur une origine non sûre ou bloquée

Conséquence: getUserMedia requiert un contexte sécurisé et les politiques navigateur/OS peuvent retirer l’API ou refuser.

Correction: Utilisez HTTPS/localhost fiable et accordez l’autorisation via le bouton explicite.

Ouvrir le premier lien sans le lire

Conséquence: Un QR peut masquer hôte trompeur, chemin d’identifiants ou caractères ressemblants ; le préfixe ne prouve rien.

Correction: Vérifiez schéma, hôte et intention avec le validateur avant navigation.

Tenir le QR trop près, recadré, brillant ou mobile

Conséquence: Reflet, flou, zone calme absente ou autofocus empêchent la détection des motifs.

Correction: Reculez, stabilisez, diffusez la lumière ou prenez une photo nette et utilisez le repli fichier.

Bonnes pratiques

  • N’accordez la caméra que pour le scan actif et utilisez Arrêter dès que le flux n’est plus nécessaire.
  • Décodez d’abord en texte et validez URL, token, Wi-Fi ou contact avant toute action.
  • Sur appareil partagé, retirez l’autorisation du site et effacez l’historique local sensible.

Flux de travail liés

Scanner, inspecter et valider une charge QR non fiable

Scanner de QR CodeValidateur URLDécodeur JWT

Capturez une seule charge avec exposition caméra minimale, lisez-la comme texte puis passez-la au validateur adapté.

  1. Démarrer explicitement
  2. Décoder un symbole
  3. Arrêter les pistes
  4. Inspecter le texte
  5. Valider avant action

Limites du navigateur

  • Nécessite getUserMedia, contexte sécurisé, permission et matériel ; iframe ou politique d’entreprise peuvent bloquer.
  • Les frames vidéo pleine résolution sont lues sur le thread principal via requestAnimationFrame, avec coût CPU/batterie.
  • Premier QR seulement ; pas de torche, zoom, choix caméra, multi-code, autre code-barres ni score de confiance.

Ressources de référence

ISO/IEC 18004:2024 — Symbologie des codes QRÉditeur: ISO / IEC · Révisé: 2026-07-26MediaDevices.getUserMedia()Éditeur: MDN Web Docs · Révisé: 2026-07-26

Exemples concrets

Entrée
Frame caméra contenant WIFI:T:WPA;S:Guest;P:ExamplePass123;;
Résultat
Type : wifi ; les pistes caméra s’arrêtent après ce premier décodage.

jsQR renvoie le texte exact et le préfixe WIFI: reçoit l’étiquette wifi, sans tentative de connexion ni validation des identifiants.

Questions fréquentes

Quand la page demande-t-elle la caméra ?

Seulement après Activer le scanner ; aucun prompt n’apparaît au chargement.

La vidéo est-elle envoyée à un serveur ?

Non. Chaque frame passe par un Canvas dans la page et est décodée localement sans chemin d’upload.

Pourquoi la caméra s’arrête-t-elle après un seul QR ?

C’est voulu : le premier résultat annule requestAnimationFrame et arrête toutes les pistes pour minimiser l’exposition.

Puis-je changer de caméra ou allumer la torche ?

Non. La requête préfère seulement facingMode environment ; aucun sélecteur, zoom, focus ou torche dans l’UI.

Que faire après un refus de permission ?

Choisissez une photo nette avec Scanner un fichier, ou corrigez les permissions site/OS puis redémarrez explicitement.

Confidentialité et fonctionnement hors ligne

Frames vidéo et images choisies sont traitées localement dans Canvas, sans enregistrement ni téléversement. Les pistes s’arrêtent au résultat, au bouton Stop ou au nettoyage ; l’historique n’est local que s’il est activé.