Skip to content
react-native-baidu-vtts
Java Ruby Other
Branch: master
Clone or download
Latest commit b34a60f Nov 12, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
android update readme Nov 12, 2019
ios
.gitattributes Initial commit Oct 21, 2019
.gitignore Initial commit Oct 21, 2019
README.md update readme Nov 12, 2019
index.js
package.json

README.md

react-native-baidu-vtts

This is an React-native library that can do text-to-speech

Before

please follow this page ReactNative集成百度语音合成 make setting.

notice

current is only support android, ios coming soon.

Getting started

$ npm install react-native-baidu-vtts --save

Mostly automatic installation

$ react-native link react-native-baidu-vtts

Manual installation

iOS

coming soon

Android

  1. Open up android/app/src/main/java/[...]/MainActivity.java
  • Add import com.wayne.baiduvoice.RNBaiduvoicePackage; to the imports at the top of the file
  • Add new RNBaiduvoicePackage() to the list returned by the getPackages() method
  1. Append the following lines to android/settings.gradle:
    include ':react-native-baidu-vtts'
    project(':react-native-baidu-vtts').projectDir = new File(rootProject.projectDir, 	'../node_modules/react-native-baidu-vtts/android')
    
  2. Insert the following lines inside the dependencies block in android/app/build.gradle:
    implementation project(':react-native-baidu-vtts')
    

Usage

import RNBaiduvoice from 'react-native-baidu-vtts';

// TODO: What to do with the module?
class App extends Component{

    componentDidMount() {
    	// 填写百度语音官网申请的appid, apikey, secretkey
    	const String appid = ''
    	const String apikey = ''
    	const String secretkey = ''
        RNBaiduvoice.initBaiduTTS(appid,apikey,secretkey)
    }

    _speechText = () => {
        RNBaiduvoice.speak('百度语音')
    }

    render() {
        return (
            <View style={styles.container}>
                {/*<TwoList/>*/}
                <TouchableOpacity onPress={this._speechText}>
                    <Text style={{fontSize: 20, height: 30}}>测试语音</Text>
                </TouchableOpacity>
            </View>
        );
    }
}

You can’t perform that action at this time.