fix: move interface out of blocks

app.py

@@ -85,29 +85,42 @@ demo = gr.Blocks(
     ),
 )
 
-with demo:
-    default_model_id = list(models_config.keys())[0]
-    model_drop_down = gr.Dropdown(
-        models_config.keys(),
-        value=default_model_id,
-        label="模型",
-    )
+default_model_id = list(models_config.keys())[0]
+model_drop_down = gr.Dropdown(
+    models_config.keys(),
+    value=default_model_id,
+    label="模型",
+)
 
-    dialect_drop_down = gr.Dropdown(
-        choices=[
-            (k, v)
-            for k, v in models_config[default_model_id]["dialect_mapping"].items()
-        ],
-        value=list(models_config[default_model_id]["dialect_mapping"].values())[0],
-        label="腔調",
-    )
+dialect_drop_down = gr.Dropdown(
+    choices=[
+        (k, v) for k, v in models_config[default_model_id]["dialect_mapping"].items()
+    ],
+    value=list(models_config[default_model_id]["dialect_mapping"].values())[0],
+    label="腔調",
+)
 
-    model_drop_down.input(
-        when_model_selected,
-        inputs=[model_drop_down],
-        outputs=[dialect_drop_down],
-    )
+interface = gr.Interface(
+    automatic_speech_recognition,
+    inputs=[
+        model_drop_down,
+        dialect_drop_down,
+        gr.Audio(
+            label="上傳或錄音",
+            type="numpy",
+            format="wav",
+            waveform_options=gr.WaveformOptions(
+                sample_rate=16000,
+            ),
+        ),
+    ],
+    outputs=[
+        gr.Text(interactive=False, label="客語漢字"),
+    ],
+    flagging_mode="auto",
+)
 
+with demo:
     gr.Markdown(
         """
         # 臺灣客語語音辨識系統
@@ -119,24 +132,12 @@ with demo:
         - **[國立聯合大學智慧客家實驗室](https://www.gohakka.org)**
         """
     )
-    gr.Interface(
-        automatic_speech_recognition,
-        inputs=[
-            model_drop_down,
-            dialect_drop_down,
-            gr.Audio(
-                label="上傳或錄音",
-                type="numpy",
-                format="wav",
-                waveform_options=gr.WaveformOptions(
-                    sample_rate=16000,
-                ),
-            ),
-        ],
-        outputs=[
-            gr.Text(interactive=False, label="客語漢字"),
-        ],
-        flagging_mode="auto",
+    model_drop_down.input(
+        when_model_selected,
+        inputs=[model_drop_down],
+        outputs=[dialect_drop_down],
     )
+    interface.render()
+
 
 demo.launch()