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

3.vue 语音播报(文字转语音)https://www.icode9.com/content-4-864733.html

本作品采用《CC 协议》,转载必须注明作者和本文链接
讨论数量: 0
(= ̄ω ̄=)··· 暂无内容!

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!