Porcupine - Vue Quick Start

Wake Word Detection
Offline Hotword Detection
Always Listening
Voice Activation
Web

Compatibility

Chrome, Edge
Firefox
Safari

Installation

Using Porcupine with Vue requires installing three packages: the binding package, @picovoice/porcupine-web-vue; the language-specific web worker package (e.g. @picovoice/porcupine-web-en-worker); and the @picovoice/web-voice-processor.

Use yarn or npm to install the packages to your project:

yarn add @picovoice/porcupine-web-vue @picovoice/porcupine-web-en-worker @picovoice/web-voice-processor

(or)

npm install @picovoice/porcupine-web-vue @picovoice/porcupine-web-en-worker @picovoice/web-voice-processor

Demo application

There is a Vue demo project available on the Porcupine GitHub repository. The demo project was bootstrapped with Vue CLI. See the Configuration Reference.

Clone Picovoice GitHub repository

If using SSH, clone the Porcupine repository with:

git clone --recurse-submodules [email protected]:Picovoice/porcupine.git

If using HTTPS, then type:

git clone --recurse-submodules https://github.com/Picovoice/porcupine.git

Install dependencies and run

Use yarn or npm to install the demo dependencies and start it:

yarn
yarn serve

(or)

npm install
npm run serve

Open http://localhost:8080 to view it in the browser.

Try Porcupine

The demo is listening for the built-in wake words "Grapefruit" and "Grasshopper". Say:

"Grapefruit"

"Grasshopper"

The detections will appear on the page.

Custom Wake Words

You can create custom Porcupine wake word models using Picovoice Console. Making Porcupine wake word models for the Web platform requires an Enterprise account.