voicemenuwithregisterandloginnnwithmenu

Sleeping

App Files Files Community

voicemenuwithregisterandloginnnwithmenu / templates /index.html

lokesh341

Update templates/index.html

b31d6fc verified about 1 month ago

raw

history blame

3.01 kB

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Biryani Hub Voice Assistant</title>
	<style>
	body { text-align: center; padding: 20px; }
	button { padding: 10px 20px; font-size: 16px; cursor: pointer; }
	#result { margin: 20px; font-size: 18px; }
	#username { margin: 20px; font-size: 18px; font-weight: bold; }
	</style>
	</head>
	<body>
	<h1>Biryani Hub Voice Assistant</h1>
	<button onclick="startListening()">Start Listening</button>
	<div id="result"></div>
	<div id="status"></div>
	<div id="username"></div>

	<script>
	// Initialize speech recognition
	const SpeechRecognition = window.SpeechRecognition \|\| window.webkitSpeechRecognition;
	const recognition = new SpeechRecognition();
	recognition.lang = 'en-US'; // Set language

	// Text-to-speech
	const synth = window.speechSynthesis;

	// Greet the user
	function greetUser() {
	const greeting = "Welcome to Biryani Hub.";
	speak(greeting);
	document.getElementById('status').textContent = greeting;

	// Ask for the user's name after a short delay
	setTimeout(() => {
	const prompt = "Tell me your name.";
	speak(prompt);
	document.getElementById('status').textContent = prompt;
	}, 2000); // Wait 2 seconds before asking for the name
	}

	// Handle speech input
	recognition.onresult = (event) => {
	const transcript = event.results[0][0].transcript.trim();
	document.getElementById('result').textContent = `You said: ${transcript}`;

	// Register the user's name
	registerName(transcript);
	};

	recognition.onerror = (event) => {
	console.error('Error:', event.error);
	document.getElementById('status').textContent = 'Error: ' + event.error;
	};

	// Start listening
	function startListening() {
	document.getElementById('status').textContent = 'Listening...';
	recognition.start();
	}

	// Register the user's name
	function registerName(name) {
	document.getElementById('username').textContent = `Registered Name: ${name}`;
	const response = `Thank you, ${name}. How can I assist you today?`;
	speak(response);
	document.getElementById('status').textContent = response;
	}

	// Speak function
	function speak(text) {
	const utterance = new SpeechSynthesisUtterance(text);
	synth.speak(utterance);
	}

	// Initial greeting when the page loads
	window.onload = greetUser;

	// Refresh the page every 15 seconds
	setTimeout(() => {
	window.location.reload();
	}, 15000); // 15 seconds
	</script>
	</body>
	</html>