If you are a regular reader of my blog and uses Google Chrome to visit then you might have noticed that recently I have added speech recognition button on my right column search box and comment box in ever post. You all must have seen something similar on Google Homepage’s Search box also, using that speech button people can speak to search your query instead of typing each word.
So if you are also the owner of a blog or website, where want to add one such feature on your blog or website then all you need to add is a speech attribute in input type tags of your form fields and it will automatically will add a microphone icon in that input type field. E.g.:
<form method="get" action="http://www.google.com/search"> <input type="text" name="q" size="25" x-webkit-speech /> <input type="submit" value="Search"/> </form>
At the time of writing Speech Input API was only supported by Google Chrome web browser and only in input type field, so if you or your visitors are visiting from another web browser they will see the normal input type field (without microphone icon). Here is a live demo: