Add Google like Speech Recognition Search Box to your website

You can add a speech recognition search box to your website and facilitate your visitors to search more comfortably. Unfortunately this feature which uses HTML5 speech input tags works only in webkit rendering engine enabled browsers like Google Chrome v.11 or higher. But we hope this useful feature will be a built-in facility of all browsers by default in the near future.

 Add speech recognition to your existing search box

It’s really simple. To add a speech recognition search box to a website, simply add x-webkit-speech=’true’ to your code like this.

<input name='q' size='31' type='text' x-webkit-speech='true'/>

Well, that’s all. However, you can use this with any input field. Try it. You can see a live preview at the footer of this site.