Update app.py

app.py

@@ -18,9 +18,9 @@ async def get_voices():
 # Text-to-speech function
 async def text_to_speech(text, voice, rate, pitch):
     if not text.strip():
-        return None, "Please enter text to convert."
+        return None, gr.Warning("Please enter text to convert.")
     if not voice:
-        return None, "Please select a voice."
+        return None, gr.Warning("Please select a voice.")
     
     # Очистка текста
     text = clean_text(text)
@@ -34,76 +34,19 @@ async def text_to_speech(text, voice, rate, pitch):
         try:
             await communicate.save(tmp_path)
         except Exception as e:
-            return None, f"An error occurred during text-to-speech conversion: {str(e)}"
+            return None, gr.Warning(f"An error occurred during text-to-speech conversion: {str(e)}")
     return tmp_path, None
 # Gradio interface function
-def tts_interface(*args):
-    loop = asyncio.new_event_loop()
-    asyncio.set_event_loop(loop)
-    audio, warning = loop.run_until_complete(text_to_speech(*args))
-    loop.close()
-    if warning:
-        return None, gr.update(value=f"<span style='color:red;'>{warning}</span>", visible=True)
-    return audio, gr.update(visible=False)
-# Custom CSS
-custom_css = """
-body {
-    background: linear-gradient(45deg, #ff7e5f, #feb47b);
-    animation: gradient 15s ease infinite;
-    font-family: 'Arial', sans-serif;
-}
-@keyframes gradient {
-    0% { background-position: 0% 50%; }
-    50% { background-position: 100% 50%; }
-    100% { background-position: 0% 50%; }
-}
-.gradio-container {
-    background-color: rgba(255, 255, 255, 0.1);
-    border-radius: 10px;
-    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
-    padding: 20px;
-}
-button {
-    background: linear-gradient(45deg, #ff7e5f, #feb47b);
-    border: none;
-    color: white;
-    padding: 10px 20px;
-    text-align: center;
-    text-decoration: none;
-    display: inline-block;
-    font-size: 16px;
-    margin: 4px 2px;
-    cursor: pointer;
-    border-radius: 5px;
-    transition: background 0.3s;
-}
-button:hover {
-    background: linear-gradient(45deg, #feb47b, #ff7e5f);
-}
-textarea, select, input[type="range"] {
-    background-color: rgba(255, 255, 255, 0.2);
-    border: 1px solid rgba(255, 255, 255, 0.3);
-    color: white;
-    padding: 10px;
-    border-radius: 5px;
-    transition: background 0.3s;
-}
-textarea:focus, select:focus, input[type="range"]:focus {
-    background-color: rgba(255, 255, 255, 0.3);
-}
-.warning {
-    color: red;
-}
-"""
+def tts_interface(text, voice, rate, pitch):
+    audio, warning = asyncio.run(text_to_speech(text, voice, rate, pitch))
+    return audio, warning
 # Create Gradio application
 async def create_demo():
     voices = await get_voices()
     
     description = """
-    <p style="color: white;">This is a simple text-to-speech application using Microsoft Edge TTS.</p>
-    <p style="color: white;">You can enter any text and select the voice you want to use.</p>
-    <p style="color: white;">Adjust the speech rate and pitch according to your preference.</p>
     """
+    
     demo = gr.Interface(
         fn=tts_interface,
         inputs=[
@@ -114,14 +57,13 @@ async def create_demo():
         ],
         outputs=[
             gr.Audio(label="Generated Audio", type="filepath"),
-            gr.HTML(label="Warning", visible=False)
+            gr.Markdown(label="Warning", visible=False)
         ],
         title="Edge TTS Text-to-Speech",
         description=description,
         article="",
         analytics_enabled=False,
-        allow_flagging="manual",
-        css=custom_css
+        allow_flagging="manual"
     )
     return demo
 # Run the application