Fix issues preventing use on Firefox

Author: Valkryst

index.html

@@ -312,14 +312,14 @@
             document.getElementById("mesh-draw-time-max").innerText = meshRendererStats.getMaximum().toFixed(2).toString();
         }, 100);
 
-        const warmupInterval = setInterval(() => {
+        const warmupInterval = setInterval(async () => {
             if (bodyDetector.isReady() && faceDetector.isReady() && handDetector.isReady()) {
                 clearInterval(warmupInterval);
 
                 document.getElementById("body-detector-ready").innerText = "True";
                 document.getElementById("face-detector-ready").innerText = "True";
                 document.getElementById("hand-detector-ready").innerText = "True";
-                document.getElementById("video-input-device-select").disabled = false;
+                (await Camera.getSelectElement()).disabled = false;
             }
         }, 100);
 

js/camera.js

@@ -89,8 +89,12 @@ export class Camera {
         }
 
         // Automatically update the select element when the camera permissions are changed.
-        const cameraPermissionStatus = await navigator.permissions.query({ name: "camera" });
-        cameraPermissionStatus.onchange = async () => await Camera.updateSelectElement();
+        try {
+            const cameraPermissionStatus = await navigator.permissions.query({name: "camera"});
+            cameraPermissionStatus.onchange = async () => await Camera.updateSelectElement();
+        } catch (e) {
+            // The browser does not support the Permissions API.
+        }
 
         // Automatically update the select element when the set of available devices changes.
         // todo Test this.