ow switch button if more than one camera

Author: simonw

haiku.html

@@ -99,6 +99,14 @@
       let currentStream;
       let currentCamera = "front";
 
+      // Show switch button if more than one camera
+      navigator.mediaDevices.enumerateDevices().then(devices => {
+        const cameras = devices.filter(device => device.kind === 'videoinput');
+        if (cameras.length > 1) {
+          switchCameraBtn.style.display = "block";
+        }
+      });
+
       // Request access to the webcam
       function startCamera() {
         const constraints = {
@@ -110,10 +118,6 @@
           .getUserMedia(constraints)
           .then((stream) => {
             currentStream = stream;
-            // Show switchCameraBtn if multiple cameras are available
-            if (currentStream.getTracks().length > 1) {
-              switchCameraBtn.style.display = "block";
-            }
             video.srcObject = stream;
           })
           .catch((error) => {