speech tts cors

Beispiel für den Cross-Domain-Zugang von Baidu Voice Synthese Browser

1. Dieses Projekt enthält eine Call Library Baidu_tts_cors.js -Datei sowie eine Demo.html -Beispieldatei, die die Anrufbibliothek eingeführt hat. und das Projekt stützt sich nicht auf andere Bibliotheken von Drittanbietern.
2. Die Cross-Domänen-Abhängigkeit des Projekts von XHR2, CORS Cross-Domänen-Kontrolle
3. Bevor Sie es verwenden, stellen Sie bitte die Autorisierung der Baidu AI -Entwicklungsplattform und die Baidu AI Voice Synthesis RESTful Interface -bezogene Konzepte verstehen. Baidu Voice Synthesis RESTFOFFUR -Schnittstelle Dokument Authentifizierungsmechanismus Dokument
4. Das Projekt ist eine anfängliche Version, und es kann zu wesentlichen Änderungen in der Implementierung und Schnittstellenaufrufmethode der nachfolgenden Versionen kommen.

Kompatibilitätsbeschreibung

1. Es gibt Unterschiede in der Unterstützung des Browsers für automatische Wiedergabefunktionen, sodass keine automatische Wiedergabefunktion vorhanden ist. Es wird nicht empfohlen, automatische Wiedergabeattribute selbst hinzuzufügen.
2. Demo wurde in Mainstream -Browsern getestet und bestanden. Nicht-Mainstream-Browser unterstützen dies möglicherweise nicht, einschließlich WeChat-Applets, verschiedenen Hybrid-Frameworks usw.

So erhalten Sie Tok -Parameter

Suchen Sie zuerst nach API -Schlüssel und SecretKey in der von Ihnen erstellten App. Besuchen Sie https://openapi.baidu.com/oauth/2.0/token als Gegenleistung für Token

Besuchen Sie die folgende URL, die für Browser -Tests verfügbar ist

 // appKey = Va5yQRHl********LT0vuXV4
// appSecret = 0rDSjzQ20XUj5i********PQSzr5pVw2

https://openapi.baidu.com/oauth/2.0/token?grant_type=client_credentials&client_id=Va5yQRHl********LT0vuXV4&client_secret=0rDSjzQ20XUj5i********PQSzr5pVw2

Die folgenden Ergebnisse können erzielt werden

{
"access_token" : " 1.a6b7dbd428f731035f771b8d********.86400.1292922000-2346678-124328 " ,
"expires_in" : 86400 ,
"refresh_token" : " 2.385d55f8615fdfd9edb7c4b********.604800.1293440400-2346678-124328 " ,
"scope" : " public " ,
"session_key" : " ANXxSNjwQDugf8615Onqeik********CdlLxn " ,
"session_secret" : " 248APxvxjCZ0VEC********aK4oZExMB " ,
}

Im Ergebnis können Sie Token = 1.A6B7DBD428F731035F771B8D ******. 86400.1292922000-2346678-124328 sehen, was nach 86400 Sekunden abläuft.

Aufrufen Beispiel

Ihr Projekt importiert einfach die Datei baidu_ts_cors.js und kann die globale Funktion BTTS verwenden.

 // 调用语音合成接口
// 参数含义请参考 https://ai.baidu.com/docs#/TTS-API/41ac79a6
btts({
    tex: '百度语音合成',
    tok: '请参照上一章节说明获取的access_token',
    spd: 5,
    pit: 5,
    vol: 15,
    per: 4
}, {
    volume: 0.3,
    autoDestory: true,
    timeout: 10000,
    hidden: false,
    onInit: function (htmlAudioElement) {

    },
    onSuccess: function(htmlAudioElement) {

    },
    onError: function(errorText) {
    },
    onTimeout: function () {
    }
});
}

BTTS Global Function Parameter Beschreibung

浏览器调用语音合成接口
@param {Object} param 百度语音合成接口参数
        请参考 https://ai.baidu.com/docs#/TTS-API/41ac79a6

@param {Object} options 跨域调用api参数
        timeout {number} 超时时间 默认不设置为60秒
        volume {number} audio控件音量，范围 0-1
        hidden {boolean} 是否隐藏audio控件
        autoDestory {boolean} 播放音频完毕后是否自动删除控件
        onInit {Function} 创建完audio控件后调用
        onSuccess {Function} 远程语音合成完成，并且返回音频文件后调用
        onError {Function}  远程语音合成完成，并且返回错误字符串后调用
        onTimeout {Function} 超时后调用，默认超时时间为60秒

*** Spezifische Anrufmethode und Referenzbeispiel Demo.html -Datei ***