How to add speech recognition to any website with HTML5

speech-webkit-demoSince Apple’s Siri voice recognition/voice control has again got back in focus of the crowd.  But Siri is far from being the only working voice control solution. There were already a number implementations before, some good some bad, and there is still far more than just Siri.
How you can “install” a voice recognition into your website with just one line of code, is what I want to show you today. The whole thing is based on HTML5 and is established as an  input element-tag.
And this is how it works:

<input type="text" x-webkit-speech />

Who wants to see the speech recognition in action, should go over there.  The only downside of this solution is the fact, that this speech recognition is far from cross-browser compatible. So at the moment it’s only implemented in Google’s Chrome browser. However, I could […]