http://pieterhordijk.com/sandbox/test.mp3用作音频/mpeg,这很好。但是,当我使用 Opera 下载它时,由于某种原因它已损坏,我无法将其添加到 Foobar 的播放列表或任何其他内容中。但是,它确实可以使用 wget 很好地下载,因此这可能只是 Opera 的问题或服务器提供给 Opera 的一些时髦的东西。无论如何,使用 <audio> 加载 mp3 在 Opera 中是行不通的,因为 Opera 不支持这种格式。
http://pieterhordijk.com/sandbox/test.ogg用作音频/ogg,这很好。而且,它现在还包含 vorbis 而不是 flac(因为您已修复它)。它不会在 Opera 中远程播放,但如果我下载文件并在本地在 Opera 中打开它,它就可以正常播放。它也可以在 Foobar 中播放。
http://pieterhordijk.com/sandbox/test.oga使用了错误的 mime 类型。它作为文本/纯文本提供,但应该作为音频/ogg 提供(您可以在 .htaccess 中修复此问题)。但是,它确实包含 vorbis 并且可以与 Foobar 一起播放。同样,这个不会在 Opera 中远程播放。但是,如果我下载它并在本地在 Opera 中打开它,它就没有问题。
http://pieterhordijk.com/sandbox/test.wav用作音频/x-wav,这很好。但是,wav 文件不能用于流式传输,因为它的大小为 30.9MB,除非完全获取,否则播放可能会很糟糕。这个至少可以远程在 Opera 中播放。
但是,在我的网站上一切正常。请参阅http://shadow2531.com/opera/testcases/plugins/temp/peehaa/test_audio_vorbis.html。您的 oga 文件在 Opera 中播放没有问题,对于不支持 Vorbis 的 UA,它应该回退到 mp3。
话虽如此,这似乎与您的服务器提供文件的方式有关。我注意到的唯一区别是您的服务器正在发送 Vary: Accept-Encoding 标头。但是,不确定这是否是原因。
现在,正如您从我的测试页面中看到的那样,它正在使用:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<p>
<audio controls width="300">
<source src="test.oga" type='audio/ogg; codecs="vorbis"'>
<source src="test.mp3" type="audio/mpeg">
<a href="test.oga">test.oga</a>
<a href="test.mp3">test.mp3</a>
</audio>
</p>
</body>
</html>
这就是您可以退回到其他类型的方式。有关更多信息,请参阅http://www.whatwg.org/specs/web-apps/current-work/multipage/the-iframe -element.html#the-source-element。如果 mp3 和 vorbis 不够用,您可以在 mp4/m4a 容器中添加 aac 音频作为另一个后备。