- playing around with the spotify API

Author: TobiasMue91

tools/spotify_qr_scanner.html

@@ -8,18 +8,29 @@
 <div id="reader"></div>
 
 <script>
-    function onScanSuccess(decodedText) {
-        if (decodedText.includes('gptgames.dev')) {
-            window.location.href = decodedText;
+    async function startScanner() {
+        try {
+            // Check if we already have camera permission
+            const stream = await navigator.mediaDevices.getUserMedia({ video: true });
+            stream.getTracks().forEach(track => track.stop()); // Clean up test stream
+
+            // Initialize scanner
+            const html5QrcodeScanner = new Html5QrcodeScanner("reader", { fps: 10 });
+            html5QrcodeScanner.render((decodedText) => {
+                if (decodedText.includes('gptgames.dev')) {
+                    window.location.href = decodedText;
+                }
+            });
+        } catch (err) {
+            // We don't have permission, let's request it
+            const permissionResult = await navigator.mediaDevices.getUserMedia({ video: true });
+            // If we get here, permission was granted, start scanner
+            startScanner();
         }
     }
 
-    let html5QrcodeScanner = new Html5QrcodeScanner(
-        "reader",
-        { fps: 10 }
-    );
-
-    html5QrcodeScanner.render(onScanSuccess);
+    // Start immediately when page loads
+    startScanner();
 </script>
 
 <style>