Update index.html

index.html

@@ -79,6 +79,7 @@
 
     <script>
         let recognition = null;
+        let silenceTimeout = null;
 
         async function query(data) {
             const response = await fetch(
@@ -92,8 +93,7 @@
                 }
             );
             const result = await response.json();
-            console.log(result);
-            displayStatus(`API Response: ${result.answer || "No response"}`);
+            return result;
         }
 
         function displayStatus(message, isError = false) {
@@ -113,7 +113,7 @@
             const newRecognition = new SpeechRecognition();
 
             newRecognition.continuous = true;
-            newRecognition.interimResults = false;
+            newRecognition.interimResults = true;
             newRecognition.maxAlternatives = 1;
 
             newRecognition.lang = 'en-US';
@@ -132,23 +132,18 @@
                 displayStatus('Listening for command...');
 
                 recognition.onresult = async function(event) {
+                    clearTimeout(silenceTimeout);
                     const result = event.results[event.results.length - 1][0].transcript.toLowerCase();
                     document.getElementById('result').innerText = result;
-                };
-
-                recognition.onspeechend = async function() {
-                    recognition.stop();
-                };
 
-                recognition.onend = async function() {
-                    const result = document.getElementById('result').innerText;
-                    if (result) await query({"question": result});
-                    startCommandRecognition(); // Restart recognition
+                    silenceTimeout = setTimeout(async () => {
+                        const apiResponse = await query({"question": result});
+                        console.log(apiResponse);
+                    }, 2000);
                 };
 
                 recognition.onerror = function(event) {
                     displayStatus(`Recognition Error: ${event.error}`, true);
-                    startCommandRecognition(); // Restart recognition after error
                 };
 
                 recognition.start();