Update app.py

app.py

@@ -2,9 +2,9 @@ import random
 import gradio as gr 
 import numpy as np 
 from elevenlabs import voices, generate, set_api_key, UnauthenticatedRateLimitError
+import streamlit as st
 
 def pad_buffer(audio):
-    # Pad buffer to multiple of 2 bytes
     buffer_size = len(audio)
     element_size = np.dtype(np.int16).itemsize
     if buffer_size % element_size != 0:
@@ -15,7 +15,7 @@ def generate_voice(text, voice_name):
     model_name = "eleven_multilingual_v1"
     try:
         audio = generate(
-            text[:250],  # Limit to 250 characters
+            text[:250],
             voice=voice_name, 
             model=model_name
         )
@@ -25,10 +25,7 @@ def generate_voice(text, voice_name):
     except Exception as e:
         raise gr.Error(str(e))
 
-# Fetch all available voices
 all_voices = voices()
-
-# Filter out the desired voices and set Antonio as default
 desired_voices = ["Antonio"]
 filtered_voices = [voice.name for voice in all_voices if voice.name in desired_voices]
 
@@ -52,13 +49,31 @@ out_audio = gr.Audio(
     elem_id="out_audio"
 )
 
+css = """
+    .gr-textbox {
+        font-size: 12px;
+    }
+    .gr-dropdown {
+        font-size: 12px;
+    }
+    .gr-audio {
+        width: 90%;
+    }
+"""
+
 iface = gr.Interface(
     fn=generate_voice,
     inputs=[input_text, input_voice],
     outputs=out_audio,
     live=True,
     theme="Monochrome",
-    concurrency_count=1
+    concurrency_count=1,
+    css=css,
+    width=320,
+    height=480
 )
 
-iface.launch(debug=True)
+# Using Streamlit to display the Gradio app within Hugging Face Spaces
+st.title("TTS App with ElevenLabs")
+st.text("Enter your text and choose a voice to generate the speech!")
+gr.Interface._display(iface)