Update templates/index.html

templates/index.html

@@ -354,9 +354,27 @@
 
         // Speech Recognition Setup  
         const recognition = new (window.SpeechRecognition || window.webkitSpeechRecognition)();  
-        recognition.lang = 'en-US';  
-
-        voiceBtn.addEventListener('click', () => recognition.start());  
+        // recognition.lang = 'en-US';  
+        // Function to set language for speech recognition
+        function setRecognitionLanguage() {
+            const selectedLanguage = languageSelect.value;
+            switch (selectedLanguage) {
+                case 'telugu':
+                    recognition.lang = 'te-IN'; // Telugu
+                    break;
+                case 'hindi':
+                    recognition.lang = 'hi-IN'; // Hindi
+                    break;
+                default:
+                    recognition.lang = 'en-US'; // English
+                    break;
+            }
+        }
+        // voiceBtn.addEventListener('click', () => recognition.start());  
+        voiceBtn.addEventListener('click', () => {
+            setRecognitionLanguage();  // Set the language before starting speech recognition
+            recognition.start();
+        });
 
         recognition.addEventListener('result', (e) => {  
             const transcript = e.results[0][0].transcript;  
@@ -404,39 +422,59 @@
             });
         }
 
-        // Text-to-Speech Function  
-        function speakResponse(text) {  
-            const utterance = new SpeechSynthesisUtterance(text);  
-            utterance.lang = 'en-US';  
-            window.speechSynthesis.speak(utterance);  
+        // // Text-to-Speech Function  
+        // function speakResponse(text) {  
+        //     const utterance = new SpeechSynthesisUtterance(text);  
+        //     utterance.lang = 'en-US';  
+        //     window.speechSynthesis.speak(utterance);  
+        // }
+        // Text-to-Speech Function
+        function speakResponse(text) {
+            const utterance = new SpeechSynthesisUtterance(text);
+    
+            // Set the language for text-to-speech based on the selected language
+            const selectedLanguage = languageSelect.value;
+            switch (selectedLanguage) {
+                case 'telugu':
+                    utterance.lang = 'te-IN'; // Telugu
+                    break;
+                case 'hindi':
+                    utterance.lang = 'hi-IN'; // Hindi
+                    break;
+                default:
+                    utterance.lang = 'en-US'; // English
+                    break;
+            }
+    
+            window.speechSynthesis.speak(utterance);
         }
-                // Event listeners for buttons  
-                sendBtn.addEventListener('click', () => {  
-                    const message = userInput.value.trim();  
-                    if (message) {  
-                        addMessage('user-message', message);  
-                        sendUserMessage(message);  
-                        userInput.value = ''; // Clear input field after sending  
-                    }  
-                });  
         
-                // Handle pressing 'Enter' key for sending messages  
-                userInput.addEventListener('keypress', (e) => {  
-                    if (e.key === 'Enter') {  
-                        sendBtn.click(); // Trigger button click  
-                    }  
-                });  
-        
-                // Update theme when selected from dropdown  
-                themeSelect.addEventListener('change', (e) => {  
-                    changeTheme(e.target.value);  
-                });  
-        
-                recognition.addEventListener('error', (event) => {  
-                    console.error("Speech recognition error", event);  
-                });  
+        // Event listeners for buttons  
+        sendBtn.addEventListener('click', () => {  
+            const message = userInput.value.trim();  
+            if (message) {  
+                addMessage('user-message', message);  
+                sendUserMessage(message);  
+                userInput.value = ''; // Clear input field after sending  
+            }  
+        });  
+
+        // Handle pressing 'Enter' key for sending messages  
+        userInput.addEventListener('keypress', (e) => {  
+            if (e.key === 'Enter') {  
+                sendBtn.click(); // Trigger button click  
+            }  
+        });  
         
-            </script>  
-        </body>  
+        // Update theme when selected from dropdown  
+        themeSelect.addEventListener('change', (e) => {  
+            changeTheme(e.target.value);  
+        });  
+
+        recognition.addEventListener('error', (event) => {  
+            console.error("Speech recognition error", event);  
+        });  
         
-        </html>
+    </script>  
+  </body>         
+</html>