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方 - 掘金