react native baidu vtts

React-nativo-baidu-vtts

Esta é uma biblioteca nativa de reação que pode fazer texto em fala

Antes

Siga esta página Reactnative 集成百度语音合成 Faça a configuração.

perceber

atual é apenas apoiar o Android, iOS em breve.

Começando

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

Instalação principalmente automática

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

Instalação manual

iOS

em breve

Android

1. Abra android/app/src/main/java/[...]/MainActivity.java

• Adicionar import com.wayne.baiduvoice.RNBaiduvoicePackage; para as importações no topo do arquivo
• Adicione new RNBaiduvoicePackage() à lista retornada pelo método getPackages()

2. Anexe as seguintes linhas ao 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. Insira as seguintes linhas dentro do bloco de dependências no android/app/build.gradle :

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

Uso

 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 >
        ) ;
    }
}