JS播放音频时如何隐藏播放通知？求实现代码

可以实现，原生Audio对象的播放行为可能会触发系统级的媒体播放通知，改用Web Audio API的AudioContext就能避免这个问题——它属于更底层的音频处理接口，不会弹出播放通知。

代码示例 #

// 创建AudioContext实例（兼容不同浏览器前缀）
const audioContext = new (window.AudioContext || window.webkitAudioContext)();

// 加载并播放音频的异步函数
async function playNotificationWithoutAlert() {
  try {
    // 拉取音频文件
    const response = await fetch('notification.mp3');
    const arrayBuffer = await response.arrayBuffer();
    // 解码音频数据
    const audioBuffer = await audioContext.decodeAudioData(arrayBuffer);
    
    // 创建音频缓冲区源节点
    const sourceNode = audioContext.createBufferSource();
    sourceNode.buffer = audioBuffer;
    // 连接到音频输出端
    sourceNode.connect(audioContext.destination);
    
    // 启动播放
    sourceNode.start();
  } catch (err) {
    console.error('音频播放失败:', err);
  }
}

// 注意：浏览器要求音频播放必须由用户交互触发（比如点击）
document.addEventListener('click', () => {
  // 如果AudioContext处于暂停状态，先恢复
  if (audioContext.state === 'suspended') {
    audioContext.resume();
  }
  playNotificationWithoutAlert();
});

关键说明 #

• AudioContext不会触发系统媒体通知，因为它定位是音频处理工具，而非媒体播放器。
• 必须通过用户交互（点击、触摸等）触发播放，这是浏览器的自动播放策略限制，防止恶意站点自动播放音频。
• 兼容绝大多数现代浏览器，旧版浏览器可能需要webkitAudioContext前缀做兼容。

内容的提问来源于stack exchange，提问作者sudoer