Overview

Adding voice functionalities to a website (or mobile application) with Speechly is very similar to traditional event driven UI programming. The main difference is that whereas in “non-voice” UIs callbacks are triggered by the user interacting with some component on the website / application. In Speechly powered UIs this event triggering happens via the user talking.

But as a developer you can still focus on defining what happens when the user says something. The difficult part of turning speech to events is taken care of by our Client libraries and the Speechly API. The figure below illustrates this.

Getting started with the Speechly Web Toolkit

The video below will teach you the basics of using the Speechly Dashboard and Playground, as well as guide you through the three steps of

1. setting up the Speechly microphone UI component,
2. configuring an Appid, and
3. binding the events returned by our API to UI functions.

Note that these steps are also related to the three parts of the architecture figure above.

The Codepen example used in the video can be accessed here.

Also, the video is the fifth part of a five-part series where we introduce our technology, introduce some basic concepts and briefly explain how things work under the hood.

More details about the Speechly Web Toolkit can be found in this tutorial. Note that it is only one of the many Client Libraries that we provide.

Learn more!

• Read about how to Configure Speechly for the needs of your Application.
• Take a look at our Development tool offering.
• Check out some Example Configurations.
• Explore the Documentation.
• Browse our public GitHub repositories.