voicemenuloginn

Sleeping

geethareddy commited on Jan 31

Commit

cb0a021

verified ·

1 Parent(s): 7fdab26

Update templates/index.html

Files changed (1) hide show

templates/index.html CHANGED Viewed

@@ -3,16 +3,27 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>AI Dining Assistant</title>
     <link rel="stylesheet" href="{{ url_for('static', filename='styles.css') }}">
 </head>
 <body>
-    <h1>🍽️ Biryani Hub</h1>
-    <img src="{{ url_for('static', filename='mic.png') }}" id="mic-button" onclick="recordAudio()" alt="Mic Button">
-    <p id="status">Press the mic button to start...</p>
-    <audio id="audio-player" controls></audio>
-    <h3>Your Response:</h3>
-    <p id="transcription"></p>
     <script>
         async function playWelcomeAudio() {
@@ -42,7 +53,13 @@
                 });
                 let result = await response.json();
-                document.getElementById("transcription").innerText = result.text || result.error;
             };
             mediaRecorder.start();

 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Biryani Hub</title>
     <link rel="stylesheet" href="{{ url_for('static', filename='styles.css') }}">
 </head>
 <body>
+    <div class="container">
+        <h1>Biryani Hub</h1>
+        <label for="name">Name</label>
+        <input type="text" id="name" placeholder="Your name will appear here..." readonly>
+        <label for="email">Email</label>
+        <input type="text" id="email" placeholder="Your email will appear here..." readonly>
+        <button id="mic-button" onclick="recordAudio()">
+            🎙️ Click to Speak
+        </button>
+        <p class="instructions">Please say your name when ready</p>
+        <audio id="audio-player" controls></audio>
+    </div>
     <script>
         async function playWelcomeAudio() {
                 });
                 let result = await response.json();
+                document.getElementById("name").value = result.text || result.error;
+                // Prompt for Email after Name
+                setTimeout(() => {
+                    let emailPrompt = new Audio("/static/email_prompt.mp3");
+                    emailPrompt.play();
+                }, 2000);
             };
             mediaRecorder.start();