Demo moved to Blocks

README.md

@@ -4,6 +4,7 @@ emoji: 🐸
 colorFrom: green
 colorTo: green
 sdk: gradio
+sdk_version: 3.0
 app_file: app.py
 pinned: false
 license: apache-2.0

app.py

@@ -11,6 +11,12 @@ LANGUAGES = [
     "uk",
 ]
 
+title = "🐸💬 - NeonAI Coqui AI TTS Plugin"
+description = "🐸💬 - a deep learning toolkit for Text-to-Speech, battle-tested in research and production"
+info = "more info at [Neon Coqui TTS Plugin](https://github.com/NeonGeckoCom/neon-tts-plugin-coqui), [Coqui TTS](https://github.com/coqui-ai/TTS)"
+
+
+
 coquiTTS = CoquiTTS()
 
 
@@ -23,22 +29,33 @@ def tts(text: str, language: str):
 
 
 
-iface = gr.Interface(
-    fn=tts,
-    inputs=[
-        gr.inputs.Textbox(
-            label="Input",
-            default="Hello, how are you?",
-        ),
-        gr.inputs.Radio(
-            label="Pick a Language",
-            choices=LANGUAGES,
-        ),
-    ],
-    outputs=gr.outputs.Audio(label="Output"),
-    title="🐸💬 - NeonAI Coqui AI TTS Plugin",
-    theme="huggingface",
-    description="🐸💬 - a deep learning toolkit for Text-to-Speech, battle-tested in research and production",
-    article="more info at https://github.com/coqui-ai/TTS",
-)
-iface.launch()
+with gr.Blocks() as blocks:
+    gr.Markdown("<h1 style='text-align: center; margin-bottom: 1rem'>"
+                + title
+                + "</h1>")
+    gr.Markdown(description)
+    with gr.Row():# equal_height=False
+        with gr.Column():# variant="panel"
+            textbox = gr.Textbox(
+                label="Input",
+                value="Hello, how are you?",
+                max_lines=3,
+            )
+            radio = gr.Radio(
+                label="Language",
+                choices=LANGUAGES,
+            )
+            with gr.Row():# mobile_collapse=False
+                submit = gr.Button("Submit", variant="primary")
+        audio = gr.Audio(label="Output", interactive=False)
+    gr.Markdown(info)
+
+    # actions
+    submit.click(
+        tts,
+        [textbox, radio],
+        [audio],
+    )
+
+
+blocks.launch()