Spaces:
Sleeping
Sleeping
File size: 6,925 Bytes
f2dc0dc 635ad5b b19d742 e308054 81a8e03 b19d742 81a8e03 b19d742 81a8e03 b19d742 81a8e03 b19d742 81a8e03 e308054 635ad5b 72a81f7 a5ae5d4 fc05317 b19d742 a5ae5d4 b19d742 66cea21 72a81f7 e308054 a5ae5d4 b19d742 e308054 b19d742 e308054 b19d742 a5ae5d4 b19d742 a5ae5d4 b19d742 a5ae5d4 b19d742 81a8e03 b19d742 81a8e03 b19d742 e308054 b19d742 e308054 635ad5b b19d742 |
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 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 |
<!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">
<style>
body {
font-family: 'Roboto', sans-serif;
background: linear-gradient(135deg, #f4c542, #ff8f6a);
margin: 0;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
text-align: center;
}
.container {
background-color: #87ceeb;
padding: 40px 50px;
border-radius: 10px;
width: 400px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
h1 {
font-size: 30px;
font-weight: bold;
color: #ff6a00;
}
label {
font-size: 16px;
margin-top: 20px;
display: block;
text-align: left;
font-weight: bold;
}
input[type="text"], input[type="tel"] {
width: 100%;
padding: 12px;
font-size: 16px;
border: 2px solid #ccc;
border-radius: 8px;
margin-top: 8px;
box-sizing: border-box;
}
input:focus {
border-color: #ff6a00;
outline: none;
}
.info {
margin-top: 20px;
font-size: 16px;
color: #ff6a00;
font-weight: bold;
}
.status {
font-size: 14px;
color: gray;
margin-top: 20px;
}
</style>
</head>
<body>
<div class="container">
<h1>Welcome to Biryani Hub 🍽 🍗</h1>
<label for="email">Your Email</label>
<input type="text" id="email" placeholder="Your email will appear here..." readonly>
<label for="mobile">Mobile Number</label>
<input type="tel" id="mobile" placeholder="Your mobile number will appear here..." readonly>
<p class="info" id="infoMessage">Listening 🗣🎙️...</p>
<p class="status" id="status">🔊...</p>
</div>
<script>
let recognition;
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 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("Next")) {
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("Next")) {
speak("Checking your details...", function() {
// Send captured email and mobile to backend for validation
fetch('/validate_login', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify({
email: emailCaptured,
mobile: mobileCaptured
})
}).then(response => response.json())
.then(data => {
if (data.success) {
speak("Login successful. Welcome!", function() {
window.location.href = "https://huggingface.co/spaces/Subbu1304/AIVoice4s"; // Redirects to menu page
});
} else {
speak(data.error || "Invalid credentials. Please try again.", function() {});
}
});
});
} else {
speak("Let's try again. Tell me your mobile number.", startListeningForMobile);
}
};
});
};
}
function startProcess() {
speak("Welcome to Biryani Hub", function() {
speak("Tell me your email, and I will confirm it with you.", function() {
setTimeout(startListeningForEmail, 500);
});
});
}
window.onload = function () {
setTimeout(startProcess, 4000);
};
</script>
</body>
</html> |