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 Components

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.

What next:

1. Check out Example Configurations for the Web.
2. More details about the Speechly Web Components can be found in this tutorial. Note that it is only one of the many Client Libraries that we provide.
3. The above 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.

Learn more!

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