You can add Speech recognition to your website to do contact, search and creating note more user friendly.
For example, say “How to add custom fields to Mailchimp listing” .
To do this, some requirements are –
Just simply add mic icon to your current input field or create an input fields as below image –
Here is sample html code-
<form id=”speech_form” action=”” method=”get”><input name=”your_email_address” type=”text” placeholder=”Your Email Address” /> <img src=”images/button.gif” /></form>
Also here is sample javascript code-
var patience = 30;
function startSpeech() {
if (window.hasOwnProperty('webkitSpeechRecognition')) {
var recognition = new webkitSpeechRecognition();
recognition.continuous = true;
recognition.interimResults = false;
recognition.lang = "en-US"; // Dynamic Language
recognition.start();
function restartTimer() {
timeout = setTimeout(function() {
recognition.stop();
}, patience * 1000);
}
recognition.onstart = function() {
// do somthings
restartTimer();
};
recognition.onend = function() {
// do somthings
};
recognition.onresult = function(e) {
document.getElementById('transcript').value = e.results[0][0].transcript;
recognition.stop();
document.getElementById('speech_form').submit();
};
recognition.onerror = function(e) {
recognition.stop();
}
}
}
Step into the future with CyberNetikz, where we craft tomorrow’s tech innovations with today’s coding artistry Mega Medusa Casino.