Update app.py

app.py

@@ -173,7 +173,10 @@ with gr.Blocks() as demo:
             pdf_button = gr.Button("Ask")
 
         with gr.Tab("Voice Chat"):
-            audio_upload = gr.File(label="Upload an Audio File", type="binary")
+            # Record Audio Component for Voice Chat
+            audio_record = gr.Audio(label="Record your Voice", type="bytes", source="microphone", show_label=True)
+            # Upload Audio File Component
+            audio_upload = gr.File(label="Or Upload an Audio File", type="file", file_types=["audio/wav", "audio/mp3"])
             audio_query = gr.Textbox(label="Ask about the transcription")
             audio_output = gr.Textbox(label="Response", interactive=False)
             audio_button = gr.Button("Ask")
@@ -188,18 +191,27 @@ with gr.Blocks() as demo:
     image_button.click(image_chat, [image_upload, image_text_query, temperature, top_p, max_output_tokens], image_output)
     pdf_button.click(pdf_chat, [pdf_upload, pdf_text_query, temperature, top_p, max_output_tokens], pdf_output)
     
-    # For Voice Chat
-    audio_button.click(
-        lambda audio_binary, query, temperature, top_p, max_output_tokens: query_openai(
-            [{"role": "user", "content": [{"type": "text", "text": transcribe_audio(audio_binary, api_key)}, {"type": "text", "text": query}]}],
+    # For Voice Chat (record or upload audio and process query)
+    def process_audio(audio, query, temperature, top_p, max_output_tokens):
+        # Check if audio is recorded or uploaded
+        if audio is None:
+            return "Please either record or upload an audio file."
+
+        # Process the audio (either from recording or upload)
+        transcription = transcribe_audio(audio, api_key)
+        if transcription.startswith("Error"):
+            return transcription  # Return transcription error
+        return query_openai(
+            [{"role": "user", "content": [{"type": "text", "text": transcription}, {"type": "text", "text": query}]}],
             temperature, top_p, max_output_tokens
-        ), [audio_upload, audio_query, temperature, top_p, max_output_tokens], audio_output
-    )
+        )
+
+    audio_button.click(process_audio, [audio_record, audio_upload, audio_query, temperature, top_p, max_output_tokens], audio_output)
 
     # Fix: Clear button resets all necessary fields correctly
     clear_button.click(
         clear_chat,
-        outputs=[
+        outputs=[ 
             image_url, image_query, image_url_output, 
             text_query, text_output, 
             image_text_query, image_output,