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

38
public/index.html
View File

@ -37,6 +37,8 @@
<meta name="twitter:image" content="images/logo_transparent_512x512.png"> <meta name="twitter:image" content="images/logo_transparent_512x512.png">
<meta property="og:image" content="images/logo_transparent_512x512.png"> <meta property="og:image" content="images/logo_transparent_512x512.png">
<!-- Resources --> <!-- Resources -->
<script src="https://unpkg.com/html5-qrcode"></script>
<link rel="preload" href="lang/en.json" as="fetch"> <link rel="preload" href="lang/en.json" as="fetch">
<link rel="preload" href="fonts/OpenSans/static/OpenSans-Medium.ttf" as="font" type="font/ttf" crossorigin> <link rel="preload" href="fonts/OpenSans/static/OpenSans-Medium.ttf" as="font" type="font/ttf" crossorigin>
<link rel="stylesheet" type="text/css" href="styles/styles-main.css"> <link rel="stylesheet" type="text/css" href="styles/styles-main.css">
@ -100,6 +102,15 @@
<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" data-i18n-key="header.qr-scan" data-i18n-attrs="title">
<i class="fa-solid fa-qrcode"></i>
</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>
@ -952,6 +963,33 @@
</svg> </svg>
<!-- Scripts --> <!-- Scripts -->
<script src="https://unpkg.com/html5-qrcode"></script>
<script>
document.getElementById("openQRScanner").addEventListener("click", () => {
const qrReader = document.getElementById("qr-reader");
qrReader.style.display = "block";
const html5QrCode = new Html5Qrcode("qr-reader");
html5QrCode.start(
{ facingMode: "environment" }, // Câmera traseira
{ fps: 10, qrbox: 250 },
qrCodeMessage => {
console.log("QR Code detectado:", qrCodeMessage);
html5QrCode.stop().then(() => {
qrReader.style.display = "none";
window.location.href = qrCodeMessage; // Redireciona
});
},
error => {
// Erros de leitura ignorados (podem ser logados se quiser)
}
).catch(err => {
alert("Erro ao acessar a câmera: " + err);
});
});
</script>
<!-- <!--
<input type="file" id="fileInput" /> <input type="file" id="fileInput" />