Update index.html

public/index.html

@@ -958,33 +958,43 @@
     </svg>
     <!-- Scripts -->
 
+<script src="https://unpkg.com/html5-qrcode"></script>
 <script>
-    const qrReaderDiv = document.getElementById("qr-reader");
+  const qrBtn = document.getElementById("openQRScanner");
-    const qrButton = document.getElementById("openQRScanner");
+  const qrReader = document.getElementById("qr-reader");
 
-    qrButton.addEventListener("click", () => {
+  qrBtn.addEventListener("click", async () => {
-        qrReaderDiv.style.display = "block";
+    qrReader.style.display = "block";
-        const html5QrCode = new Html5Qrcode("qr-reader");
+    const html5QrCode = new Html5Qrcode("qr-reader");
 
-        html5QrCode.start(
+    try {
-            { facingMode: "environment" },
+      const devices = await Html5Qrcode.getCameras();
-            {
+
-                fps: 10,
+      if (devices && devices.length) {
-                qrbox: 250
+        // Tenta achar a traseira com base no nome
-            },
+        const backCamera = devices.find(d => d.label.toLowerCase().includes("back")) || devices[0];
-            qrCodeMessage => {
+
-                console.log("QR Code:", qrCodeMessage);
+        await html5QrCode.start(
-                // Redireciona ou insere o link escaneado
+          backCamera.id,
-                window.location.href = qrCodeMessage;
+          { fps: 10, qrbox: 250 },
-                html5QrCode.stop();
+          qrCodeMessage => {
-            },
+            console.log("QR:", qrCodeMessage);
-            errorMessage => {
+            html5QrCode.stop().then(() => {
-                console.warn("Erro QR:", errorMessage);
+              qrReader.style.display = "none";
-            }
+              window.location.href = qrCodeMessage;
-        ).catch(err => {
+            });
-            console.error("Erro ao iniciar o leitor", err);
+          },
-        });
+          error => {
-    });
+            // Erro de leitura silencioso
+          }
+        );
+      } else {
+        alert("Nenhuma câmera encontrada");
+      }
+    } catch (err) {
+      alert("Erro ao acessar a câmera: " + err);
+    }
+  });
 </script>
 
   <!--