Add Speech/Voice Recognition to Blog and Website

Suppose You are using a text box typing some words in it and getting answer or query,but after this we have a additional feature i.e. using an speech recognition in Text box or in Text area.If you do not know about Speech Recognition that let me Tell you,it is HTML speech input api use to transform speech into text so that a user doesn't need to type just speak and in a millisecond Speech api using Theory of Computation transform speech into text.A Speech recognition till now is only supportable in Google chrome.Speech recognition can be use in Text box,Text area.Now as it's use in various fields I am sharing some more information about it.I will cover it's advantage,drawbacks and limitations.But before that let me discuss some more use of Speech recognition(Now SR),You can use SR in windows OS,by using windows own speech recognition and very tiny thing is that speech recognition of microfsoft is much handy than HTML5.

Advantage 
1. It is easy to speak rather than typing
2. Doesn't  need to understand grammar
3. Easy to operate on system
4. Take less time to convert speech in text
5. System can easily understand local voice and operate over it
6. No one can generate a log file
7. Easy to implement
8. Doesn't need to learn spelling of words 

Drawbacks
1. Chances of recognition failure is more.
2. On failure of recognition can took system in problem

Limitations
1. Still,it cannot recognize hard sentence like:tolerated by someone is great patience 
2. Still it is supportive to Some browser like:Google chrome

How to add Speech Recognition in TextBox
To add SR in TextBox is really an easy task, Just put a simple code in your textbox like this
Before editing SR code

HTML

<input type="text" placeholder='Search here....' name='sr' />

After editing SR code

HTML

<input type="text" placeholder='Search here....' name='sr' x-webkit-speech/>

Try this Live Demo-click Microphone icon

As,I told you earlier this Demo only work in Google Chrome,Because still x-webkit-speech of Google alone support HTML5 speech input api and I do not know when will other browser support this speech api.Try to use this extra feature in your search box and make feel your websites as genuine one.

How to add in Blogger
To add in Blogger type "  x-webkit-speech='true'  " at last of your text box code like this.

HTML

<input type="text" width="100" height="40" x-webkit-speech='true' />

Remember this SR only works in Google chrome other browser does not support it.if you want to add Speech recognition in Textarea than follow this link Labnol.org.

If you have any query in above tutorial than write to me using below comment box.Thank you:)