Web Speech API in Chrome stable release

As I'm not a regular reader of release notes so I tend to miss out on cool feature releases. One recent feature release that I accidently stumled into is the support for web speech API that was added to a recent chrome release. This is yet another feature that will boost the capabilities of web applications.

Implementing it in a web page is extremely easy:


<script type="text/javascript">
    var recognition = new SpeechRecognition();
    recognition.onresult = function(event) {
      if (event.results.length > 0) {
        q.value = event.results[0][0].transcript;

  <form action="http://www.example.com/search">
    <input type="search" id="q" name="q" size=60>
    <input type="button" value="Click to Speak" onclick="recognition.start()">


There are quite a few practical implementations such as dictating emails, blog posts, tweets, controlling UI via voice commands and more.

Here is the official demo (requires latest Chrome...). More examples and guides can be found in the official API document, and on html5rocks.com


Javascript Architect

Frontend Group