node package manager
Easy sharing. Manage teams and permissions with one click. Create a free org »

@ngxvoice/ngx-voicelistner

ngx-voiceinput

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.

Installation

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

Usage

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

Credits

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

made with ❤️ by nithin