在vue中实现语音播报之文字转语音功能推荐包:speak-tts

2023-06-01 00:00:00 文字 语音 播报

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("播报完成...")
     })
   }
}


相关文章