Example React app showcasing the usage of Speechly React Client. Built with Speechly React Client, Typescript and Create React App.

You'll need a Speechly account and a Speechly application that's using a Conformer model. Follow our quick start guide to get started with Speechly.

Open in CodeSandbox, or copy the example app using degit.

npx degit speechly/speechly/examples/react-client-example my-app
cd my-app

Add the App ID of your Speechly application into src/index.tsx.

<SpeechProvider
  appId="YOUR-APP-ID" // Get your App ID from: https://api.speechly.com/dashboard/
  debug={true}
  logSegments={true}
  vad={{ enabled: false }}
>

Install dependencies and start development server.

npm install
npm start

By default, NLU features are disabled and Speechly operates in speech-to-text mode. To enable them, you’ll need to provide a configuration for your application. The example application will list the intent and entities for each speech segment below the transcript.

See our docs to learn more.

• Building a React app using Speechly React Client
• API reference (GitHub)
• NPM package