Update templates/index.html

templates/index.html

@@ -356,38 +356,35 @@
         }  
 
         // Speech Recognition Setup
-        const recognition = new (window.SpeechRecognition || window.webkitSpeechRecognition)();
-        recognition.lang = 'en-US';
+        const recognition = new (window.SpeechRecognition || window.webkitSpeechRecognition)();  
+        recognition.lang = 'en-US';  
+        recognition.maxResults = 10;  
+        recognition.interimResults = true;  
         
-        // Start recognition when the voice button is clicked
-        voiceBtn.addEventListener('click', () => recognition.start());
+        voiceBtn.addEventListener('click', () => recognition.start());  
         
-        // Handle successful speech recognition
-        recognition.addEventListener('result', (e) => {
-            const transcript = e.results[0][0].transcript;
-            addMessage('user-message', transcript);
-            sendUserMessage(transcript);
-        });
+        recognition.addEventListener('result', (e) => {  
+            const transcript = e.results[0][0].transcript;  
+            addMessage('user-message', transcript);  
+            sendUserMessage(transcript);  
+        });  
         
-        // Handle when speech ends without detection
-        recognition.onspeechend = () => {
-            recognition.stop(); // Stop recognition to prevent hanging
-        };
+        recognition.addEventListener('noresult', () => {  
+            addMessage('user-message', 'No speech detected');  
+            sendUserMessage('No speech detected');  
+        });  
         
-        // Handle no match (e.g., no recognizable speech detected)
-        recognition.onnomatch = () => {
-            addMessage('system-message', 'Speech not detected. Please try again.');
-        };
+        recognition.addEventListener('nomatch', () => {  
+            addMessage('user-message', 'No speech detected');  
+            sendUserMessage('No speech detected');  
+        });  
         
-        // Handle errors during speech recognition
-        recognition.onerror = (event) => {
-            console.error('Speech recognition error:', event.error);
-            if (event.error === 'no-speech') {
-                addMessage('system-message', 'No speech detected. Please speak clearly and try again.');
-            } else {
-                addMessage('system-message', 'An error occurred during speech recognition.');
-            }
-        };
+        recognition.addEventListener('error', (e) => {  
+            if(e.error == 'no-speech') {  
+                addMessage('user-message', 'No speech detected');  
+                sendUserMessage('No speech detected');  
+            }  
+        });
  
 
         // Function to change the accent color