Picovoice - Angular Web Quick Start

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

import { Subscription } from "rxjs"
import { PicovoiceService } from "@picovoice/picovoice-web-angular"
import { PicovoiceWorkerFactory } from "@picovoice/picovoice-web-en-worker"

export class VoiceWidget {
  private keywordDetection: Subscription
  private inferenceDetection: Subscription

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

    this.inferenceDetection = picovoiceService.inference$.subscribe(
      inference => console.log(`Inferred intent: "${inference}"`)
    )
  }

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

    const rhnContextB64 = ${RHN_MODEL_B64}; /* Base64 representation of English language clock_wasm.rhn, omitted for brevity */

    await this.picovoiceService.init(
      PicovoiceWorkerFactory,
      {
        accessKey,
        porcupineKeyword: {
          builtin: "Picovoice",
        },
        rhinoContext: {
          base64: rhnContextB64
        },
      }
    )
  }

  ngOnDestroy() {
    this.keywordDetection.unsubscribe()
    this.inferenceDetection.unsubscribe()
    this.picovoiceService.release()
  }
}

const accessKey = ${ACCESS_KEY};

const rhnContextB64 = ${RHN_MODEL_B64};
const ppnKeywordB64 = ${PPN_MODEL_B64};

await this.picovoiceService.init(
  PicovoiceWorkerFactory,
  {
    accessKey,
    porcupineKeyword: {
      base64: ppnKeywordB64,
      custom: "${KEYWORD}"
    },
    rhinoContext: {
      base64: rhnContextB64
    },
  }
)

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

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

cd picovoice/demo/angular
npm install
npm run start