Update app.py

app.py

@@ -8,7 +8,6 @@ import hashlib
 uploaded_files = []
 help_en = """
 ### Usage Instructions:
-
 1. **Select a Label**: Choose a label from the dropdown menu, or select "Custom" to enter your own label.
 2. **Enter User Name**: Input your user name, which will be used to generate a unique ID for your recordings.
 3. **Record Audio**: Click the "Record Audio" button to start recording. The maximum length for each recording is 1 second.
@@ -17,7 +16,6 @@ help_en = """
 """
 help_zh_tw = """
 ### 使用流程:
-
 1. **選擇標記**: 從下拉選單中選擇一個標記，或選擇“自定義”以輸入自己的標記。
 2. **輸入用戶名稱**: 輸入您的用戶名稱，用於生成錄音唯一ID。
 3. **錄製音頻**: 點擊“錄製音頻”按鈕開始錄音。每次錄音的最長時間為1秒。
@@ -64,8 +62,11 @@ def save_audio(audio, dropdown_label, custom_label, speaker_name):
     # Create an info message
     info_message = f"Recorded audio length: {audio_length:.2f} seconds."
 
-    # Return the list of all file paths for download and the info message
-    return uploaded_files, gr.Info(info_message, duration=5)
+    # Display the info message using gr.Info
+    gr.Info(info_message, duration=5)
+
+    # Return the list of all file paths for download
+    return uploaded_files
 
 # Interface design using gr.Blocks
 def create_interface():
@@ -88,18 +89,20 @@ def create_interface():
         # Create a list to display all uploaded files
         file_list = gr.Files(label="Download your recordings")
 
+        # Create an info display area
+        info_display = gr.Info()
+
         # Add the info output to display recording length
         submit_button.click(
             fn=save_audio,
             inputs=[audio, label_dropdown, custom_label, speaker_name],
-            outputs=[file_list, gr.Info()],
+            outputs=[file_list],
         )
 
-        # Add a Markdown component at the bottom to display usage instructions
+        # Add usage instructions in both English and Chinese
         gr.Markdown(help_en)
         gr.Markdown(help_zh_tw)
 
-        
     return demo
 
 # Launch the interface