Update templates/index.html

templates/index.html

@@ -459,68 +459,76 @@
     
         //     window.speechSynthesis.speak(utterance);
         // }
-        // Text-to-Speech function
-          function speak(text, lang) {
-              const utterance = new SpeechSynthesisUtterance(text);
-              utterance.lang = lang; // Set language
-              utterance.pitch = 1; // Set pitch (default: 1)
-              utterance.rate = 1; // Set rate (default: 1)
-              window.speechSynthesis.speak(utterance); // Speak the text
-          }
-          
-          // Language handling function
-          function speakResponse(text) {
-              const selectedLanguage = document.getElementById('language-select').value; // Get the selected language
-              let lang;
-          
-              // Map selected language to appropriate language code
-              switch (selectedLanguage) {
-                  case 'hindi':
-                      lang = 'hi-IN'; // Hindi
-                      break;
-                  case 'bengali':
-                      lang = 'bn-IN'; // Bengali
-                      break;
-                  case 'telugu':
-                      lang = 'te-IN'; // Telugu
-                      break;
-                  case 'marathi':
-                      lang = 'mr-IN'; // Marathi
-                      break;
-                  case 'tamil':
-                      lang = 'ta-IN'; // Tamil
-                      break;
-                  case 'gujarati':
-                      lang = 'gu-IN'; // Gujarati
-                      break;
-                  case 'kannada':
-                      lang = 'kn-IN'; // Kannada
-                      break;
-                  case 'malayalam':
-                      lang = 'ml-IN'; // Malayalam
-                      break;
-                  case 'punjabi':
-                      lang = 'pa-IN'; // Punjabi
-                      break;
-                  case 'odia':
-                      lang = 'or-IN'; // Odia
-                      break;
-                  case 'urdu':
-                      lang = 'ur-IN'; // Urdu
-                      break;
-                  case 'assamese':
-                      lang = 'as-IN'; // Assamese
-                      break;
-                  case 'sanskrit':
-                      lang = 'sa-IN'; // Sanskrit
-                      break;
-                  default:
-                      lang = 'en-US'; // English (default)
-                      break;
-              }
-          
-              speak(text, lang); // Call the speak function with the determined language
-          }
+        // Function to get the voice list and match language
+        function getVoiceForLanguage(lang) {
+            const voices = window.speechSynthesis.getVoices();
+            return voices.find(voice => voice.lang === lang) || null; // Find a matching voice or return null
+        }
+        
+        // Enhanced Speak Function
+        function speak(text, lang) {
+            const utterance = new SpeechSynthesisUtterance(text);
+            const selectedVoice = getVoiceForLanguage(lang);
+        
+            if (selectedVoice) {
+                utterance.voice = selectedVoice; // Set the matching voice
+                utterance.lang = lang;          // Set the language
+            } else {
+                console.warn(`No voice found for language: ${lang}. Falling back to default.`);
+                utterance.lang = 'en-US'; // Fallback to English
+            }
+        
+            utterance.pitch = 1; // Set pitch (default: 1)
+            utterance.rate = 1;  // Set rate (default: 1)
+            window.speechSynthesis.speak(utterance); // Speak the text
+        }
+        
+        // Language Handling Function
+        function speakResponse(text) {
+            const selectedLanguage = document.getElementById('language-select').value; // Get the selected language
+            let lang;
+        
+            // Map selected language to appropriate language code
+            switch (selectedLanguage) {
+                case 'hindi':
+                    lang = 'hi-IN'; break;
+                case 'bengali':
+                    lang = 'bn-IN'; break;
+                case 'telugu':
+                    lang = 'te-IN'; break;
+                case 'marathi':
+                    lang = 'mr-IN'; break;
+                case 'tamil':
+                    lang = 'ta-IN'; break;
+                case 'gujarati':
+                    lang = 'gu-IN'; break;
+                case 'kannada':
+                    lang = 'kn-IN'; break;
+                case 'malayalam':
+                    lang = 'ml-IN'; break;
+                case 'punjabi':
+                    lang = 'pa-IN'; break;
+                case 'odia':
+                    lang = 'or-IN'; break;
+                case 'urdu':
+                    lang = 'ur-IN'; break;
+                case 'assamese':
+                    lang = 'as-IN'; break;
+                case 'sanskrit':
+                    lang = 'sa-IN'; break;
+                default:
+                    lang = 'en-US'; break; // English (default)
+            }
+        
+            speak(text, lang); // Call the speak function with the determined language
+        }
+        
+        // Ensure voices are loaded before running the TTS
+        if (window.speechSynthesis.onvoiceschanged !== undefined) {
+            window.speechSynthesis.onvoiceschanged = () => {
+                console.log("Voices loaded and ready to use.");
+            };
+        }
 
         
           // Event listeners for buttons