Update app.py

app.py

@@ -241,12 +241,38 @@ language_dict = {
 # Organize voices by language
 language_groups = {}
 for voice_name, voice_code in language_dict.items():
-    # Extract language from voice name (e.g., 'English' from 'English-Jenny (Female)')
     language = voice_name.split('-')[0].strip()
     if language not in language_groups:
         language_groups[language] = []
     language_groups[language].append(voice_name)
 
+# CSS for centering elements
+st.markdown("""
+    <style>
+    .main { 
+        display: flex; 
+        flex-direction: column; 
+        align-items: center; 
+        justify-content: center; 
+        text-align: center; 
+    }
+    .stButton > button {
+        display: block;
+        margin-left: auto;
+        margin-right: auto;
+    }
+    .stAudio {
+        display: flex;
+        justify-content: center;
+    }
+    .stDownloadButton > button {
+        display: block;
+        margin-left: auto;
+        margin-right: auto;
+    }
+    </style>
+""", unsafe_allow_html=True)
+
 async def text_to_speech_edge(text, voice):
     communicate = edge_tts.Communicate(text, voice)
     with tempfile.NamedTemporaryFile(delete=False, suffix=".mp3") as tmp_file:
@@ -255,49 +281,52 @@ async def text_to_speech_edge(text, voice):
     return tmp_path
 
 def main():
-    st.title("Text-to-Speech Converter")
-    st.write("Enter text and select a language and voice to generate an MP3 audio file.")
-
-    # Input text area
-    input_text = st.text_area("Input Text", height=150, placeholder="Enter the text you want to convert to speech...")
+    # Center the title and description
+    st.markdown("<h1 style='text-align: center;'>Text-to-Speech Converter</h1>", unsafe_allow_html=True)
+    st.markdown("<p style='text-align: center;'>Enter text and select a language and voice to generate an MP3 audio file.</p>", unsafe_allow_html=True)
 
-    # Language dropdown
-    languages = sorted(language_groups.keys())
-    selected_language = st.selectbox("Select Language", languages)
+    # Input text area, centered
+    with st.container():
+        input_text = st.text_area("Input Text", height=150, placeholder="Enter the text you want to convert to speech...", key="input_text")
 
-    # Voice dropdown (filtered by selected language)
-    voices = language_groups.get(selected_language, [])
-    selected_voice = st.selectbox("Select Voice", voices)
+    # Side-by-side dropdowns for language and voice
+    col1, col2 = st.columns(2)
+    with col1:
+        languages = sorted(language_groups.keys())
+        selected_language = st.selectbox("Select Language", languages, index=languages.index("English") if "English" in languages else 0)
+    with col2:
+        voices = language_groups.get(selected_language, [])
+        selected_voice = st.selectbox("Select Voice", voices, index=0)
 
-    if st.button("Generate Audio"):
-        if input_text and selected_voice:
-            with st.spinner("Generating audio..."):
-                # Get the voice code from the selected voice
-                voice_code = language_dict.get(selected_voice, "en-US-JennyNeural")
-                # Run the async function
-                try:
-                    loop = asyncio.new_event_loop()
-                    asyncio.set_event_loop(loop)
-                    audio_path = loop.run_until_complete(text_to_speech_edge(input_text, voice_code))
-                    
-                    # Display audio player
-                    st.audio(audio_path, format="audio/mp3")
-                    
-                    # Provide download link
-                    with open(audio_path, "rb") as file:
-                        st.download_button(
-                            label="Download MP3",
-                            data=file,
-                            file_name="output.mp3",
-                            mime="audio/mp3"
-                        )
-                    
-                    # Clean up temporary file
-                    os.unlink(audio_path)
-                except Exception as e:
-                    st.error(f"Error generating audio: {str(e)}")
-        else:
-            st.warning("Please enter text and select a voice.")
+    # Center the button
+    with st.container():
+        if st.button("Generate Audio"):
+            if input_text and selected_voice:
+                with st.spinner("Generating audio..."):
+                    voice_code = language_dict.get(selected_voice, "en-US-JennyNeural")
+                    try:
+                        loop = asyncio.new_event_loop()
+                        asyncio.set_event_loop(loop)
+                        audio_path = loop.run_until_complete(text_to_speech_edge(input_text, voice_code))
+                        
+                        # Display audio player, centered
+                        st.audio(audio_path, format="audio/mp3")
+                        
+                        # Provide download link, centered
+                        with open(audio_path, "rb") as file:
+                            st.download_button(
+                                label="Download MP3",
+                                data=file,
+                                file_name="output.mp3",
+                                mime="audio/mp3"
+                            )
+                        
+                        # Clean up temporary file
+                        os.unlink(audio_path)
+                    except Exception as e:
+                        st.error(f"Error generating audio: {str(e)}")
+            else:
+                st.warning("Please enter text and select a voice.")
 
 if __name__ == "__main__":
     main()