Speaker接口详解

1. 使用 Web Audio API 播放音频

AudioContext 是 Web Audio API 的核心，用于处理和合成音频。

const audioCtx = new (window.AudioContext || window.webkitAudioContext)();
const oscillator = audioCtx.createOscillator();
oscillator.type = 'sine';
oscillator.frequency.setValueAtTime(440, audioCtx.currentTime); // A4音
oscillator.connect(audioCtx.destination);
oscillator.start();
oscillator.stop(audioCtx.currentTime + 1);

2. 使用 SpeechSynthesis 实现文本转语音

现代浏览器支持 speechSynthesis 接口，可将文字朗读出来。

if ('speechSynthesis' in window) {
  const utterance = new SpeechSynthesisUtterance('你好，欢迎访问本页面！');
  utterance.lang = 'zh-CN';
  speechSynthesis.speak(utterance);
}

3. 注意事项

• 出于安全策略，多数浏览器要求用户交互（如点击）后才能播放音频。
• 不同浏览器对音频API的支持略有差异，建议做兼容性处理。
• 移动端需特别注意自动播放限制。