react native baidu vtts

React-Cnative-Baidu-Vtts

Это библиотека с реагированием, которая может сделать текст в речь

До

Пожалуйста, следуйте на этой странице реагирование 集成百度语音合成 Сделать настройки.

уведомление

Текущий является только поддержкой Android, iOS скоро появится.

Начиная

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

В основном автоматическая установка

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

Ручная установка

ios

вскоре

Android

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