【语音合成】科大讯飞语音合成如何集成到前端代码里？

如何完美的将科大讯飞语音合成功能完美轻松的集成到任意前端代码里呢？
科大讯飞官方文档：https://www.xfyun.cn/doc/tts/online_tts/API.html

具体做法如下：

一、内嵌一个隐藏iframe页面

<iframe :src="url" style="visibility: hidden"></iframe>

二、JS每次触发修改一下url即可

window.localStrorage.speechURL = "https://nls-gateway-cn-shanghai.aliyuncs.com/stream/v1/tts"；

_this.url = window.localStorage.getItem("speechURL") +
                "?appkey=4zMeAps5fmhVsybf&token=" +
                window.localStorage.getItem("aiToken在这里") +
                "&text=" +
                encodeURI("你要说的话在这里") +
                "&format=wav&sample_rate=16000&time=" +
                new Date().getTime();