Update app.py

app.py

@@ -6,6 +6,24 @@ import hashlib
 
 # Initialize a list to store file paths
 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.
+4. **Submit Recording**: After recording, click the "Submit" button to save the recording.
+5. **Download Recordings**: Use the provided download links to retrieve all recorded files.
+"""
+help_zh_tw = """
+### 使用流程:
+
+1. **選擇標記**: 從下拉選單中選擇一個標記，或選擇“自定義”以輸入自己的標記。
+2. **輸入用戶名稱**: 輸入您的用戶名稱，用於生成錄音唯一ID。
+3. **錄製音頻**: 點擊“錄製音頻”按鈕開始錄音。每次錄音的最長時間為1秒。
+4. **提交錄音**: 錄製完成後，點擊“提交”按鈕保存錄音。
+5. **下載錄音**: 使用提供的下載鏈接下載所有已錄製的文件。
+"""
 
 # Function to save audio with label and speaker name
 def save_audio(audio, dropdown_label, custom_label, speaker_name):
@@ -23,9 +41,12 @@ def save_audio(audio, dropdown_label, custom_label, speaker_name):
     sample_rate = audio[0]
     audio_data = np.array(audio[1])
 
+    # Calculate the audio length in seconds
+    audio_length = len(audio_data) / sample_rate
+
     # Check if the audio length exceeds 1 second
     max_length = 1  # in seconds
-    if len(audio_data) / sample_rate > max_length:
+    if audio_length > max_length:
         raise gr.Error("Recording is longer than 1 second 💥!", duration=5)
 
     # Generate speaker_id using a hash function to ensure consistency
@@ -40,8 +61,11 @@ def save_audio(audio, dropdown_label, custom_label, speaker_name):
     # Add the new file path to the list of uploaded files
     uploaded_files.append(filename)
 
-    # Return the list of all file paths for download
-    return uploaded_files
+    # 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)
 
 # Interface design using gr.Blocks
 def create_interface():
@@ -57,19 +81,25 @@ def create_interface():
         label_dropdown.change(toggle_custom_label, inputs=label_dropdown, outputs=custom_label)
 
         speaker_name = gr.Textbox(label="Enter User Name")
-        audio = gr.Audio(sources="microphone", type="numpy", label="Record Audio")
+        audio = gr.Audio(source="microphone", type="numpy", label="Record Audio")
 
         submit_button = gr.Button("Submit")
 
         # Create a list to display all uploaded files
         file_list = gr.Files(label="Download your recordings")
 
+        # 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,
+            outputs=[file_list, gr.Info()],
         )
 
+        # Add a Markdown component at the bottom to display usage instructions
+        gr.Markdown(help_en)
+        gr.Markdown(help_zh_tw)
+
+        
     return demo
 
 # Launch the interface