node package manager
Share your code. npm Orgs help your team discover, share, and reuse code. Create a free org »



This is a voice based input plugin for angular2+ framewrok. It was built for modern browsers using TypeScript, CSS3 and HTML5 and Angular >=4.0.0, and Google Chrome is the only browser which supports web speech API.


npm install @ngxvoice/ngx-voicelistner or yarn add @voice/ngx-voicelistner


App module
import { NgxVoiceListnerModule } from "@voice/ngx-voicelistner";
  declarations: [
  imports: [BrowserModule, NgxVoiceListnerModule],
  bootstrap: [AppComponent]
export class AppModule { }
Example component
  selector: 'example-component',
  styleUrls: [],
  providers: [],
  template: `<div class="container">
              <voice-listner-input [lang]='en-US' (onListeningVoice)="getTheSearchString($event)" ></voice-listner-input>
export class ExampleComponent {
  public voiceStringList: string[] = ['test'];
  constructor() {
  public getTheSearchString(finalString: string) {
    console.log('new string - ', finalString);


ngx-voiceinput is based on ngx-datatable's seed project.

made with ❤️ by nithin