前端实现语音播报功能

创建语音播报实例
const synth = window.speechSynthesis; //使用window自带speechSynthesis
const msg = new SpeechSynthesisUtterance(); //实例化播报内容

语音播报的函数
const handleSpeak = (text) => {

     msg.text = text // 文字内容: 测试内容
     msg.lang = "zh-CN"; // 使用的语言:中文
     msg.volume = 1; // 声音音量：1
     msg.rate = 1; // 语速：1
     msg.pitch = 1; // 音高：1
     synth.speak(msg); // 播放
}

播报
handleSpeak(data);

监听播报完成状态 进行重新播报
synth.addEventListener("end", end(data));

const end = (data) => {

     handleSpeak(data)
}

播报暂停

const handleStop = () => {
  synth.cancel(msg);
}