Update app.py

app.py

@@ -6,7 +6,7 @@ For more information on `huggingface_hub` Inference API support, please check th
 """
 client = InferenceClient(model="Futuresony/future_ai_12_10_2024.gguf")
 
-# Set fixed parameters
+# Fixed parameters
 MAX_TOKENS = 512
 TEMPERATURE = 0.7
 TOP_P = 0.95
@@ -48,7 +48,14 @@ with gr.Blocks() as demo:
         label="System Prompt",
         placeholder="Enter system instructions here...",
     )
-    user_message = gr.Textbox(label="Your Message", placeholder="Type your message...")
+    with gr.Row():
+        user_message = gr.Textbox(
+            label="Your Message",
+            placeholder="Type your message or use the mic button...",
+            elem_id="user_input_box",
+        )
+        mic_button = gr.Button(value="🎤", elem_id="mic_button")  # Add mic button
+
     send_button = gr.Button("Send")
 
     # Function to handle user inputs and display assistant responses
@@ -66,6 +73,38 @@ with gr.Blocks() as demo:
         outputs=[chatbot, state],
     )
 
+# Custom JavaScript for Speech Recognition
+speech_recognition_js = """
+let micButton = document.getElementById('mic_button');
+let userInputBox = document.getElementById('user_input_box');
+let recognition = null;
+
+if ('webkitSpeechRecognition' in window) {
+    recognition = new webkitSpeechRecognition();
+    recognition.continuous = false;
+    recognition.interimResults = false;
+
+    recognition.onresult = function(event) {
+        const transcript = event.results[0][0].transcript;
+        userInputBox.value = transcript;
+    };
+
+    recognition.onspeechend = function() {
+        recognition.stop(); // Stop listening after 2 seconds of silence
+    };
+
+    micButton.onclick = function() {
+        recognition.start(); // Start listening when mic button is clicked
+    };
+} else {
+    micButton.onclick = function() {
+        alert("Speech recognition is not supported in this browser.");
+    };
+}
+"""
+
+# Inject JavaScript into the app
+demo.load(_js=speech_recognition_js)
+
 if __name__ == "__main__":
     demo.launch()
-