Tomomi Imura, aka @girlie_mac, is an avid open web technology advocate and a full-stack engineer, who is currently working as a Cloud Advocate at Microsoft in San Francisco. When she is not at work, she still geeks around and tries to combine technology with cats- her past projects include HTTP Status Cats, and Raspberry Pi Cat Camera.
With the current state of web apps, we can rely on various UI elements to interact with users. With the Web Speech API, we can develop rich web applications with natural user interactions and minimal visual interface, using voice commands. In this tutorial, Tomomi Imura will use the API to create an artificial intelligence (AI) voice chat interface in the browser. The app will listen to the user’s voice and reply with a synthetic voice. Because the Web Speech API is still experimental, the app works only in supported browsers. The features used for this article, both speech recognition and speech synthesis, are currently only in the Chromium-based browsers, including Chrome 25+ and Opera 27+, while Firefox, Edge and Safari support only speech synthesis at the moment.
Read more…
