Update templates/index.html

templates/index.html

@@ -446,61 +446,133 @@
             });  
         }  
     
-        // Function to get the voice list and match the language  
-        function getVoiceForLanguage(lang) {  
-            const voices = window.speechSynthesis.getVoices();  
-            const matchingVoice = voices.find(voice => voice.lang === lang); // Match exact language code  
-            return matchingVoice || null; // Return first match or null if not found  
-        }  
+        // // Function to get the voice list and match the language  
+        // function getVoiceForLanguage(lang) {  
+        //     const voices = window.speechSynthesis.getVoices();  
+        //     const matchingVoice = voices.find(voice => voice.lang === lang); // Match exact language code  
+        //     return matchingVoice || null; // Return first match or null if not found  
+        // }  
         
-        // Text-to-Speech function  
-        function speak(text, lang) {  
-            const utterance = new SpeechSynthesisUtterance(text);  
-            const selectedVoice = getVoiceForLanguage(lang);  
+        // // Text-to-Speech 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  
-            }  
+        //     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  
-            utterance.rate = 1;  // Set rate  
-            window.speechSynthesis.speak(utterance); // Speak the text  
-        }  
+        //     utterance.pitch = 1; // Set pitch  
+        //     utterance.rate = 1;  // Set rate  
+        //     window.speechSynthesis.speak(utterance); // Speak the text  
+        // }  
         
-        // Language Handling Function  
-        function speakResponse(text, selectedLanguage) {  
-            let lang;  
-            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)  
-            }  
+        // // Language Handling Function  
+        // function speakResponse(text, selectedLanguage) {  
+        //     let lang;  
+        //     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  
-        }  
+        //     speak(text, lang); // Call the speak function with the determined language  
+        // }  
         
-        // Ensure voices are loaded before running the TTS  
-        window.speechSynthesis.onvoiceschanged = () => {  
-            const voices = window.speechSynthesis.getVoices();  
-            voices.forEach(voice => {  
-                console.log(`Voice: ${voice.name}, Language: ${voice.lang}`);  
-            });  
-        };  
+        // // Ensure voices are loaded before running the TTS  
+        // window.speechSynthesis.onvoiceschanged = () => {  
+        //     const voices = window.speechSynthesis.getVoices();  
+        //     voices.forEach(voice => {  
+        //         console.log(`Voice: ${voice.name}, Language: ${voice.lang}`);  
+        //     });  
+        // };
+        // Function to initialize and fetch voices
+        function initializeVoices() {
+            return new Promise((resolve) => {
+                const voices = window.speechSynthesis.getVoices();
+                if (voices.length) {
+                    resolve(voices);
+                } else {
+                    window.speechSynthesis.onvoiceschanged = () => {
+                        resolve(window.speechSynthesis.getVoices());
+                    };
+                }
+            });
+        }
+        
+        // Function to get the voice for a given language
+        function getVoiceForLanguage(lang, voices) {
+            const voice = voices.find(voice => voice.lang === lang);
+            if (voice) {
+                return voice;
+            }
+            console.warn(`No voice found for language: ${lang}.`);
+            return null;
+        }
+        
+        // Text-to-Speech function
+        async function speak(text, lang) {
+            const voices = await initializeVoices();
+            const selectedVoice = getVoiceForLanguage(lang, voices);
+        
+            const utterance = new SpeechSynthesisUtterance(text);
+            if (selectedVoice) {
+                utterance.voice = selectedVoice;
+                utterance.lang = selectedVoice.lang;
+            } else {
+                console.warn(`Falling back to default language.`);
+                utterance.lang = 'en-US';
+            }
+        
+            utterance.pitch = 1; // Set pitch
+            utterance.rate = 1;  // Set rate
+            window.speechSynthesis.speak(utterance); // Speak the text
+        }
+        
+        // Language Handling Function
+        function speakResponse(text, selectedLanguage) {
+            let lang;
+            switch (selectedLanguage.toLowerCase()) {
+                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
+        }
+        
+        // Test voices and log them
+        initializeVoices().then(voices => {
+            console.log("Available voices:");
+            voices.forEach(voice => console.log(`Voice: ${voice.name}, Language: ${voice.lang}`));
+        });
+
     
         // Event listeners for buttons  
         sendBtn.addEventListener('click', () => {