Escáner o lector de código QR con JavaScript
HTML-код
- Опубликовано: 10 окт 2024
- Hola amigos en este video crearemos un proyecto donde podemos leer códigos QR con HTML, Bootstrap y JavaScript.
🔥 Si te ha gustado el tutorial, no olvides:
Suscribirte al canal
Activar la campana para recibir notificaciones de nuevos videos
Darle like 👍 al video
Deja tus comentario y comparte el video con otros desarrolladores 👩💻👨💻
🌟 contacto para asesorías o desarrollos a medida:
email: codigoalinstante@gmail.com
🔗 Código Fuente:
github.com/Mim...
#codigoqr #lectorQR #escaner #qrcode #qr #bootstrap #javascript #bootstrap5 #html5
para la lectura de Códigos de barras y códigos QR con un solo lector, existe una playList en el canal ! 😉✨
ruclips.net/video/kwM7CwvYKWs/видео.html
Excelente amigo me sirvio de mucho, un curso haciendo un sistemas de ventas puedes hacer? O un curso ingresando los datos del QR a una base de datos? Esta genial como explicas esta parte y se pudiera implementar a mas proyectos, quisiera aprender amigo
Hola amigo, de donde conseguiste esa libreria qrcode? Tiene una documentación? Gracias
esta genial el lector qr, pero no lee códigos de barra, como se puede hacer para que lea códigos de barra también.
Ya existe en el canal una playlist donde implementamos un lector de códigos de barra y códigos QR
Descarga el proyecto aqui😊: github.com/MimeSoft/Escaner-QR-con-javaScript
me funciono de maravilla, muy buen aporte
@pumafil, que bueno que te haya funcionado amigo, recuerda que si mas adelante necesitas que el lector lea también códigos de barras, tenemos en el canal una lista de videos donde lo implementamos 😃
Buenísimo, gracias totales
Muchas Gracias amigo
Hola exclente video y programación, pero porquer cuando despues de interpretar el url y le digo OK no redirije al enlace en el navegador
Hola amigo en el video no hay una funcionalidad para hacer lo que comentas, pero podrias hacerlo sin problemas con el objeto location de Javascript
Cómo se haría para que envié a la dirección url
Buenas una pregunta sobre el código.. cuando inicio el programa no se me enciende o no aparece la cámara ósea al tocar el botón encender
Hola, seguro es por los permisos que debes dar al navegador para usar la camara
@@codigoAlInstante acepte los permisos pero de igual manera no me sale la cámara en la pantalla.. aun cuando toco los botones
hola que tal, te puedo consultar cual es el repositorio original de donde obtuviste el qrcode.min.js? porque encontre uno pero su .min.js no me funciona y el de tu repo si
Hola amigo, esta es la CDN rawgit.com/sitepoint-editors/jsqrcode/master/src/qr_packed.js
Hola, no me funciona el sonido al leer el código. ¿A qué puede ser debido?
Hola, puede ser por que no le diste permiso al navegador para usar audios, prueba actualizando la pagina y otorgando ese permiso.
Hola muy buen video...La URL del proyecto no está?Gracias.
Hola Tana, tienes mucha razón, aquí te dejo la url del proyecto 😊github.com/MimeSoft/Escaner-QR-con-javaScript
@@codigoAlInstante Muchas gracias
@@tana3334 a ti
Hola , una consulta , como monstaste el proyecto ? porque lo utilizo con xampp y no me funciona , me aparece el siguiente error en la consola
localhost/:1 Uncaught (in promise) DOMException: Requested device not found
@@NoagroupSde Hola, no debería haber ningún problema que uses xampp, prueba levantando otro proyecto que tengas, seguro tienes algún error con la ruta de localhost o algo más
@@NoagroupSde a mi tambien me pasa, ya lo solucionaste?
@@fernandoperez2574 Si , resulta que tenes que tener un servidor con Certificado SSL. si no no te funciona . Los navegadores actuales requieren que tengas SSL para hacer uso de Hardware desde los dispositivos que accedan al lector. No se si me entendiste.
gracias genio!!!
De nada mi estimado!
Si QR es una URL y lo redirecciones como se puede ahcer muy interesante saludos.
es Facil.. dirigete a la carpeta qrjs/assets/js/index.js y abre ese archivo index.js busca la linea siguiente
//callback cuando termina de leer el codigo QR
qrcode.callback = (respuesta) => {
if (respuesta) {
//console.log(respuesta);
if (confirm("Deseas Abrir la Pagina "+respuesta)) {
location.href = respuesta;
} else {
window.close();
}
//Swal.fire(respuesta)
activarSonido();
//encenderCamara();
cerrarCamara();
}
};
y sustituyes...
Como ves comenté la linea //Swal.fire(respuesta) para que no saliera el pop up que venia por defecto en el ejemplo, a cambio de eso le puse un confirm (tu puedes quitarlo si lo deseas) el cual pregunta si deseas ir a la URL leída en el QR si le das SI el location.href = respuesta; te lleva a la URL (se abre en el explorador la URL) si no ce cierra esa ventana window.close(); retornandote al lector QR del principio, yo le puse así tu puedes hacerle que si le dan NO haga un return false; para que quede allí en esa ventana.
Aunque no se por que al volver a cargar este archivo al server me tocaba borrar el historial de navegación del explorador para así ver los cambios realizados (quedaba cargado en cache)
hola que tal!, sirve para scannearlo a través de un smartfone?
Claro que sí!
lee codigos pdf417?
Cómo puedo guardar el código que se ha leído en una carpeta en el servidor local digamos
Hola Tomy, lo ideal sería guardarlo en una tabla de una base de datos
Sirve para códigos de barra?
por el momento no
hola, tengo un problema al momento de leer el qr, en el que pasa por el decode(), pero no me da una respuesta en el callback
Hola, que error te esta lanzando ?
Muchas gracias!!
con mucho gusto :D
esta genial, pero no escanea códigos de barra, como podemos hacer eso.
Hola, el código visto en el tutorial sirve para lecturar códigos QR, pero a futuro no descarto realizar un lector de códigos de barra tambien
@@codigoAlInstante genial, pero seria bueno que capte tanto codigos de barra al mismo tiempo que pueda escanear codigos qr.
@@codigoAlInstante seria bueno que pueda leer códigos de barra y códigos qr también.
Muito Bom!!!!!!!!
amigo me sirvio de mucho pero no me funciona en tlf... solo en laptop o pc con camara pero en el tlf no me activa la camara sabras porque?
coloque los permisos al google chrome de utilizar la camara pero igual no abre la camara en el tlf
@@CentroProfesional si lo tienes ya desplegado en un hosting puede ser por el certificado SSL
Si amigo ya lo tengo en mi hosting "hostinger" me funciona a la perfección desde una laptop o pc lo adapte para pasar asistencia pero probando desde el tlf nunca activa la camara
@@codigoAlInstantey como puedo solucionar eso? Mi hosting es hostinger
@@CentroProfesional primero verifica que cuando accedas desde el celular la pagina tenga el certificado SSL para verificar eso tienes que ver que el dominio este https:/tudominio, despues prueba en otros dispositivos moviles a ver si sucede los mismo, aunque no debería