tu vois sur la capture il fait noter micro implémenter et il ne fonctionne pas , je veux que tu le rend fonctionnel pour que je puisse parler merci

index.html

@@ -219,15 +219,47 @@
         chatInput.addEventListener('keydown', (e) => {
             if (e.key === 'Enter') handleChatSend();
         });
+        // Microphone functionality using Web Speech API
+        chatMicBtn.addEventListener('click', async () => {
+            try {
+                const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;
+                if (!SpeechRecognition) {
+                    chatStatus.textContent = 'Micro: non supporté';
+                    return;
+                }
 
-        // Microphone functionality (simplified)
-        chatMicBtn.addEventListener('click', () => {
-            chatStatus.textContent = 'Micro: non implémenté';
-            setTimeout(() => {
-                chatStatus.textContent = 'Prêt';
-            }, 2000);
+                const recognition = new SpeechRecognition();
+                recognition.lang = 'fr-FR';
+                recognition.interimResults = false;
+
+                recognition.onresult = (event) => {
+                    const transcript = event.results[0][0].transcript;
+                    chatInput.value = transcript;
+                    handleChatSend();
+                };
+
+                recognition.onerror = (event) => {
+                    console.error('Erreur de reconnaissance vocale:', event.error);
+                    chatStatus.textContent = 'Micro: erreur';
+                };
+
+                chatStatus.textContent = 'Micro: écoute...';
+                await navigator.mediaDevices.getUserMedia({ audio: true });
+                recognition.start();
+                chatMicBtn.innerHTML = '<i data-feather="mic-off" class="w-5 h-5"></i>';
+                feather.replace();
+
+                recognition.onend = () => {
+                    chatMicBtn.innerHTML = '<i data-feather="mic" class="w-5 h-5"></i>';
+                    feather.replace();
+                    chatStatus.textContent = 'Prêt';
+                };
+            } catch (err) {
+                console.error('Erreur microphone:', err);
+                chatStatus.textContent = 'Micro: permission refusée';
+            }
         });
-    </script>
+</script>
 <script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>
 </body>
 </html>

script.js

@@ -86,7 +86,7 @@ document.addEventListener('DOMContentLoaded', () => {
                 try {
                     const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;
                     if (!SpeechRecognition) {
-                        alert("La reconnaissance vocale n'est pas supportée sur votre navigateur");
+                        statusEl.textContent = "Micro: non supporté";
                         return;
                     }
 
@@ -96,15 +96,16 @@ document.addEventListener('DOMContentLoaded', () => {
 
                     recognition.onresult = (event) => {
                         const transcript = event.results[0][0].transcript;
-                        input.value = transcript;
+                        inp.value = transcript;
                         handleSend();
                     };
 
                     recognition.onerror = (event) => {
                         console.error('Erreur de reconnaissance vocale:', event.error);
-                        alert(`Erreur de reconnaissance: ${event.error}`);
+                        statusEl.textContent = "Micro: erreur - " + event.error;
                     };
 
+                    statusEl.textContent = "Micro: écoute...";
                     await navigator.mediaDevices.getUserMedia({ audio: true });
                     recognition.start();
                     micBtn.innerHTML = '<i data-feather="mic-off" class="w-5 h-5"></i>';
@@ -113,15 +114,15 @@ document.addEventListener('DOMContentLoaded', () => {
                     recognition.onend = () => {
                         micBtn.innerHTML = '<i data-feather="mic" class="w-5 h-5"></i>';
                         feather.replace();
+                        statusEl.textContent = "Micro: prêt";
                     };
                 } catch (err) {
                     console.error('Erreur microphone:', err);
-                    alert('Permission microphone refusée');
+                    statusEl.textContent = "Micro: permission refusée";
                 }
             });
         }
-
-        // File attachment functionality
+// File attachment functionality
         if (paperclipBtn) {
             // Create hidden file input
             const fileInput = document.createElement('input');