ps网站交互设计,网站优化我自己可以做吗,上海网站备案多久,天元建设集团有限公司刘士龙在开发流程中#xff0c;面对语音支持的需求#xff0c;小规模语音内容或许可以通过预处理后播放来轻松应对#xff0c;但当涉及大量语音时#xff0c;这一方法就显得繁琐低效了。为此#xff0c;智慧的开发者们总能找到便捷的解决方案——利用Web技术实现语音播放#x…
在开发流程中面对语音支持的需求小规模语音内容或许可以通过预处理后播放来轻松应对但当涉及大量语音时这一方法就显得繁琐低效了。为此智慧的开发者们总能找到便捷的解决方案——利用Web技术实现语音播放既高效又省力。那么该怎么实现呢请跟随我的脚步看看吧。
一、安装
借助 speak-tts插件实现语音播放。 二、使用
在需要使用的地方引入speak-tts初始化speak-tts调用speak()方法将文字转语音并输出
// 第一步
import Speech from speak-tts;//第二步 我是全局注册的speechInit() {window.speech new Speech();speech.setLanguage(zh-CN);speech.setPitch(1.5);speech.init().then(() {});},// 第三步 播放方法playVoice(text) {speech.speak({text: text,listeners: {//开始播放onstart: () {console.log(播放开始);},//判断播放是否完毕onend: () {console.log(播放结束);},//恢复播放onresume: () {},},}).then(() {// console.log(读取成功);});}, 三、注意事项
如果需要取消播放可调用 speech.cancel()setLanguage()可设置语言类型输入文本需与之对应【中文 有 zh-CN、zh-TW、zh-HK 自行按需设置】想过更改音色但没成功望成功的伙伴们告知一声。
