React-native-speech-recognization NPM

react-native-speech-recognization

Locally speech recognization for both Android and ios, use AudioEngine class of Native ios, and HuaweiHiAi sdk under android platform. Unluck that HuaweiHiAi sdk only support chinese language, will add multiple language later. However you can set multiple language by ios supported via setLanguage api before startRecord.

Getting started

$ yarn add react-native-speech-recognization --save

$ npm install react-native-speech-recognization --save

ReactNative >= 0.60 will autolink

$ npx pod install

cd ios && pod install

ReactNative < 0.60 should manullay install

Under ios because implemented by swift, so you need to do addtion steps by this REFERENCE

android

Add dependencies in project build.gradle

maven {url 'https://developer.huawei.com/repo/'}

.build.gradle

allprojects {
    repositories {
        ...
        maven {url 'https://developer.huawei.com/repo/'}
    }
}

Add permissions to project manifest

<uses-permission android:name="android.permission.RECORD_AUDIO"/>

Usage

Directly use <DictationPanel/>
Use class RNDictation to implement depends on your own needs

import {RNDictation,dicEvent} from 'react-native-speech-recognization'

//isSupport
//ios target >= 10.0
//android sdk >= 28
//this method is help you to get whether supported your device 
RNDictation.isSupport();

//setLanguage, Only form ios
//Before startRecord, you can set language for recognize (Default en-US)
RNDictation.setLanguage('en-US');

//startRecord
RNDictation.startRecord();

//endRecord
RNDictation.endRecord();

//addEventListener
RNDictation.addEventListener(dicEvent.onStart,()=>{});
RNDictation.addEventListener(dicEvent.onSuccess,(speechText)=>{});
RNDictation.addEventListener(dicEvent.onFailure,(e)=>{});

//Do not forget remove listener when component unmount
RNDictation.removeEventListener(dicEvent.onStart);
RNDictation.removeEventListener(dicEvent.onSuccess);
RNDictation.removeEventListener(dicEvent.onFailure);

import {DictationPanel,RNDictation} from 'react-native-speech-recognization';

export default class App extends Component<{}> {
  ...

  render() {
    return (
      <View style={styles.container}>
        ...
        <Button title="IsSupport" onPress={async ()=>{
           const result = await RNDictation.isSupport();
           console.log(result);
        }}/>
        <DictationPanel
          language="en-US"
          onStartRecord={() => {
            this.setState({status: 'Listening...'});
          }}
          onEndRecord={(text) => {
            this.setState({status: 'Done'});
          }}
          onComplete={(text) => {
            this.setState((prevState) => ({
              message: `${prevState.message || ''}${text}`,
            }));
          }}
        />
      </View>
    );
  }
}