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:

//Supported elements

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

A bottle of bitterness

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 Zwinkerndes Smiley)


If you enjoyed this post, please consider leaving a comment or subscribing to the RSS feed to have future articles delivered to your feed reader.

About the author

Written by

Learn more about our team.

Recent Posts

  • HowTo: make out Retweet-counter in a random URL

      Twitter offers some interesting functions with the integration of the twitter button – every user can see how often the website has been retweeted and he can do the same with just one click. But of course the whole thing has his price: - The integration of the Twitter JavaScript makes the whole data […]

  • Time-controlled Azure WebJobs – Azure as easy as it get‘s

        While still in development the Azure WebJob SDK offers some cool features for procession and supply of information. A good example is the sample that observes the Azure Queue and processes an item as soon as it spots one.   Scenario: time-controlled activities – without queue and so on My scenario was quite […]

  • image2021-570x194_thumb.png
    HowTo: Create RSS Feeds with ASP.NET MVC

    I’ve already written about how to consume RSS or Atom Feeds with the SyndicationFeed (in German, sry) but todays post is about how to create or publish an own feed. Beside the age of the feed standard and the much defamation from Facebook, Twitter and Google on RSS/Atom I consider this easy to consume API […]

  • image1997-311x194_thumb.png
    How to access an Azure Website with the local IIS Manager

    Since the end of February it is possible to access an Azure Website with the IIS Manager. Although the Azure Management site offers some information there are more details visible at the IIS Manager. For the connection you will need an IIS Manager and the IIS Manager for Remote Administration Extension. It’s also possible to […]

  • image1929-570x143_thumb.png
    Create and validate own Json-Web-Tokens (JWTs)

    If you are interested in web authentication you probably have heard about JSON Web tokens (JWT). What is a JWT? Maybe I’m not using the correct security termination but however: JWTs are used to exchange claims between two systems. For example: You want to log on to a service (like Facebook, Twitter, etc.) and want […]

Support us