Comment créer un lecteur de code QR dans un site Web HTML5?
Je cherchais la possibilité de créer un lecteur de code QR dans ma page Web basée sur HTML5. J'ai fait des recherches sur Google et tous les liens me dirigent vers les applications mobiles.
S'il vous plaît, aidez-moi avec quelques conseils sur la façon dont je peux utiliser HTML5 et JavaScript pour lire un code QR contenant une URL, puis rediriger le navigateur vers cette URL.
Il n'y a pas beaucoup de décodeurs JavaScript.
Il y en a un à http://www.webqr.com/index.html
Le moyen le plus simple consiste à exécuter ZXing ou similaire sur votre serveur. Vous pouvez alors POST l’image et obtenir le résultat décodé dans la réponse.
La bibliothèque jsqrcode de Lazarsoft fonctionne maintenant parfaitement avec HTML5, c’est-à-dire getUserMedia (WebRTC). Vous pouvez le trouver sur GitHub .
J'ai aussi trouvé une grande fourchette qui est beaucoup simplifiée. Juste un fichier (plus jQuery) et un appel de méthode: voir html5-qrcode sur GitHub .
Les lecteurs qu’ils montrent à http://www.webqr.com/index.html fonctionnent à merveille, mais vous avez besoin de celle de la page Web, la version github est très difficile à faire fonctionner. Cependant, c'est possible. La meilleure façon de procéder est de procéder à l’ingénierie inverse à partir de l’exemple présenté sur la page Web.
Cependant, pour éditer et exploiter tout le potentiel, ce n’est pas si facile. À un moment donné, je peux publier le lecteur de codes QR déstructuré, mais en attendant, amusez-vous à pirater le code.
Bonne codage.
L'algorithme qui pilote http://www.webqr.com est une implémentation JavaScript de https://github.com/LazarSoft/jsqrcode . Je n'ai pas encore testé sa fiabilité, mais c'est certainement la solution plug-and-play la plus simple (côté client ou côté serveur) parmi les deux.