news 2026/7/23 20:07:48

VUE3实现语音播报

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
VUE3实现语音播报
//安装 npm install speak-tts //引入 import Speech from 'speak-tts'; const speech = new Speech(); if(speech.hasBrowserSupport()) { // 检测浏览器是否支持,returns a boolean console.log("语音引擎加载成功") } //初始化 speech.init({ volume: 0.6, // 音量0-1 lang: 'zh-CN', // 语言 rate: 1, // 语速1正常语速,2倍语速就写2 pitch:1, // 音调 voice:'Microsoft Yaoyao - Chinese (Simplified, PRC)',//支持Microsoft Huihui - Chinese (Simplified, PRC),Microsoft Kangkang - Chinese (Simplified, PRC),Microsoft Yaoyao - Chinese (Simplified, PRC) listeners: { // 事件 onvoiceschanged: voices => { // console.log('事件声音已更改', voices); }, }, }) .then(data => { console.log('语音已准备好,声音可用', data); }) .catch(e => { console.error('初始化时发生错误 : ', e); }); //提取方法 async function speakMsg(textMsg){ await speech.speak({ text: textMsg, queue: false, listeners: { onend: () => { } } }) } //调用 speakMsg("请及时处理")

参考链接:

vue3使用speak-tts实现文字转语音播报1.下载speak-tts 2.封装voice方法 3.使用voice方 - 掘金

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/7/23 20:07:35

OpenWrt编译流程深度解析:从源码到固件的完整构建指南

1. 环境准备:打好地基,编译不慌 想自己动手编译一个专属的OpenWrt固件,听起来很酷,但第一步千万别急着敲命令。我见过太多朋友,兴致勃勃地拉下源码,结果第一步make menuconfig就报错,折腾半天才发现是基础环境没装好。这就像盖房子,地基没打牢,后面砌再高的墙也容易塌…

作者头像 李华
网站建设 2026/7/23 20:05:46

TMS570时钟系统与低功耗模式实战:从架构解析到汽车MCU应用

1. 时钟系统架构深度解析 时钟系统是微控制器的心脏,它决定了整个芯片的“脉搏”和“节奏”。在TMS570LS12x/11x这类面向功能安全(如ISO 26262 ASIL-D)的汽车级MCU中,时钟系统不仅仅是提供频率那么简单,它更是系统稳定…

作者头像 李华
网站建设 2026/7/23 20:00:10

2026深度实测:16款降AI率软件测评,论文降重降ai率终极答案!

随着AI写作技术的迅猛发展,越来越多的学术创作者开始依赖这类工具提升效率。然而,随着2026年各大高校与科研机构对AIGC检测标准的不断升级,论文中若存在明显AI痕迹,将面临严重的学术风险。在这一背景下,如何有效降低AI…

作者头像 李华
网站建设 2026/7/23 19:58:44

GEO优化不是玄学:广拓时代拆解AI搜索背后的内容逻辑

很多企业觉得GEO优化听起来很玄,其实真正拆开看,它并不是神秘算法,也不是给某个AI塞后门。 靠谱的GEO优化更像一套内容工程和信源工程:先看用户会怎么问,再看AI现在怎么回答,再把企业真实信息整理成AI能读懂…

作者头像 李华
网站建设 2026/7/23 19:55:51

深入解析TI C2000 ePWM模块:从原理到电机控制实战

1. 项目概述:从基础PWM到TI ePWM的跃迁在嵌入式系统,尤其是电机驱动和数字电源这类对实时性、精度和可靠性要求极高的领域,脉冲宽度调制(PWM)技术是当之无愧的基石。简单来说,PWM就是通过调节一个数字方波信…

作者头像 李华