This demo application consists of a VoiceWidget component which uses the useCheetah react hook to perform real-time speech-to-text. It instantiates a Cheetah worker engine and uses it with the @picovoice/web-voice-processor to access (and automatically downsample) microphone audio.
If you decline microphone permission in the browser, or another such issue prevents Cheetah from starting, the error will be displayed.
The demo also shows the various loading and error states, as well as mounting/unmounting the VoiceWidget with a toggle, demonstrating the complete lifecycle of Cheetah within a React app.
This project was bootstrapped with Create React App.
Cheetah requires a valid Picovoice AccessKey at initialization. AccessKey acts as your credentials when using Cheetah SDKs.
You can get your AccessKey for free. Make sure to keep your AccessKey secret.
Signup or Login to Picovoice Console to get your AccessKey.
Use yarn or npm to install the dependencies, and the start script with a language code
to start a local web server hosting the demo in the language of your choice (e.g. de -> German, ko -> Korean).
To see a list of available languages, run start without a language code.
yarn
yarn start ${LANGUAGE}(or)
npm install
npm run start ${LANGUAGE}Open http://localhost:3000 to view it in the browser.