Update templates/index.html

templates/index.html

@@ -30,24 +30,37 @@
             });
         }
 
-        async function recordAudio() {
-            const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
-            const mediaRecorder = new MediaRecorder(stream);
-            let audioChunks = [];
-
-            return new Promise(resolve => {
-                mediaRecorder.ondataavailable = event => {
-                    audioChunks.push(event.data);
-                };
-
-                mediaRecorder.onstop = () => {
-                    const audioBlob = new Blob(audioChunks, { type: 'audio/wav' });
-                    resolve(audioBlob);
-                };
+        async function requestMicrophonePermission() {
+            try {
+                await navigator.mediaDevices.getUserMedia({ audio: true });
+                console.log("Microphone access granted.");
+            } catch (err) {
+                alert("Microphone access denied. Please enable microphone permissions in your browser.");
+            }
+        }
 
-                mediaRecorder.start();
-                setTimeout(() => mediaRecorder.stop(), 6000);  // Wait for user to stop speaking
-            });
+        async function recordAudio() {
+            try {
+                const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
+                const mediaRecorder = new MediaRecorder(stream);
+                let audioChunks = [];
+
+                return new Promise(resolve => {
+                    mediaRecorder.ondataavailable = event => {
+                        audioChunks.push(event.data);
+                    };
+
+                    mediaRecorder.onstop = () => {
+                        const audioBlob = new Blob(audioChunks, { type: 'audio/wav' });
+                        resolve(audioBlob);
+                    };
+
+                    mediaRecorder.start();
+                    setTimeout(() => mediaRecorder.stop(), 7000);  // Record for 7 seconds
+                });
+            } catch (err) {
+                alert("Error accessing the microphone. Please check your browser settings.");
+            }
         }
 
         async function transcribeAudio(audioBlob) {
@@ -60,10 +73,12 @@
             });
 
             const result = await response.json();
-            return result.text || "Error: Unable to capture speech.";
+            return result.text || "Error capturing speech.";
         }
 
         async function startInteraction() {
+            await requestMicrophonePermission();
+
             const status = document.getElementById('status');
             const nameInput = document.getElementById('name');
             const emailInput = document.getElementById('email');