Web Client Quick Start

0. In order to install the Speechly Browser Client, you’ll first need to have some common developer tools installed. These include Yarn and NodeJS. You’ll also need a Speechly app ID, which you get by signing up to the Speechly Dashboard.

1. Clone the browser-client-example Github repository to your home directory, and move on to the directory where the browser-client-example is cloned.

$ cd ~ && git clone https://github.com/speechly/browser-client-example/ && cd browser-client-example

2. Install the dependencies required for the Speechly Browser Client Example by using Yarn.

$ yarn install

3. You’ll find your application ID on the Speechly Dashboard. Make sure your application status is Deployed.

4. Add your application ID and the model language to environmental variables. By default, your app language is en-US, but it can be configured in the Speechly Dashboard. You can see the app language next to your app ID.

$ export REACT_APP_APP_ID="your-app-id" 

$ export REACT_APP_LANGUAGE="your-app-language" 

5. Start the web application.

$ yarn start

7. If your browser doesn’t do it automatically, open your browser and navigate to the address visible in the terminal window. This address is likely to be http://localhost:3000 .

8. Click Connect, and give permission to allow your browser to use the microphone. Then click and hold the Record button, and say utterances that your model understands. Once you start speaking, you should be able to see the tentative transcript, intents, and entities, until finalized as per Speechly SLU loop.