【vue 语音播报(文字转语音)】

这篇具有很好参考价值的文章主要介绍了【vue 语音播报(文字转语音)】。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

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文章来源地址https://www.toymoban.com/news/detail-511299.html

到了这里,关于【vue 语音播报(文字转语音)】的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Android 9.0 设置讯飞语音引擎为默认tts语音播报引擎

    在9.0的系统rom定制化开发中,在产品开发中,一些内置的app需要用到tts语音播报功能,所以需要用到讯飞语音引擎作为默认的系统tts语音引擎功能,所以就需要 了解系统关于tts语音引擎默认的设置方法,然后在设置讯飞语音引擎为默认的tts语音引擎来实现tts语音播报功能的实

    2024年02月07日
    浏览(70)
  • 【ESP32S3 Sense接入语音识别+MiniMax模型+TTS模块语音播报】

    讲解视频: ESP32S3 AI助手使用MiniMax大模型生产工具1 大家好,今天的教程将围绕如何实现精准的语音播报功能展开,我们用到了ESP32S3 Sense接入语音识别+MiniMax模型对话+SNR9816TTS模块。 目前这是我使用的ESP32S3官方硬件👍👍👍(小小的身材有大大的力量)只需要35元加摄像头麦

    2024年04月12日
    浏览(58)
  • 【TTS】uni-app语音播报app开发 / MT-TTS安卓原生自带语音合成插件(免费无限次)

    TTS 是 Text To Speech 的缩写,即“ 从文本到语音 ”,是人机对话的一部分,让机器能够说话。TTS是语音合成应用的一种。 在程序开发中,有很多TTS的插件,比如百度,讯飞,等等,但是大部分产品都不是完全免费无限制次数调用的且需在线使用 本篇文章介绍一种免费快捷且可

    2023年04月15日
    浏览(142)
  • Android文字转语音播报

    Android文字转语音播报可以通过Android自带TTS和第三方语音框架实现。 代码如下(示例): 代码如下(示例): 1.包名、应用名: com.svox.pico 系统自带不支持中文语音 com.baidu.duersdk.opensdk 度秘语音引擎3.0 不支持5.0以下系统,大小11.95M com.google.android.tts 谷歌文字转语音引擎,不

    2023年04月08日
    浏览(38)
  • uniapp小程序使用文字转语音播报类似支付宝收款播报

    第一步:登陆微信公众平台,侧边栏的设置-----第三方设置-----插件管理----添加插件(搜索–同声传译) 第二步:打开 hbiuider-x,找到当前项目,打开manifest.json,找到源码视图,配置插件     第三步,页面引入使用  

    2024年02月12日
    浏览(45)
  • Android 文件转语音TTS输出(文字转语音)

    目录 一、介绍 二、配置 三、使用 四、权限 五、补充 目前国内Android系统自带语音引擎基本上都是Pico TTS,Pico TTS不支持中文转语音播报。因为项目需要播放中文,引入科大讯飞引擎3.0.apk。 下载好科大讯飞语音引擎3.0.apk(若是下载小爱,小度等其他引擎也可以),安装成功

    2024年02月11日
    浏览(39)
  • 体验最佳的一个TTS文字转语音工具

    文本转语音 (TTS) 技术在当今的数字世界中变得越来越流行,其应用范围从语音导航到教学视频、教育和娱乐。 TTS 技术允许用户将文本转换为语音,使其成为一种极其方便、高效和灵活的交流方式。 个人的使用场景是抖音短视频语音配音和电影解说,尝试了很多网站和工具,

    2024年02月15日
    浏览(41)
  • 前端文字转语音(tts+mp3拼接)

    有时候需要在网页上面播报一段语音,而这段语音是动态的。例如收银时播报请出示付款吗,收钱成功后播报某某某为您收到金额XX元。 第一种思路是前端不需要怎么动手写代码的也是最容易实现的,调用语音合成api。但是api的局限性就在于免费的没有语音包,收钱的就有点

    2023年04月17日
    浏览(43)
  • 4个步骤实现Java版的TTS(文字转语音)

    TTS是Text To Speech的缩写,即“从文本到语音”,让机器能够说话。 微软自带TTS(Text To Speech) 语音引擎,可以将文本转换成语音播报。 现在通过Java程序(jacob包),利用Windows自带的TTS实现语言的播报。 详细步骤如下: 下载jacob jar包和dll文件 将dll放置到相应的文件目录中 将

    2024年02月07日
    浏览(64)
  • 浏览器原生JavaScript离线文字转语音TTS播放,支持Windows自带TTS语音和移动端(安卓、IOS)

    JS已经可以实现语音合成(文字转语音)和语音识别(语音转文字),各个浏览器支持列表如下所示: 语音识别支持列表: 因此,浏览器上面使用语音合成非常简单。 页面效果示例: 1、支持速度,音调设置 2、支持下拉选择语音模板 3、文字转语音 该文件可直接保存成htm

    2024年02月04日
    浏览(54)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包