vue语音播放通知功能
因产品需要,有新任务了对应的人要有语音提示,实现呗大部分解决方案是 http://tts.baidu.com/text2audio?lan=zh&ie=UTF-8&spd=6&text=要语音播放的文字",结果是会出现跨域的最终解决方法使用 speak-tts npm包就可以了以下是npm包和语音播放apiapi和安装地址使用步骤很简单安装 npm 安装初始化,mounte
·
因产品需要,有新任务了对应的人要有语音提示,实现呗
大部分解决方案是 http://tts.baidu.com/text2audio?lan=zh&ie=UTF-8&spd=6&text=要语音播放的文字",结果是会出现跨域的
最终解决方法
使用 speak-tts npm包就可以了
以下是npm包和语音播放api
使用步骤很简单
- 安装 npm 安装
- 初始化,mounted 生命钩子函数里调用初始化的方法【初始化方法就是npm api的文档里的init那段代码】
- 播放即可 【在你需要触发播放即可】 【具体请看api】
觉得语音音色太难听可以更换
const speech = new Speech()
speech.init().then((data) => {
// 这个data里有voice 的音色,音色可以在这个初始化返回的data里查找
console.log("Speech is ready, voices are available", data)
}).catch(e => {
console.error("An error occured while initializing : ", e)
})
更多推荐
已为社区贡献4条内容
所有评论(0)