HTML5语音合成API使用教程

if ('speechSynthesis' in window) {
  // 支持语音合成
} else {
  console.log('当前浏览器不支持语音合成');
}

const utterance = new SpeechSynthesisUtterance('你好，这是语音合成示例');
speechSynthesis.speak(utterance);

const utterance = new SpeechSynthesisUtterance('欢迎使用语音合成');
utterance.volume = 1;     // 音量：0 到 1
utterance.rate = 1;       // 语速：0.1 到 10
utterance.pitch = 1;      // 音调：0 到 2
utterance.lang = 'zh-CN'; // 语言：中文普通话

// 等待语音列表加载完成
speechSynthesis.getVoices().forEach(voice => {
  console.log(voice.name, voice.lang, voice.default ? '默认' : '');
});

if (speechSynthesis.getVoices().length === 0) {
  speechSynthesis.onvoiceschanged = () => {
    const voices = speechSynthesis.getVoices();
    // 此处可选择特定语音
  };
}

const utterance = new SpeechSynthesisUtterance('使用中文语音播报');
const voices = speechSynthesis.getVoices();
const chineseVoice = voices.find(voice => voice.lang === 'zh-CN');
if (chineseVoice) {
  utterance.voice = chineseVoice;
}
speechSynthesis.speak(utterance);

speechSynthesis.pause();    // 暂停
speechSynthesis.resume();   // 恢复
speechSynthesis.cancel();   // 取消全部语音