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;
        q.form.submit();
      }
    }
  </script>

  <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()">
  </form>

 

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
Thank you for your interest!

We will contact you as soon as possible.

Send us a message

Oops, something went wrong
Please try again or contact us by email at info@tikalk.com