Speech Input API – speech input with an attribute in the Web?

By accident I found the page of code.nasa.org today. A little icon showing a microphone cached my attention:

Since Chrome 11 there is a “support” for the Speech Input API. I’ve read about this but in fact I thought the integration would be more extensive. Surprisingly the implementation is very easy – with the attribute “x-webkit-speech” (later on it’s only “speech”). The whole thing should be able to work with Input and Textarea elements:
<div id="scid:812469c5-0cb0-4c63-8c15-c81123a09de7:3628542e-0da2-407e-80b2-458cc7027018" class="wlWriterEditableSmartContent" style="margin: 0px; display: inline; float: none; padding: 0px;">
<pre class="c#">//Supported elements

It only works on Chrome and you have to speak very slow and clear. He doesn’t understand German and only a few English. Hmm… not a Siri at all. The Speech Input API is still in his baby shoes and there aren’t that many improvements since the Release of Chrome 11.

Have a try

You are able to try it for example here. But this video shows how it works as well (for those who are not Chrome users )