同声传译语音合成接口，分段预合成实现丝滑的衔接效果

背景：
在使用微信官方语音合成插件的时候遇到一个问题，textToSpeech这个api的内容限制在官网的文档上明明是1000个字节，也就是说能保证333个中文字符应该是没有问题的，但是也不知道为什么我这里仅仅传了150个中文字符就报错了，报错内容返回{“retcode”:-20003,“msg”:“text to speech inner server failed.”}，查了一下是因为内容过长导致的错误。
解决办法：
事实与文档说明完全不符，这个没办法解决，就想了一个分割内容分段合成的办法，但是分段吧就会有一个问题，那就是如果每段文字合成语音后，播放，然后再合成，在播放，就会出现明显的停顿，一点都不丝滑，很难受，为了解决这个问题，想了一个预加载的办法，也就是预先合成一段段的音频文件，然后将这些音频文件存到一个数组里面，通过shift函数每次从数组取出一个这样就实现了不管多少文字内容，都能够非常丝滑的合成语音文件。
代码：

    data() {return {showAudioModal: false,textAyy: [],audioAyy: [],content: '超长的文本'};},onLoad(e) {this.audioContext =	uni.createInnerAudioContext();this.audioContext.onEnded(() => {if(this.audioAyy && this.audioAyy.length > 0){this.audioContext.src = this.audioAyy.shift()this.audioContext.play()}else{this.showAudioModal = false}})},methods: {async textToSpeech(){this.audioAyy = []this.textAyy = this.splitStringByLength(this.content,100,100)let flag = truefor (var i = 0,len = this.textAyy.length; i < len; i++) {if(i === 0){uni.showLoading({title: '语音加载中',mask: true})}await this.callTextToSpeech(this.textAyy[i]).then(res => {console.log(i)this.showAudioModal = trueif(flag){this.audioContext.src = res;this.audioContext.play();flag = false}else{this.audioAyy.push(res)}uni.hideLoading()}).catch(() => {})}if(flag){uni.hideLoading()uni.showToast({title:'语音合成失败'})}},callTextToSpeech(content){return new Promise((resolve,reject) => {this.$wcs.textToSpeech({lang: "zh_CN",tts: true,content,success: (res) => {console.log("succ tts", res.filename)resolve(res.filename)},fail: function(res) {console.log("fail tts", res)reject()}})})},splitStringByLength(str, maxSize, chunkSize) {const totalLength = str.length;if (totalLength <= maxSize) {return [str];}const chunks = [];let start = 0;while (start < totalLength) {let end = Math.min(start + chunkSize, totalLength);const chunk = str.substring(start, end);chunks.push(chunk);start = end;}return chunks;},
}

大致逻辑
通过async和await保证语音合成的有序性，第一段成功的语音直接播放，后续的放入数组，等音频播放结束事件触发后，自动从数组中获取资源，这样一来就实现了预合成的效果，达到了非常丝滑的效果