Enable Google Voice Recognition Search to Blog/Website Search Box

You might have noticed the presence of a symbol that represents ‘Microphone’ especially in the search box on Google.com and on many other blog/website’s search boxes around the web. If you click on that Microphone symbol and speak something, you can see that a speak now pop up will get displayed just below the Mic symbol. This feature has all it takes to make the searching process quite easier than expected.

Last year June 2011 Google updated a latest feature on their search engine which is probably known as ‘Voice Recognition Search’. One of the major advantages of making use of this feature is that users will just have to speak for searching any item they wish instead of typing in the queries in the search box for searching.

How to Enable Google Voice Search on Blog/Website Search Box?

This is very simple to enable this attribute to every blog/website search box. Well all you need to do is add an extra word to your existing search code and your site will able to accept voice based input.

The code to add to your search box is x-webkit-speech=’true’ to your search input text field.

For Google Custom Search (CSE) and other custom default search boxes find type=’text’ and just after add x-webkit-speech=’true’ as shown in below.

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

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

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

</form>

You may also find a live speech-enabled search box on this blog itself. For now Google Chrome only supports the HTML speech input. This is only visible to users who are accessing your site through Google Chrome. If they are using any other browser then they will only see the standard search box.