Chrome 112中.ogg音频加载正常但无声的技术咨询

以下是针对你遇到问题的排查和解决步骤：

1. 排查Chrome自动播放策略限制 #

Chrome对autoplay属性有严格的触发规则：如果页面没有用户主动交互（比如点击、触摸），即使音频标签加了autoplay，浏览器也会强制静音播放（表现为显示正在播放但无声音）。

• 测试：手动点击播放按钮，若此时有声音，说明是自动播放限制导致。
• 解决：
  • 移除autoplay属性，让用户主动触发播放；
  • 绑定用户交互事件（比如按钮点击）来调用audioPlayer.play()，确保播放动作由用户触发。

2. 验证音频编码与标签type匹配 #

你设置的type为audio/ogg; codecs=opus，但如果音频文件实际是Vorbis编码的OGG，可能会出现兼容性问题：

• 用FFmpeg等工具检查文件编码：

  ffmpeg -i file.ogg
  

  若输出显示编码为Vorbis，将type改为audio/ogg; codecs=vorbis；也可以直接移除type属性，让浏览器自动检测编码格式。

3. 检查Chrome实验性标志状态 #

虽然Chrome默认支持OGG/Opus，但如果修改过实验性标志可能导致异常：

• 在地址栏输入chrome://flags，搜索以下标志并确保设置为Default：
  • #enable-opus-support
  • #ogg-support
    修改后重启Chrome测试。

4. 确认站点声音权限 #

检查当前站点是否被允许播放声音：

• 点击地址栏左侧的锁图标，进入「站点设置」，确认「声音」权限为「允许」。

5. 测试简化版音频标签 #

先用最简化的代码排除其他属性干扰：

<audio src="file.ogg" controls></audio>

如果这个版本能正常播放，再逐步添加preload、controlslist等属性，排查具体是哪个属性引发的问题。

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