tobi-or-not-tobi / ngx-speech-recognition

Angular 5+ speech recognition service (based on browser implementation such as Chrome).

NgxSpeechRecognition

Angular 5+ speech recognition service (based on browser implementation such as Chrome).

Demo

Run ng serve for a demo server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

See

Support Browsers

Web Speech API -- MDN

API

RxSpeechRecognitionService

import { Component } from '@angular/core';
import { RxSpeechRecognitionService } from '@kamiazya/ngx-speech-recognition';

@Component({
  selector: 'demo-rx',
  templateUrl: './rx.component.html',
  styleUrls: ['./rx.component.css'],
  providers: [
    RxSpeechRecognitionService,
  ],
})
export class RxComponent {

  message = '';

  constructor(
    private service: RxSpeechRecognitionService,
  ) { }

  listen() {
    this.service
      .listen()
      .pipe(RxSpeechRecognitionService.resultList)
      .subscribe((list: SpeechRecognitionResultList) => {
        this.message = list.item(0).item(0).transcript;
        console.log('RxComponent:onresult', this.message, list);
      });
  }

}