Quick Start

The Speechly Quick Start helps you get started on developing with Speechly on the Web.


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.

Speechly Application Architecture Overview
Speechly Application Architecture Overview

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!

Profile image for Antti Ukkonen

Last updated by Antti Ukkonen on October 1, 2021 at 18:04 +0300

Found an error on our documentation? Please file an issue or make a pull request