Update index.html
This commit is contained in:
parent
8be3ce5ca9
commit
6126ebd35f
|
@ -956,16 +956,17 @@
|
||||||
</svg>
|
</svg>
|
||||||
<!-- Scripts -->
|
<!-- Scripts -->
|
||||||
|
|
||||||
<script src="https://unpkg.com/html5-qrcode"></script>
|
|
||||||
<script>
|
<script>
|
||||||
|
document.addEventListener("DOMContentLoaded", function() {
|
||||||
const qrBtn = document.getElementById("openQRScanner");
|
const qrBtn = document.getElementById("openQRScanner");
|
||||||
const qrReader = document.getElementById("qr-reader");
|
const qrReader = document.getElementById("qr-reader");
|
||||||
|
|
||||||
// Verifique se o botão foi encontrado
|
// Verifique se o botão foi encontrado
|
||||||
console.log(qrBtn); // Verificar se o botão foi encontrado corretamente.
|
console.log(qrBtn); // Verificar se o botão foi encontrado corretamente.
|
||||||
|
|
||||||
|
if (qrBtn) {
|
||||||
qrBtn.addEventListener("click", async () => {
|
qrBtn.addEventListener("click", async () => {
|
||||||
console.log("Botão clicado"); // Verifique se o evento de clique foi acionado
|
console.log("Botão clicado");
|
||||||
qrReader.style.display = "block"; // Tornar o leitor visível ao clicar
|
qrReader.style.display = "block"; // Tornar o leitor visível ao clicar
|
||||||
|
|
||||||
const html5QrCode = new Html5Qrcode("qr-reader");
|
const html5QrCode = new Html5Qrcode("qr-reader");
|
||||||
|
@ -974,7 +975,6 @@
|
||||||
const devices = await Html5Qrcode.getCameras();
|
const devices = await Html5Qrcode.getCameras();
|
||||||
|
|
||||||
if (devices && devices.length) {
|
if (devices && devices.length) {
|
||||||
// Tenta achar a traseira com base no nome
|
|
||||||
const backCamera = devices.find(d => d.label.toLowerCase().includes("back")) || devices[0];
|
const backCamera = devices.find(d => d.label.toLowerCase().includes("back")) || devices[0];
|
||||||
|
|
||||||
await html5QrCode.start(
|
await html5QrCode.start(
|
||||||
|
@ -992,11 +992,13 @@
|
||||||
}
|
}
|
||||||
);
|
);
|
||||||
} else {
|
} else {
|
||||||
alert("Nenhuma câmera encontrada.");
|
alert("📷|Nenhuma câmera encontrada.");
|
||||||
}
|
}
|
||||||
} catch (err) {
|
} catch (err) {
|
||||||
console.error("Erro ao acessar a câmera: ", err);
|
console.error("Erro ao acessar a câmera: ", err);
|
||||||
alert("Erro ao acessar a câmera: " + err);
|
alert("🪲|Erro ao acessar a câmera: " + err);
|
||||||
|
}
|
||||||
|
});
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
Loading…
Reference in New Issue