为何HTML5 Audio的WAV文件无法在Safari中播放？

你给出的音频代码在Chrome正常播放但Safari失效，原代码如下：

<audio controls loop>  
  <source type="audio/wav" src="https://www.dropbox.com/s/33wzzsmpe6a94l4/amitabha%20mantra%20from%20tbco.wav?dl=1" />
</audio>

问题原因 #

Safari对WAV格式的支持有严格限制：它仅支持PCM编码的WAV文件（要求16位深度、44.1kHz/48kHz采样率），如果你的WAV用了ADPCM等其他编码，Safari会直接拒绝加载。另外，部分云存储链接的响应头可能存在MIME类型不匹配的情况，也会导致Safari识别失败。

解决方案 #

1. 转换音频格式（推荐）
   把音频转成MP3或AAC格式，这两种是所有现代浏览器（包括Safari）都原生支持的通用格式，兼容性最好。

2. 修复WAV编码
   如果必须保留WAV格式，用音频编辑工具（比如Audacity）将文件重新导出为16位PCM编码、44.1kHz采样率的标准WAV文件。

3. 优化音频标签代码
   同时提供多种格式的音频源，让浏览器自动选择兼容的版本，示例代码如下：

<audio controls loop>
  <source type="audio/mp3" src="你的MP3文件地址">
  <source type="audio/wav" src="修复后的PCM编码WAV文件地址">
</audio>

另外，确保服务器返回的音频文件Content-Type正确对应格式（MP3为audio/mpeg，WAV为audio/wav），避免MIME类型错误导致加载失败。

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