Update static/script.js

static/script.js

@@ -1,8 +1,11 @@
-window.SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;
+window.onload = function () {
+    window.SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;
+
+    if (!window.SpeechRecognition) {
+        alert("Your browser does not support Speech Recognition. Please use Chrome.");
+        return;
+    }
 
-if (!window.SpeechRecognition) {
-    alert("Your browser does not support Speech Recognition. Please use Chrome.");
-} else {
     const recognition = new SpeechRecognition();
     recognition.continuous = true;
     recognition.lang = "en-US";
@@ -10,17 +13,25 @@ if (!window.SpeechRecognition) {
 
     function startListening() {
         recognition.start();
-        document.getElementById("status").innerText = "Listening...";
+        let statusElement = document.getElementById("status");
+        if (statusElement) {
+            statusElement.innerText = "Listening...";
+        }
     }
 
-    recognition.onresult = function(event) {
+    recognition.onresult = function (event) {
         let transcript = event.results[event.results.length - 1][0].transcript.toLowerCase();
         console.log("You said:", transcript);
 
         if (!listeningForCommands && transcript.includes("hi biriyani hub")) {
             console.log("Wake word detected! Now listening for commands...");
             listeningForCommands = true;
-            document.getElementById("status").innerText = "Listening for command...";
+
+            let statusElement = document.getElementById("status");
+            if (statusElement) {
+                statusElement.innerText = "Listening for command...";
+            }
+
             speak("Hello! What can I do for you?");
         } else if (listeningForCommands) {
             console.log("Command received:", transcript);
@@ -28,7 +39,7 @@ if (!window.SpeechRecognition) {
         }
     };
 
-    recognition.onerror = function(event) {
+    recognition.onerror = function (event) {
         console.error("Speech recognition error:", event.error);
     };
 
@@ -40,14 +51,18 @@ if (!window.SpeechRecognition) {
             },
             body: JSON.stringify({ command: command }),
         })
-        .then(response => response.json())
-        .then(data => {
-            console.log("Server response:", data.response);
-            speak(data.response);
-            listeningForCommands = false;
-            document.getElementById("status").innerText = "Listening for wake word...";
-        })
-        .catch(error => console.error("Error sending command:", error));
+            .then(response => response.json())
+            .then(data => {
+                console.log("Server response:", data.response);
+                speak(data.response);
+                listeningForCommands = false;
+
+                let statusElement = document.getElementById("status");
+                if (statusElement) {
+                    statusElement.innerText = "Listening for wake word...";
+                }
+            })
+            .catch(error => console.error("Error sending command:", error));
     }
 
     function speak(text) {
@@ -58,4 +73,5 @@ if (!window.SpeechRecognition) {
     }
 
     startListening();
-}
+};
+