vue 语音播报(文字转语音)
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("播报完成...")
})
}
}
参考
1.speak-tts: https://github.com/tom-s/speak-tts
2.Vue中使用speak-tts插件实现点击按钮后进行语音播报(TTS/文字转语音) :https://www.cnblogs.com/badaoliumangqizhi/p/15822975.html文章来源:https://www.toymoban.com/news/detail-511299.html
3.vue 语音播报(文字转语音)https://www.icode9.com/content-4-864733.html文章来源地址https://www.toymoban.com/news/detail-511299.html
到了这里,关于【vue 语音播报(文字转语音)】的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!