Update app.py

app.py

@@ -6,17 +6,17 @@ st.markdown("<h1 style='text-align: center;'>Tell us how you feel</h1>", unsafe_
 
 st.write("<h3 style='text-align: center; color: lightSeaGreen;'>we'll generate the insights</h3>", unsafe_allow_html=True)
 
-audio = audiorecorder("Click to record", "Click to stop recording")
+# Create a speech_recorder component.
+speech_recorder = hf.spaces.component("speech_recorder", language="en", sampling_rate=16000)
 
+# Add a button to the app that allows users to start and stop recording.
+button = st.button("Record speech")
 
-if not audio.empty():
-    # To play audio in frontend:
-    st.audio(audio.export().read())  
+# When the user clicks the button, start recording the user's speech.
+if button.clicked:
+    speech_recorder.start()
 
-    # To save audio to a file, use pydub export method:
-    audio.export("audio.wav", format="wav")
-
-    # To get audio properties, use pydub AudioSegment properties:
-    st.text_area(label="Output", 
-                value=f"Frame rate: {audio.frame_rate}, Frame width: {audio.frame_width}, Duration: {audio.duration_seconds} seconds", 
-                height=300)
+# When the user stops recording, return a transcript of the user's speech.
+if speech_recorder.is_finished:
+    transcript = speech_recorder.get_transcript()
+    st.write(transcript)