Skip to content

Instantly share code, notes, and snippets.

@rishabhsahilll
Last active February 14, 2025 17:08
Show Gist options
  • Save rishabhsahilll/c008a4c80f75647f8fe648a34bff8a09 to your computer and use it in GitHub Desktop.
Save rishabhsahilll/c008a4c80f75647f8fe648a34bff8a09 to your computer and use it in GitHub Desktop.
Voice.html is a simple speech recognition webpage using the Web Speech API to convert spoken words into text in real time. It enables real-time voice-to-text conversion with start and stop controls, making it ideal for hands-free input in the AI Jarvis Assistant.
<!DOCTYPE html>
<html lang="en">
<head>
<title>Speech Recognition</title>
</head>
<body>
<button id="start" onclick="startRecognition()">Start Recognition</button>
<button id="end" onclick="stopRecognition()">Stop Recognition</button>
<p id="output"></p>
<script>
const output = document.getElementById('output');
let recognition;
function startRecognition() {
recognition = new webkitSpeechRecognition() || new SpeechRecognition();
recognition.lang = '';
recognition.continuous = true;
recognition.onresult = function(event) {
const transcript = event.results[event.results.length - 1][0].transcript;
output.textContent += transcript;
};
recognition.onend = function() {
recognition.start();
};
recognition.start();
}
function stopRecognition() {
recognition.stop();
output.innerHTML = "";
}
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment