Spaces:
Sleeping
Sleeping
File size: 5,851 Bytes
4e70d0d 6dc558a 0e4d29e 6dc558a e5373c3 6dc558a 8a9eeb1 6dc558a 360f409 6dc558a 360f409 6dc558a 7c86366 6dc558a cb1645b 6dc558a cb1645b 8a9eeb1 3e5bc1d cb1645b b31d6fc 8a9eeb1 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Biryani Hub Registration</title>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="{{ url_for('static', filename='styles.css') }}">
</head>
<body>
<div class="container">
<img src="https://yourimageurl.com/logo.png" alt="Logo" class="image-logo">
<h1>Welcome to Biryani Hub 🍽 🍗</h1>
<label for="name">Your Name</label>
<input type="text" id="name" placeholder="Your name will appear here..." readonly>
<label for="email">Your Email</label>
<input type="text" id="email" placeholder="Your email will appear here..." readonly>
<label for="mobile">Your Mobile Number</label>
<input type="text" id="mobile" placeholder="Your mobile number will appear here..." readonly>
<p class="info" id="infoMessage">Listening 🗣🎙️...</p>
<p class="status" id="status">🔊...</p>
</div>
<div id="confirmation" style="display: none;">
<h2>Confirm Your Details:</h2>
<p><strong>Name:</strong> <span id="confirmName"></span></p>
<p><strong>Email:</strong> <span id="confirmEmail"></span></p>
<p><strong>Phone:</strong> <span id="confirmPhone"></span></p>
</div>
<script>
let recognition;
let nameCaptured = "";
let emailCaptured = "";
let mobileCaptured = "";
if ('webkitSpeechRecognition' in window) {
recognition = new webkitSpeechRecognition();
recognition.continuous = false;
recognition.interimResults = false;
recognition.lang = 'en-US';
} else {
alert("Speech Recognition API is not supported in this browser.");
}
function speak(text, callback) {
const speech = new SpeechSynthesisUtterance(text);
speech.onend = callback;
window.speechSynthesis.speak(speech);
}
function startListeningForName() {
recognition.start();
recognition.onresult = function(event) {
nameCaptured = event.results[0][0].transcript.trim();
document.getElementById('name').value = nameCaptured;
recognition.stop();
setTimeout(confirmName, 500);
};
}
function confirmName() {
speak("You said " + nameCaptured + ". Is it okay, or do you want to change it?", function() {
recognition.start();
recognition.onresult = function(event) {
let confirmation = event.results[0][0].transcript.trim().toLowerCase();
recognition.stop();
if (confirmation.includes("ok") || confirmation.includes("yes")) {
setTimeout(() => speak("Great! Now, tell me your email.", startListeningForEmail), 500);
} else {
setTimeout(() => speak("Let's try again. Tell me your name.", startListeningForName), 500);
}
};
});
}
function startListeningForEmail() {
recognition.start();
recognition.onresult = function(event) {
emailCaptured = event.results[0][0].transcript.trim().replace(/\bat\b/g, '@').replace(/\s+/g, '');
document.getElementById('email').value = emailCaptured;
recognition.stop();
speak("You said " + emailCaptured + ". Is it correct?", function() {
recognition.start();
recognition.onresult = function(event) {
let confirmation = event.results[0][0].transcript.trim().toLowerCase();
recognition.stop();
if (confirmation.includes("ok") || confirmation.includes("yes")) {
setTimeout(() => speak("Great! Now, tell me your mobile number.", startListeningForMobile), 500);
} else {
speak("Let's try again. Tell me your email.", startListeningForEmail);
}
};
});
};
}
function startListeningForMobile() {
recognition.start();
recognition.onresult = function(event) {
mobileCaptured = event.results[0][0].transcript.trim().replace(/\s+/g, '');
document.getElementById('mobile').value = mobileCaptured;
recognition.stop();
speak("You said " + mobileCaptured + ". Is it correct?", function() {
recognition.start();
recognition.onresult = function(event) {
let confirmation = event.results[0][0].transcript.trim().toLowerCase();
recognition.stop();
if (confirmation.includes("ok") || confirmation.includes("yes")) {
speak("All details are captured. Confirming your registration.", function() {
autoConfirm();
});
} else {
speak("Let's try again. Tell me your mobile number.", startListeningForMobile);
}
};
});
};
}
window.onload = function () {
speak("Welcome to Biryani Hub. Please tell me your name to start the registration.", function() {
setTimeout(startListeningForName, 1000);
});
};
</script>
</body>
</html> |