Update index.html

jcstein · Sep 12, 2024 · 1a34edd · 1a34edd
1 parent 2ee5b6f
commit 1a34edd
Showing 1 changed file with 1 addition and 27 deletions.
diff --git a/index.html b/index.html
@@ -24,7 +24,6 @@
             width: 100%;
             height: 100%;
             object-fit: cover;
-            background-color: #000;
         }
         #camera video.mirrored {
             transform: scaleX(-1);
@@ -49,18 +48,6 @@
             font-size: 16px;
             display: none;
         }
-        #loadingIndicator {
-            position: absolute;
-            top: 50%;
-            left: 50%;
-            transform: translate(-50%, -50%);
-            font-size: 24px;
-            color: white;
-            background-color: rgba(0,0,0,0.7);
-            padding: 20px;
-            border-radius: 10px;
-            display: none;
-        }
         @media (max-width: 768px) {
             .container {
                 flex-direction: column;
@@ -73,7 +60,6 @@
         <div id="camera">
             <video autoplay playsinline></video>
             <button id="switchCamera">Switch Camera</button>
-            <div id="loadingIndicator">Loading camera...</div>
         </div>
         <div id="lumina">
             <iframe src="https://lumina.rs" allow="camera; microphone; fullscreen; display-capture; autoplay" sandbox="allow-scripts allow-same-origin allow-forms allow-popups allow-popups-to-escape-sandbox"></iframe>
@@ -82,7 +68,6 @@
     <script>
         const video = document.querySelector('video');
         const switchButton = document.getElementById('switchCamera');
-        const loadingIndicator = document.getElementById('loadingIndicator');
         let currentStream = null;
         let isUsingFrontCamera = true;
         let hasMutipleCameras = false;
@@ -97,7 +82,6 @@
         }
 
         async function startVideo(useFrontCamera = true) {
-            loadingIndicator.style.display = 'block';
             const facingMode = useFrontCamera ? 'user' : 'environment';
             const constraints = {
                 video: { facingMode: facingMode }
@@ -112,15 +96,9 @@
                 isUsingFrontCamera = useFrontCamera;
                 updateMirrorEffect();
 
-                await new Promise((resolve) => {
-                    video.onloadedmetadata = () => {
-                        video.play().then(resolve).catch(resolve);
-                    };
-                });
+                await video.play();
             } catch (error) {
                 console.error('Error accessing camera:', error);
-            } finally {
-                loadingIndicator.style.display = 'none';
             }
         }
 
@@ -136,7 +114,6 @@
             try {
                 await startVideo();
 
-                // Check if we can switch to the back camera
                 const devices = await navigator.mediaDevices.enumerateDevices();
                 const videoDevices = devices.filter(device => device.kind === 'videoinput');
 
@@ -146,14 +123,11 @@
                 }
             } catch (error) {
                 console.error('Error initializing:', error);
-                hasMutipleCameras = false;
-                switchButton.style.display = 'none';
             }
         }
 
         initialize();
 
-        // Ensure camera stream stays active
         document.addEventListener('visibilitychange', () => {
             if (!document.hidden && currentStream && currentStream.active) {
                 video.srcObject = currentStream;