npm 安装 "speak-tts": "^2.0.8",
javascript
npm install speak-tts
在vue文件中引用
javascript
import Speech from "speak-tts";
const speech = ref(null);
onMounted(() => {
speechInit();
});
//语音播报初始化
const speechInit = () => {
speech.value = new Speech();
speech.value.setLanguage("zh-CN");
speech.value.init({
volume: 0.6, // 音量0-1
lang: "zh-CN", // 语言
rate: 1, // 语速1正常语速,2倍语速就写2
pitch: 1, // 音调
voice: "Microsoft Yaoyao - Chinese (Simplified, PRC)",
listeners: {
// 事件
onvoiceschanged: (voices) => {
// console.log('事件声音已更改', voices);
},
},
});
};
speech.value.speak({ text: "语音播报" }); //正常播放
speech.value.cancel(); //取消播放
speech.value.pause(); //暂停播放
speech.value.resume(); //从暂停的地方恢复播放