Update index.html

public/index.html

@@ -958,32 +958,42 @@
     </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");
 
-        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];
+
+        await html5QrCode.start(
+          backCamera.id,
+          { fps: 10, qrbox: 250 },
           qrCodeMessage => {
-                console.log("QR Code:", qrCodeMessage);
+            console.log("QR:", qrCodeMessage);
-                // Redireciona ou insere o link escaneado
+            html5QrCode.stop().then(() => {
+              qrReader.style.display = "none";
               window.location.href = qrCodeMessage;
-                html5QrCode.stop();
-            },
-            errorMessage => {
-                console.warn("Erro QR:", errorMessage);
-            }
-        ).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>