Update templates/index.html

templates/index.html

@@ -101,33 +101,40 @@
     </div>
 
     <script>
-        // This function simulates the speech recognition and fills in the fields after listening
-        async function startListening() {
+        let recognition;
+        let isListening = false;
+
+        // Initialize speech recognition
+        if ('webkitSpeechRecognition' in window) {
+            recognition = new webkitSpeechRecognition();
+            recognition.continuous = true;
+            recognition.interimResults = true;
+            recognition.lang = 'en-US';
+        } else {
+            alert("Speech Recognition API is not supported in this browser.");
+        }
+
+        // Function to start listening to voice input
+        function startListening() {
             const status = document.getElementById('status');
             const nameInput = document.getElementById('name');
             const emailInput = document.getElementById('email');
 
+            // Welcome Message (Play Audio)
             status.textContent = 'Playing welcome message...';
-            
-            // Simulate listening for name
-            setTimeout(() => {
-                nameInput.value = "John Doe"; // Simulated name input from voice
-                status.textContent = 'Listening for your email...';
-            }, 5000);
-
-            // Simulate listening for email after 5 seconds
-            setTimeout(() => {
-                emailInput.value = "[email protected]"; // Simulated email input from voice
-                status.textContent = 'Registration complete.';
-
-                // Auto refresh after 15 seconds
-                setTimeout(() => {
-                    location.reload();
-                }, 15000); // 15 seconds auto-refresh
-            }, 10000);
-        }
-
-        document.getElementById('startListeningBtn').addEventListener('click', startListening);
-    </script>
-</body>
-</html>
+            const welcomeMessage = new SpeechSynthesisUtterance("Welcome to Biryani Hub. Please say your name after the beep.");
+            window.speechSynthesis.speak(welcomeMessage);
+
+            // Wait until speech synthesis is done and then start listening
+            welcomeMessage.onend = () => {
+                status.textContent = 'Listening for your name...';
+                recognition.start();  // Start voice recognition
+            };
+
+            // Handle recognition results
+            recognition.onresult = function(event) {
+                const transcript = event.results[event.resultIndex][0].transcript.trim();
+                if (event.results[event.resultIndex].isFinal) {
+                    if (!nameInput.value) {
+                        // If name is empty, fill it with the recognized text
+