update back to android

templates/browser-detect.html

@@ -298,7 +298,7 @@
 
     </div>
     <script>
-
+var word_list = []
         var speechSupported = true
         var prevSpeech = ""
         var prevSettings = ""
@@ -313,7 +313,7 @@
         const pitchInput = document.getElementById('pitch');
         const rateValue = document.getElementById('rateValue');
         const pitchValue = document.getElementById('pitchValue');
-        var word_list=[]
+
         let voices = [];
 
         const languageNames = {
@@ -641,7 +641,7 @@
                 console.log("Text to speech is now not supported")
             }
         }
-        word_list = []
+
 
 
         function set_output_array(text) {
@@ -657,7 +657,7 @@
     </script>
 
     <script type="module">
-       document.getElementById("info-").addEventListener("click", switchPage.bind(null, "info-"));
+      document.getElementById("info-").addEventListener("click", switchPage.bind(null, "info-"));
         document.getElementById("home-").addEventListener("click", switchPage.bind(null, "home-"));
         document.getElementById("settings-").addEventListener("click", switchPage.bind(null, "settings-"));
 
@@ -690,8 +690,8 @@
             const vision = await FilesetResolver.forVisionTasks("https://cdn.jsdelivr.net/npm/@mediapipe/tasks-vision@0.10.0/wasm"); // This doesnt really matter as this is already imported somewhere else, and the code runs fine without the request
             handLandmarker = await HandLandmarker.createFromOptions(vision, {
                 baseOptions: {
-                    // modelAssetPath: `http://127.0.0.1:8125/assets/static/hand_landmarker.task`, // For Android
-                    modelAssetPath: `https://storage.googleapis.com/mediapipe-models/hand_landmarker/hand_landmarker/float16/1/hand_landmarker.task`, // For Web
+                    //modelAssetPath: `http://127.0.0.1:8125/assets/static/hand_landmarker.task`, // For Android
+                     modelAssetPath: `https://storage.googleapis.com/mediapipe-models/hand_landmarker/hand_landmarker/float16/1/hand_landmarker.task`, // For Web
                     delegate: "GPU"
                 },
                 runningMode: runningMode,
@@ -761,9 +761,8 @@
         }
         // Enable the live webcam view and start detection.
         function enableCam(event) {
-            if (!handLandmarker || !letterDetector) {
+            if (!handLandmarker) {
                 console.log("Wait! objectDetector not loaded yet.");
-                document.getElementById('webcamButton').innerHTML='<span>Retry</span>'
                 return;
             }
             if (webcamRunning === true) {
@@ -845,9 +844,6 @@
         let lastVideoTime = -1;
         let results = undefined;
         console.log(video);
-
-        // Main function that loops per frame
-
         async function predictWebcam() {
             if (video.videoHeight == 0) {
                 return
@@ -989,16 +985,21 @@
                 if (crop_bottom > image_height) {
                     crop_bottom = image_height
                 }
-                if(firstA == true){
-                canvasCtx.beginPath();
-                canvasCtx.rect(crop_left, crop_top, crop_right - crop_left, crop_bottom - crop_top);
-                canvasCtx.stroke();
-            }else{
-                canvasCtx.beginPath();
-                canvasCtx.rect(crop_left, crop_top, crop_right - crop_left, crop_bottom - crop_top);
-                canvasCtx.stroke(); 
-            }
-                
+                if (firstA == true) {
+                    canvasCtx.beginPath();
+                    canvasCtx.rect(crop_left, crop_top, crop_right - crop_left, crop_bottom - crop_top);
+                    canvasCtx.stroke();
+                    if (!Array.from(document.getElementById("modeSelector").classList).includes('right')) {
+                        canvasCtx.fillStyle = "#ffffff"
+                        canvasCtx.fill()
+                    }
+
+                } else {
+                    canvasCtx.beginPath();
+                    canvasCtx.rect(crop_left, crop_top, crop_right - crop_left, crop_bottom - crop_top);
+                    canvasCtx.stroke();
+                }
+
 
 
             }