vue 语音播报（文字转语音）

小码哥学习中

已于 2022-08-02 16:48:13 修改

阅读量2.6k

点赞数 4

分类专栏： vue 文章标签： vue.js 前端 javascript

于 2021-02-21 09:54:46 首次发布

本文链接：https://blog.csdn.net/boveysmith/article/details/113914113

版权

vue 专栏收录该内容

14 篇文章 3 订阅

订阅专栏

这篇博客介绍了如何在项目中安装和使用`speak-tts`包进行语音播报。首先通过npm安装库，然后在页面中引入并初始化。在初始化完成后，调用`speak`方法即可实现文本到语音的转换。示例代码展示了语音播报的设置和调用过程，适用于前端开发中的语音交互功能。

摘要由CSDN通过智能技术生成

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

更多API参照：speak-tts - npm