Rhino Speech-to-Intent
Angular Quick Start
Platforms
- Chrome & Chromium-based browsers
- Edge
- Firefox
- Safari
Requirements
- Picovoice Account and AccessKey
- Node.js 14+
- Angular 13+
- npm
Picovoice Account & AccessKey
Signup or Login to Picovoice Console to get your AccessKey
.
Make sure to keep your AccessKey
secret.
Quick Start
Setup
Install Node.js .
Install the npm packages:
Usage
To initialize Rhino
you'll need a
Rhino context file (.rhn
) as well as a
model file (.pv
). Place these files in the project's
public directory or generate a base64 representation of the file using the built-in script:
Pass the path to the file (relative to the public directory) or use the base64 string:
Add the RhinoService
that infers intent from spoken commands within
a given context to an Angular component:
To start detecting an inference, run the process
function:
The process
function initializes WebVoiceProcessor.
Rhino will then listen and process frames of microphone audio until it reaches a conclusion, then update the inference
subscription with the latest result.
Once a conclusion is reached Rhino will enter a paused state. From the paused state Rhino call process
again to detect another inference.
Custom Contexts
Create custom contexts in the Picovoice Console using
the Rhino Grammar. Train and download a Rhino context file (.rhn
) for the target platform Web (WASM)
. This model file can be used directly with publicPath
, but, if base64
is preferable, convert the .rhn
file to a base64
JavaScript variable using the built-in pvbase64
script:
Similar to the model file (.pv
), context files (.rhn
) are saved in IndexedDB to be used by Web Assembly. Either base64
or publicPath
must be set for the context to instantiate Rhino.
If both are set, Rhino will use the base64
model.
Switching Languages
In order to use Rhino with different languages you need to use the corresponding model file (.pv
) for the desired language.
The model files for all supported languages are available in the Rhino GitHub repository.
Demo
For the Rhino Angular SDK, there is a Angular demo project available on the Rhino GitHub repository .
Setup
Clone the Rhino repository from GitHub:
Usage
- Install dependencies and run:
- Open http://localhost:4200 to view it in the browser.
Resources
Packages
API
GitHub
Benchmark
Further Reading