Update templates/index.html

templates/index.html

@@ -77,6 +77,7 @@
     <script>
         let recognition;
         let currentName = "";  // Variable to store the name as it's being formed
+        let currentEmail = ""; // Variable to store the email as it's being formed
         let isNameCaptured = false;
         let isEmailCaptured = false;
 
@@ -132,20 +133,24 @@
             status.textContent = "Listening for your email...";
             recognition.start();
             recognition.onresult = function(event) {
-                let transcript = event.results[0][0].transcript.trim();
+                const transcript = event.results[0][0].transcript.trim();
                 
-                // Replace "at" with "@" for email
-                transcript = transcript.replace(/\bat\b/g, '@').trim();
-
-                // Clean any spaces around the email
-                const cleanedEmail = transcript.replace(/\s+/g, '');
+                // Capture the individual letter spoken
+                currentEmail += transcript; // Append the current letter to the email
+                emailInput.value = currentEmail; // Display the updated email input
 
-                emailInput.value = cleanedEmail; // Set the email field with cleaned input
-                status.textContent = 'Registration complete.';
+                // Optionally, speak out the email as it's being typed
+                speak(transcript, null); // Say the captured letter
+                
+                // If the user says "next", stop and finalize the registration
+                if (transcript.toLowerCase() === "next") {
+                    recognition.stop(); // Stop the recognition for email
+                    isEmailCaptured = true;
+                    status.textContent = 'Registration complete.';
 
-                // After registration, refresh the page after 20 seconds
-                setTimeout(() => location.reload(), 20000); // Refresh after 20 seconds
-                isEmailCaptured = true;  // Mark email as captured
+                    // After registration, refresh the page after 20 seconds
+                    setTimeout(() => location.reload(), 20000); // Refresh after 20 seconds
+                }
             };
         }