1. 修改Safari浏览器的自动播放默认设置 #

桌面版Safari（macOS） #

• 打开Safari，点击顶部菜单栏的 Safari > 设置（或者按Command + ,快捷键）
• 切换到网站标签页
• 在左侧列表中找到自动播放选项
• 在右侧的“当访问其他网站时”下拉菜单中，选择你想要的默认设置：
  • 允许所有自动播放：网站可自动播放音频/视频
  • 停止媒体播放：阻止所有自动播放的媒体
  • 仅允许静音自动播放：只有静音的视频可以自动播放，音频需要用户触发

iOS/iPadOS版Safari #

• 打开设备的设置应用
• 向下滚动找到并点击Safari浏览器
• 在“设置”部分，找到自动播放选项
• 选择对应的设置：
  • 允许所有自动播放
  • 停止媒体播放
  • 仅允许静音自动播放

2. 解决Safari阻止网站音频播放的JavaScript方案 #

首先得明确：JavaScript无法直接修改Safari的自动播放阻止列表或全局设置——这是Safari为了保护用户体验和隐私的安全限制，任何脚本都没有权限绕过这个规则。不过我们可以通过以下几种方式来适配Safari的政策，让音频正常播放：

方案1：通过用户交互触发播放 #

Safari允许在用户主动交互（比如点击、触摸、键盘输入）的回调函数中初始化音频并播放，这是最可靠的方法。示例代码：

// 监听页面上的任意用户点击事件
document.addEventListener('click', async () => {
  // 初始化音频上下文（兼容旧版Safari）
  if (!window.AudioContext) {
    window.AudioContext = window.webkitAudioContext;
  }
  const audioContext = new AudioContext();
  
  // 直接创建Audio元素并播放
  const audio = new Audio('your-audio-file.mp3');
  try {
    await audio.play();
    console.log("音频开始播放");
  } catch (err) {
    console.error("播放失败：", err);
  }
  
  // 只触发一次，避免重复绑定
  document.removeEventListener('click', arguments.callee);
});

提示：如果你的音频是在特定事件（比如按钮点击、表单提交）触发的，确保这个事件是由用户主动操作发起的，而不是脚本自动触发的。

方案2：提示用户手动将网站加入允许列表 #

如果用户经常访问你的网站，可以引导他们手动解除阻止：

• 桌面版Safari：点击地址栏左侧的网站信息图标（🔒），在弹出的菜单中找到自动播放，选择允许
• iOS版Safari：点击地址栏右侧的“AA”图标，选择网站设置，找到自动播放并设置为允许

你可以在页面上添加友好的提示，比如：

"检测到Safari阻止了音频播放，请点击地址栏的🔒图标，将自动播放设置为允许，以正常体验音频功能。"

方案3：预加载音频并保持上下文活跃 #

对于需要在后续事件中播放音频的场景，可以在用户第一次交互时预加载音频并保持AudioContext活跃：

let audioInstance;
let audioContext;

// 用户第一次交互时初始化（兼容触摸和点击操作）
document.addEventListener('touchstart', initAudio, { once: true });
document.addEventListener('click', initAudio, { once: true });

function initAudio() {
  // 初始化音频上下文
  audioContext = new (window.AudioContext || window.webkitAudioContext)();
  // 预加载音频
  audioInstance = new Audio('your-audio-file.mp3');
  audioInstance.load();
  
  // 播放极短静音音频激活上下文（适配部分旧版Safari）
  const buffer = audioContext.createBuffer(1, 1, 22050);
  const source = audioContext.createBufferSource();
  source.buffer = buffer;
  source.connect(audioContext.destination);
  source.start();
}

// 后续在特定事件中调用播放
function playAudioOnEvent() {
  if (audioInstance && audioContext.state === 'running') {
    audioInstance.currentTime = 0;
    audioInstance.play().catch(err => console.error(err));
  }
}

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