How to Add Speech Recognition Search to your Blog Or Website

Today in this article we will learn how to enable speech recognition to your blog or website. Most probably all the websites or blogs have their Custom Search Engine where people type in search queries. You can provide an extra feature to your visitors by giving the Speech Recognition Search facility to your blog or website. It adds a bit of attractiveness to your site and provide a good user experience.
This article work only for Chrome users becuse currently, Google Chrome is only the browser that supports the HTML speech input API).

You might also like this :: How To Add Custom Search Engine To Your Blog Or Website

Add Speech Input to your Search Box

So For adding speech recognition to your blog or website you just need to do a small modification with your existing search engine code or can replce the whole code with the given code that is given below.

<form method="get" action="http://www.google.com/search">

 <input type="text" name="q" size="30" x-webkit-speech/>

 <input type="submit" value="Google Search" />

</form>

Do you want to try a live demo – jsut click on the microphone icon, speak your words and hit enter :

The highlighted text in the code is the main code to provide the speech facility or voice support to the textfield.

Note :: Only Google Chrome is the browser that supports the HTML speech input API. If yout are using a different or other browsers, you will see the simple or we can say that a standard search box.

From the Editor’s Desk

So friends this is all about how to add speech recognition to your website or blog. I know the article is to short and very easy but still you face any problem then feel free to ask via your comments. If you found this article useful then do not forget to share it.

Thankyou for giving your time.