ngx-speech

KO | EN

gitlite — search

#python #hacktoberfest #typescript #golang #android #machine-learning #linux #windows #awesome #vue #security #pytorch #mcp #open-source

(★ 16)

Voice recognition for Angular 5

ngx-speech 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# NgxSpeech

Voice recognition for Angular 5

[![Build Status](https://travis-ci.org/onna/ngx-speech.svg?branch=master)](https://travis-ci.org/onna/ngx-speech)

## Principle

NgxSpeech allows to trigger actions using voice commands.

The `ngSpeechContext` directive allows to define context. For instance, "menu" could be a context that will allow to activate the menu commands, and "search" another context enabling search commands.

Example:

```html
<div [ngSpeechContext]="['pizza']">
  Say "pizza" and then choose your pizza
</div>
```

The `ngSpeechAction` directive allow to register a command into a context and bind it to method.

Example:

```html
<li [ngSpeechActionContext]="['pizza']"
    [ngSpeechActionCommand]="'Napolitana'"
    [ngSpeechAction]="order">Napolitana</li>
```

will trigger the `order()` method if we say "Napolitana" only if we are in the "pizza" context (i.e. we said "pizza" before saying "Napolitana").

All the words corresponding to a command or a context are referenced in a **grammar**.

A command or a sub-context can be activcayed only if we are in the parent context, but a first-level context can activatyed from anywhere.

The `SpeechService` exposes useful observables:

- `message`, the last recognized word(s), even if it is not part of the current grammar,
- `context`, the current context as a path (like `"menu/account"`),
- `command`, the last comnmand.

## Installation

```
npm install ngx-speech
```

## Usage

In our app module, we need to import the `SpeechModule` and to provide the language to use:

```typescript
@NgModule({
    ...
    imports: [
        ...
        SpeechModule,
    ],
    providers: [
        ...
        { provide: 'SPEECH_LANG', useValue: 'en-US' },
    ],
    ...
})
export class AppModule { }
```

To start the speech recognition, we ned to call the `start()` method:

```typescript
import { SpeechService } from 'ngx-speech';

...

constructor(public speech: SpeechService) { }

ngOnInit() {
        this.speech.start();
    }
```

ngx-speech

ngx-speech 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

ngx-speech

ngx-speech 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README