From 802e7cd21c87870684ff5263a47bf99518e27edf Mon Sep 17 00:00:00 2001
From: Josh Stein <46639943+jcstein@users.noreply.github.com>
Date: Thu, 12 Sep 2024 11:09:52 -0400
Subject: [PATCH] Update index.html

---
 index.html | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index 6fc52f4..9ea35a8 100644
--- a/index.html
+++ b/index.html
@@ -44,6 +44,7 @@
             border-radius: 5px;
             cursor: pointer;
             font-size: 16px;
+            display: none; /* Initially hidden */
         }
         @media (max-width: 768px) {
             .container {
@@ -62,7 +63,6 @@
             <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>
         </div>
     </div>
-
     <script>
         const video = document.querySelector('video');
         const switchButton = document.getElementById('switchCamera');
@@ -77,7 +77,6 @@
             const constraints = {
                 video: deviceId ? { deviceId: { exact: deviceId } } : true
             };
-
             try {
                 const stream = await navigator.mediaDevices.getUserMedia(constraints);
                 video.srcObject = stream;
@@ -91,7 +90,6 @@
             const devices = await getVideoDevices();
             const currentDevice = currentStreamTrack?.getSettings().deviceId;
             const nextDevice = devices.find(d => d.deviceId !== currentDevice);
-
             if (nextDevice) {
                 if (currentStreamTrack) {
                     currentStreamTrack.stop();
@@ -105,7 +103,7 @@
         // Initial camera start
         startVideo();
 
-        // Check if the device has multiple cameras
+        // Check if the device has multiple cameras and show/hide button accordingly
         getVideoDevices().then(devices => {
             if (devices.length > 1) {
                 switchButton.style.display = 'block';