Spaces:

SatyamSinghal
/

TextToAudio_Lecture

Build error

App Files Files Community

SatyamSinghal commited on Nov 26, 2024

Commit

50192f2

verified ·

1 Parent(s): 480ea91

Update app.py

Browse files

Files changed (1) hide show

app.py +20 -28

app.py CHANGED Viewed

@@ -1,6 +1,5 @@
 import gradio as gr
 from gtts import gTTS
-import os
 from io import BytesIO
 def text_to_speech(text, language="en"):
@@ -20,7 +19,7 @@ def text_to_speech(text, language="en"):
     except Exception as e:
         return f"Error: {str(e)}", None
-# Define the HTML content with embedded JavaScript and CSS
 html_content = """
 <!DOCTYPE html>
 <html lang="en">
@@ -169,11 +168,15 @@ html_content = """
             // Show loading status
             statusDiv.innerHTML = "Converting... Please wait.";
-            // Simulate API call with setTimeout (replace this with your real API call)
-            setTimeout(() => {
-                // Here, you should call your backend and get the audio file
-                let audioBlob = new Blob([new ArrayBuffer(1024)], { type: 'audio/mp3' });  // Mock blob for demo
-                audioPlayer.src = URL.createObjectURL(audioBlob);
                 audioPlayer.style.display = "block";
                 // Show success popup using SweetAlert2
@@ -182,30 +185,19 @@ html_content = """
                     title: 'Conversion Successful!',
                     text: 'Your text has been converted to speech.',
                 });
-            }, 2000);  // Simulating delay of 2 seconds
         }
     </script>
 </body>
 </html>
 """
-# Gradio interface setup
-interface = gr.Interface(
-    fn=text_to_speech,
-    inputs=[
-        gr.Textbox(label="Enter Text", placeholder="Type your text here..."),
-        gr.Dropdown(choices=["en", "es", "fr", "de"], label="Select Language", value="en"),
-    ],
-    outputs=[
-        gr.Textbox(label="Status"),
-        gr.Audio(label="Generated Speech"),
-    ],
-    title="AI Text-to-Speech Web App",
-    description="Convert text into natural-sounding speech using AI. Select a language, type text, and download the audio!",
-    allow_flagging="never",
-    live=True,
-)
-# Launch the interface
-if __name__ == "__main__":
-    interface.launch()

 import gradio as gr
 from gtts import gTTS
 from io import BytesIO
 def text_to_speech(text, language="en"):
     except Exception as e:
         return f"Error: {str(e)}", None
+# HTML content with animations, styling, and JavaScript
 html_content = """
 <!DOCTYPE html>
 <html lang="en">
             // Show loading status
             statusDiv.innerHTML = "Converting... Please wait.";
+            // Call the backend to get the audio file (we simulate it here)
+            fetch('/convert', {
+                method: 'POST',
+                body: JSON.stringify({ text: text, language: language }),
+                headers: { 'Content-Type': 'application/json' }
+            })
+            .then(response => response.blob())
+            .then(blob => {
+                audioPlayer.src = URL.createObjectURL(blob);
                 audioPlayer.style.display = "block";
                 // Show success popup using SweetAlert2
                     title: 'Conversion Successful!',
                     text: 'Your text has been converted to speech.',
                 });
+            })
+            .catch(error => {
+                statusDiv.innerHTML = "Error: Could not convert text to speech.";
+            });
         }
     </script>
 </body>
 </html>
 """
+# Gradio interface setup for integrating frontend
+def gradio_interface():
+    return gr.HTML(html_content)
+interface = gr.Interface(fn=text_to_speech, inputs=[gr.Textbox(), gr.Dropdown()], outputs=[gr.Textbox(), gr.Audio()])
+interface.launch()