Porcupine - Angular Quick Start

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

import { Subscription } from "rxjs"
import { PorcupineService } from "@picovoice/porcupine-web-angular"
import { PorcupineWorkerFactory } from "@picovoice/porcupine-web-en-worker"

export class VoiceWidget {
  private keywordDetection: Subscription

  constructor(private porcupineService: PorcupineService) {
    this.keywordDetection = porcupineService.keyword$.subscribe(
      keywordLabel => console.log(`Detected "${keywordLabel}"`)
    )
  }

  async ngOnInit() {
    const accessKey = ${ACCESS_KEY};

    const keywords = [
      { builtin: "porcupine" },
      { builtin: "bumblebee" }
    ];

    await this.porcupineService.init(
      PorcupineWorkerFactory,
      { accessKey, keywords }
    )
  }

  ngOnDestroy() {
    this.keywordDetection.unsubscribe()
    this.porcupineService.release()
  }
}

const accessKey = ${ACCESS_KEY};

const DEEP_SKY_BLUE_PPN_64 = ${BASE64_MODEL} /* Base64 representation of deep_sky_blue.ppn */

const keywords = [
  { base64: DEEP_SKY_BLUE_PPN_64, custom: "Deep Sky Blue" }
];

await this.porcupineService.init(
  PorcupineWorkerFactory,
  { accessKey, keywords }
)

import { PorcupineWorkerFactory } from "@picovoice/porcupine-web-xx-worker";

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

cd porcupine/demo/angular
npm install
npm run start