In this article we will tell you how to add speech recognition to your website. Here’s the complete procedure.
Before starting with the topic, first let me tell you about what actually speech recognition is?
In technical terms, Speech Recognition (SR) is the translation of your spoken words into text. Speech recognition is an artificial intelligence technique which helps you find/ access anything using your voice. With the help of your voice only, you can command all of the things (that have this technology enabled in them). For example, with the use of your voice you can access any panel, can type text, can use your voice as password to a machine, etc.
The synonyms that are used for speech recognition are as follows: “Automatic Speech Recognition (ASR)”, “Computer Speech Recognition”, “Voice Recognition” and “Speech to Text (STT)”.
The code for enabling speech recognition is given below with steps. When you’ll see the text box a microphone icon will be there on the right side of the textbox and when you’ll click the icon and start talking, the spoken words will be converted to text and goes into the text field. An example is shown below:
Now before starting, let me tell you that speech recognition is embedded into Google Chrome only. Speech Recognition will not work in any
Now let me tell you how to add speech recognition to your website. There are two methods of enabling Speech recognition in your website.
Method 1:
Enable Speech Recognition in the search box of your website.
Just follow the steps given below and speech recognition will be added to your website.
Step 1:
Open the “.html/.htm file” in which you want to add the speech recognition.
Step 2:
If you want to add it to your search box then add this code to your “.html/.htm file”.
<html>
<title>
“title of your website”
</title>
<body>
</Content of your body>
<form method=”get” action=”http://www.google.com/search”>
<input type=”text” name=”xyz” size=”50″ x-webkit-speech />
<input type=”submit” value=”Google Search” />
</form>
</body>
</html>
Here “x-webkit-speech” is the actual code which is enabling speech recognition in your website.
Step 3:
Save your “.html/.htm file”, and it will be done.
By pursuing these steps you can enable Speech recognition is search box of your website.
Method 2:
Enable Speech Recognition in an input box.
Just follow the steps given below and speech recognition will be added to your website.
Step 1:
Open the “.html/.htm file” in which you want to add the speech recognition.
Step 2:
Then add this code to your “.html/.htm file” inside the <body> tag.
<html>
<title>
“title of your website”
</title>
<body>
</Content of your body>
<input type=”text” x-webkit-speech />
</body>
</html>
Here “x-webkit-speech” is the actual code which is enabling speech recognition in your website.
Step 3:
Save your “.html/.htm file”, and it will be done.
By pursuing these steps you can enable Speech recognition in input box of your website.
So I think you have learned that how to add speech recognition to your website.