The x-webkit-speech Input Attribute

Google is always at the bleeding edge of web development standards, so it’s not surprising that voice recognition capabilities are turned on by default in all new versions of their Chrome browser. Web developers can take advantage of it today with the x-webkit-speech input attribute. Just add it to any text input like so:

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

and visitors to your page using Chrome will be presented with an extra microphone button in the search box.

Right now this is a Chrome-only feature but likely will become supported by all popular browsers over time.

View Demo

Leave a Reply

Your email address will not be published.

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>