在vue中实现语音播报之文字转语音功能推荐包:speak-tts
speak-tts包使语音合成变得容易-基于浏览器的文本到语音(TTS)
git:
https://github.com/tom-s/speak-tts
安装使用步骤
1、安装 speak-tts 包
npm install speak-tts
2、在页面中引入
import Speech from 'speak-tts'
3、初始化以及实现
data () {
return {
speech:null
}
},
mounted(){
this.speechInit();
},
methods:{
speechInit(){
this.speech = new Speech();
this.speech.setLanguage('zh-CN');
this.speech.init().then(()=>{
console.log('语音播报初始化完成...')
})
},
//语音播报
speak(){
this.speech.speak({text:"语音播报测试"}).then(()=>{
console.log("播报完成...")
})
}
}
相关文章