Voici jsQRScan. Un ensemble de fonctions légères et faciles d'utilisation pour ajouter un scanner de code QR à votre site web. Profitez de l'HTML 5 pour utiliser la webcam de votre ordinateur ou l'appareil photo de votre smartphone.
Basé sur QR Code scanner de LazarSoft. J'ai concentré les différents fichiers de QR Code en 1 seul, ajouté un objet supplémentaire permettant la gestion de la webcam dans une version plus légère.
- Nécessite un navigateur compatible avec getUserMedia.
- Chrome : il peut être nécessaire d'activer les Fonctionnalités expérimentales de la plate-forme Web : chrome://flags/#enable-experimental-web-platform-features.
Télécharger
Utilisation
scanner = new jsQRScan({
'id': 'camera',
'width': 320,
'height': 320,
'callbackSuccess': retourOK,
'callbackEnd': retourErreur,
'scanMaxDuration': 20000,
'scanInterval': 1000
});
id
Identifiant de l'élément dans lequel l'objet <video> sera crée>.
width (facultatif)
Largeur en pixels de l'élément <video> dans lequel la stream de la webcam sera affiché. 640 par défaut
height (facultatif)
Hauteur en pixels de l'élément <video> dans lequel la stream de la webcam sera affiché. 480 par défaut
streamId (facultatif)
Identifiant du flux à utiliser. Si aucun flux n'est configuré, la fonction va chercher le premier flux vidéo disponible.
callbackSuccess (facultatif)
Fonction appelé si un code QR est trouvé. La fonction reçoit en paramètre un string contenant le texte du QR décodé.
callbackEnd (facultatif)
Fonction appelé si aucun code QR n'est trouvé.
scanMaxDuration (facultatif)
Durée du scan en millisecond. Si aucun code QR n'est trouvé après ce laps de temps le scan est stoppé. 20000 par défaut.
scanInterval (facultatif)
Intervale en millisecond entre deux tentatives de décodage. 1000 par défaut.
Démo