react native baidu vtts

反应新的baidu-vtts

这是一个可以进行文本到语音的反应库

前

请遵循此页面反应式设置。

注意

当前仅支持Android，iOS即将推出。

入门

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

主要是自动安装

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

手动安装

ios

即将推出

安卓

1. 打开android/app/src/main/java/[...]/MainActivity.java

• 添加import com.wayne.baiduvoice.RNBaiduvoicePackage;到文件顶部的导入
• 将new RNBaiduvoicePackage()添加到getPackages()方法返回的列表

2. 将以下行附加到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')
   

3. 在android/app/build.gradle中插入依赖项块中的以下行：

    implementation project(':react-native-baidu-vtts')
   

用法

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

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

    componentDidMount ( ) {
    	// 填写百度语音官网申请的appid, apikey, secretkey
    	const appid = ''
    	const apikey = ''
    	const 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 >
        ) ;
    }
}