It's More than a Technology blog...

Liked us?

Pin It

Embed Speech Recognition to your Google's Search Box with HTML 5

Every website has some sort of interactive features, Speech recognition is one of them, this feature allow the site visitors to give input by simply talking, there's no need to type so far using your boring keyboard. This awesome feature is really impressive.

According to Wikipedia - Speech recognition is the translation of spoken words into text. It is also known as "automatic speech recognition". OR Speech Recognition is technology that can translate spoken words into text.
So guys this feature lets your site visitors browse your almost site simply by speaking in a microphone, You can use this amazing feature on your website in various forms such as in search box, comment box and each and every text input field. To embed this awesome feature in your site, you will have to simply copy the below provided HTML code put it in a HTML widget.

Table of Contents :
  1. Embedding Speech Recognition to Search Box
  2. Embedding Speech Recognition to Search Box


1. Embedding Speech Recognition to Search Box :

Well guys adding speech recognition to your site's search box is very easy and simple task all you have to doe is simply code the below provided HTML code and follow the below steps :

1. Go to Blogger.com and login to your account.

2. Then navigate to Layout and click on Add a Gadget option as shown in below image.


3. Then you will get a pop up window, including the complete list of gadgets, then select the HTML/JavaScript gadget as shown in below image :


4. Now copy the code and simply paste it in this newly added gadget. You can grab this code from below provided link.

Click here to Get the HTML Code



2. Embedding Speech Recognition to Search Box :

Now you can also enjoy this feature in while commenting, to add this feature to your site's comment box I have posted and another HTML code, to set up this feature in your comment box simply follow all the steps listed below.

1. Go to Blogger.com and login to your account.

2. Then navigate to Layout and click on Add a Gadget option as shown in below image.


3. Then you will get a pop up window, including the complete list of gadgets, then select the HTML/JavaScript gadget as shown in below image :


4. Now copy the code and simply paste it in this newly added gadget. You can grab this code from below provided link.

Twitter Delicious Facebook Digg Stumbleupon Favorites More