Update bot_script.js

bot_script.js

@@ -452,35 +452,80 @@ function increaseCount() {
 }
 
 // Function to speak the mantra with repeat functionality
-function speakMantraSequential(mantraText, repeatCount, callback) {
-    const utterance = new SpeechSynthesisUtterance(mantraText);
-    utterance.lang = 'sa-IN'; // Sanskrit
-    utterance.rate = 0.8; // Slow speech for mantras
-    utterance.pitch = 1.0; // Natural pitch
-    
-    utterance.onend = function() {
-        if (repeatCount > 1) {
-            repeatCount--;
-            speechSynthesis.speak(utterance); // Speak again if more repetitions are needed
-        } else if (callback) {
-            callback(); // Call the callback when done
-        }
-    };
+async function speakMantraSequential(mantraText, repeatCount, callback) {
+    const serverUrl = "https://thevera-botveradb.hf.space/generate_sanskrit_audio";
+
+    // Helper function to play audio from the server
+    const playServerAudio = async (text, repeats) => {
+        try {
+            for (let i = 0; i < repeats; i++) {
+                const response = await fetch(serverUrl, {
+                    method: "POST",
+                    headers: { "Content-Type": "application/json" },
+                    body: JSON.stringify({ text }),
+                });
+
+                if (!response.ok) {
+                    throw new Error("Failed to fetch audio from server.");
+                }
 
-    // Handle potential speech synthesis errors
-    utterance.onerror = function(event) {
-        console.error('SpeechSynthesisUtterance error:', event.error);
-        if (callback) {
-            callback(); // Call callback even if there's an error
+                const audioBlob = await response.blob();
+                const audioUrl = URL.createObjectURL(audioBlob);
+                const audio = new Audio(audioUrl);
+
+                await new Promise((resolve) => {
+                    audio.onended = resolve;
+                    audio.onerror = (error) => {
+                        console.error("Audio playback error:", error);
+                        resolve(); // Resolve even on error to continue
+                    };
+                    audio.play();
+                });
+            }
+
+            if (callback) callback(); // Callback after all repetitions are played
+        } catch (error) {
+            console.error("Error during server audio generation:", error);
+            if (callback) callback(); // Call callback even on error
         }
     };
 
-    // Cancel any ongoing speech synthesis before speaking
-    window.speechSynthesis.cancel();
-    speechSynthesis.speak(utterance);
+    // Check for sa-IN support in speech synthesis
+    const voices = speechSynthesis.getVoices();
+    const saInVoice = voices.find((voice) => voice.lang === "sa-IN");
+
+    if (saInVoice) {
+        // Browser supports Sanskrit, use SpeechSynthesis
+        const utterance = new SpeechSynthesisUtterance(mantraText);
+        utterance.voice = saInVoice;
+        utterance.lang = "sa-IN"; // Sanskrit
+        utterance.rate = 0.8; // Slow speech for mantras
+        utterance.pitch = 1.0; // Natural pitch
+
+        utterance.onend = function () {
+            if (repeatCount > 1) {
+                repeatCount--;
+                speechSynthesis.speak(utterance); // Repeat if more repetitions are needed
+            } else if (callback) {
+                callback(); // Callback when done
+            }
+        };
+
+        utterance.onerror = function (event) {
+            console.error("SpeechSynthesisUtterance error:", event.error);
+            playServerAudio(mantraText, repeatCount); // Fall back to server on error
+        };
+
+        window.speechSynthesis.cancel(); // Cancel any ongoing speech
+        speechSynthesis.speak(utterance);
+    } else {
+        // Fall back to server-side audio generation
+        playServerAudio(mantraText, repeatCount);
+    }
 }
 
 
+
 // Function to handle mantra repetition based on user input
 function repeatMantra() {
     let mantraText = document.getElementById('mantraText').textContent;