javascript - leer - ¿Cómo crear un lector de código QR en un sitio web HTML5?

quaggajs

Question

Estaba buscando la posibilidad de crear un lector de códigos QR en mi página web basada en HTML5. He hecho algunas búsquedas en Google y todos los enlaces me señalan a las aplicaciones móviles.

Por favor, ayúdenme con algunos consejos sobre cómo puedo usar HTML5 y JavaScript para leer un código QR que contiene una url y luego redireccionar el navegador a esa URL.

Answer 1

El algoritmo que impulsa http://www.webqr.com es una implementación de JavaScript de https://github.com/LazarSoft/jsqrcode . Todavía no he probado cuán confiable es, pero es ciertamente la solución plug-and-play más fácil (cliente o servidor) de las dos.

Answer 2

El lector que muestran en http://www.webqr.com/index.html funciona como un hechizo, pero literaly, necesitas uno en la página web, la versión de github es muy difícil hacerlo funcionar, sin embargo, es posible. La mejor forma de hacerlo es aplicar ingeniería inversa al ejemplo que se muestra en la página web.

Sin embargo, editarlo y sacarle todo el potencial, no es tan fácil. En algún momento puedo publicar el lector QR de ingeniería inversa simplificado, pero mientras tanto, diviértase pirateando el código.

Feliz codificación.

Answer 3

No hay muchos decodificadores de JavaScript.

Hay uno en http://www.webqr.com/index.html

La forma más fácil es ejecutar ZXing o similar en su servidor. A continuación, puede PUBLICAR la imagen y obtener el resultado decodificado en la respuesta.

Answer 4

La biblioteca jsqrcode de Lazarsoft ahora funciona perfectamente utilizando solo HTML5, es decir, getUserMedia (WebRTC). Puedes encontrarlo en GitHub .

También encontré una gran bifurcación simplificada. Solo un archivo (más jQuery) y una llamada de un método: vea html5-qrcode en GitHub .