我正在为一位将在全球范围内检查网站的音乐家创建一个网站，因此音频元素再现的兼容性至关重要。
因此，我考虑了以下内容以涵盖所有可能的浏览器：
<audio controls="controls" data-music data-bind-target="{{ fileName }}">
<source src="assets/audio/mp3/fileName.mp3" type="audio/mpeg" />
<source src="assets/audio/ogg/fileName.ogg" type="audio/ogg" />
<source src="assets/audio/webm/fileName.webm" type="audio/webm" />
<source src="assets/audio/wav/fileName.wav" type="audio/wave" />
</audio>
我看过只插入mp3and的网站ogg，所以我想知道我是否太过分了。我已经检查了MDN 网站上的格式，但不确定要遵循什么，因此我想听听其他开发人员的意见。
创建这些格式不费吹灰之力，所以这不是问题。我想知道：
- 如果这有助于使音频文件更好地跨浏览器？
- 它是否影响全局性能？
- 是下载所有文件还是只下载按显示顺序工作的第一个文件？
- 你会推荐哪个顺序？如果重要的话……