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 09:40:27 -03:00 committed by GitHub
parent 20815612e4
commit 1844322a3f
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 25 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
public/index.html
View File

@ -102,15 +102,10 @@
<i class="fa-brands fa-bluetooth-b icon" style="font-size: 24px;"></i> <i class="fa-brands fa-bluetooth-b icon" style="font-size: 24px;"></i>
</div> --> </div> -->
<!-- Botão estilo PairDrop para abrir o leitor de QR Code --> <div id="openQRScanner" class="icon-button" title="Escanear QR Code" data-i18n-key="header.scan-qr" data-i18n-attrs="title">
<div id="openQRScanner" class="icon-button" data-i18n-key="header.qr-scan" data-i18n-attrs="title">
<i class="fa-solid fa-qrcode"></i> <i class="fa-solid fa-qrcode"></i>
</div> </div>
<!-- Div onde o leitor será exibido -->
<div id="qr-reader" style="width: 300px; margin: 20px auto; display: none;"></div>
<div id="pair-device" class="icon-button" data-i18n-key="header.pair-device" data-i18n-attrs="title"> <div id="pair-device" class="icon-button" data-i18n-key="header.pair-device" data-i18n-attrs="title">
<svg class="icon"> <svg class="icon">
<use xlink:href="#pair-device-icon"></use> <use xlink:href="#pair-device-icon"></use>
@ -963,29 +958,31 @@
</svg> </svg>
<!-- Scripts --> <!-- Scripts -->
<script src="https://unpkg.com/html5-qrcode"></script>
<script> <script>
document.getElementById("openQRScanner").addEventListener("click", () => { const qrReaderDiv = document.getElementById("qr-reader");
const qrReader = document.getElementById("qr-reader"); const qrButton = document.getElementById("openQRScanner");
qrReader.style.display = "block";
qrButton.addEventListener("click", () => {
qrReaderDiv.style.display = "block";
const html5QrCode = new Html5Qrcode("qr-reader"); const html5QrCode = new Html5Qrcode("qr-reader");
html5QrCode.start( html5QrCode.start(
{ facingMode: "environment" }, // Câmera traseira { facingMode: "environment" },
{ fps: 10, qrbox: 250 }, {
qrCodeMessage => { fps: 10,
console.log("QR Code detectado:", qrCodeMessage); qrbox: 250
html5QrCode.stop().then(() => {
qrReader.style.display = "none";
window.location.href = qrCodeMessage; // Redireciona
});
}, },
error => { qrCodeMessage => {
// Erros de leitura ignorados (podem ser logados se quiser) console.log("QR Code:", qrCodeMessage);
// Redireciona ou insere o link escaneado
window.location.href = qrCodeMessage;
html5QrCode.stop();
},
errorMessage => {
console.warn("Erro QR:", errorMessage);
} }
).catch(err => { ).catch(err => {
alert("Erro ao acessar a câmera: " + err); console.error("Erro ao iniciar o leitor", err);
}); });
}); });
</script> </script>