Update templates/index.html

templates/index.html

@@ -525,53 +525,118 @@
             return null;
         }
         
-        // Text-to-Speech function
+        // // 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}`));
+        // });
+        // Text-to-Speech function using free API
         async function speak(text, lang) {
-            const voices = await initializeVoices();
-            const selectedVoice = getVoiceForLanguage(lang, voices);
+            const url = `https://translate.google.com/translate_tts?ie=UTF-8&q=${encodeURIComponent(
+                text
+            )}&tl=${lang}&client=tw-ob`;
         
-            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';
+            try {
+                const audio = new Audio(url); // Create an audio element
+                audio.play(); // Play the audio
+            } catch (error) {
+                console.error("Error playing the audio:", error);
             }
-        
-            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)
+                case "hindi":
+                    lang = "hi";
+                    break;
+                case "bengali":
+                    lang = "bn";
+                    break;
+                case "telugu":
+                    lang = "te";
+                    break;
+                case "marathi":
+                    lang = "mr";
+                    break;
+                case "tamil":
+                    lang = "ta";
+                    break;
+                case "gujarati":
+                    lang = "gu";
+                    break;
+                case "kannada":
+                    lang = "kn";
+                    break;
+                case "malayalam":
+                    lang = "ml";
+                    break;
+                case "punjabi":
+                    lang = "pa";
+                    break;
+                case "odia":
+                    lang = "or";
+                    break;
+                case "urdu":
+                    lang = "ur";
+                    break;
+                case "assamese":
+                    lang = "as";
+                    break;
+                case "sanskrit":
+                    lang = "sa";
+                    break;
+                default:
+                    lang = "en"; // Default to English
+                    break;
             }
         
             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