MirrorMirror
/
PairDrop
mirror of https://github.com/schlagmichdoch/PairDrop.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Update index.html

This commit is contained in:
ErikrafT 2025-04-12 10:00:46 -03:00 committed by GitHub
parent 8be3ce5ca9
commit 6126ebd35f
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 35 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

68
public/index.html
View File

@ -956,47 +956,49 @@
</svg> </svg>
<!-- Scripts --> <!-- Scripts -->
<script src="https://unpkg.com/html5-qrcode"></script>
<script> <script>
const qrBtn = document.getElementById("openQRScanner"); document.addEventListener("DOMContentLoaded", function() {
const qrReader = document.getElementById("qr-reader"); const qrBtn = document.getElementById("openQRScanner");
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.
qrBtn.addEventListener("click", async () => { if (qrBtn) {
console.log("Botão clicado"); // Verifique se o evento de clique foi acionado qrBtn.addEventListener("click", async () => {
qrReader.style.display = "block"; // Tornar o leitor visível ao clicar console.log("Botão clicado");
qrReader.style.display = "block"; // Tornar o leitor visível ao clicar
const html5QrCode = new Html5Qrcode("qr-reader"); const html5QrCode = new Html5Qrcode("qr-reader");
try { try {
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(
backCamera.id, backCamera.id,
{ fps: 10, qrbox: 250 }, { fps: 10, qrbox: 250 },
qrCodeMessage => { qrCodeMessage => {
console.log("QR:", qrCodeMessage); console.log("QR:", qrCodeMessage);
html5QrCode.stop().then(() => { html5QrCode.stop().then(() => {
qrReader.style.display = "none"; qrReader.style.display = "none";
window.location.href = qrCodeMessage; window.location.href = qrCodeMessage;
}); });
}, },
error => { error => {
console.error("Erro na leitura do QR Code", error); console.error("Erro na leitura do QR Code", error);
}
);
} else {
alert("📷｜Nenhuma câmera encontrada.");
} }
); } catch (err) {
} else { console.error("Erro ao acessar a câmera: ", err);
alert("Nenhuma câmera encontrada."); alert("🪲｜Erro ao acessar a câmera: " + err);
} }
} catch (err) { });
console.error("Erro ao acessar a câmera: ", err);
alert("Erro ao acessar a câmera: " + err);
} }
}); });
</script> </script>