react native baidu vtts

React-nativ-baidu-vtts

Dies ist eine reagierende Bibliothek, die Text-zu-Sprache durchführen kann

Vor

Bitte folgen Sie dieser Seite reaktnativ 集成百度语音合成 Einstellung machen.

beachten

Current ist nur Unterstützung von Android, iOS kommt bald.

Erste Schritte

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

Meistens automatische Installation

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

Manuelle Installation

iOS

bald kommen

Android

1. Öffnen Sie android/app/src/main/java/[...]/MainActivity.java

• Fügen Sie import com.wayne.baiduvoice.RNBaiduvoicePackage; zu den Importen oben in der Datei
• Fügen Sie der von der getPackages() -Methode zurückgegebenen Liste new RNBaiduvoicePackage() hinzu.

2. Gehen Sie die folgenden Zeilen an android/settings.gradle an:

    include ':react-native-baidu-vtts'
   project(':react-native-baidu-vtts').projectDir = new File(rootProject.projectDir, 	'../node_modules/react-native-baidu-vtts/android')
   

3. Fügen Sie die folgenden Zeilen in die Abhängigkeiten ein, blockieren Sie android/app/build.gradle :

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

Verwendung

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