我正在测试音频 HTML 标签。
它正在我的测试环境中工作，但由于某种原因不在我的生产环境中。
我只是使用: <audio src="/sandbox/test.mp3" controls="controls"></audio> 。
测试站点在 Windows 上，生产站点在 Linux 上，但我认为这应该有所不同。
我可以下载轨道，所以我知道它在正确的位置。
生产网址是:http://pieterhordijk.com/sandbox
如前所述，完全相同的代码适用于测试站点。
有人知道为什么它不加载我的音频吗？
聚苯乙烯
我正在测试使用:
Chrome 11.0.696.68
编辑
现在我在 Chrome 13 (Canary Build) 上加载 MP3。
但是 WAV 只加载第一秒。
最佳答案
http://pieterhordijk.com/sandbox/test.mp3 用作音频/mpeg，这很好。但是，当我使用 Opera 下载它时，由于某种原因它已损坏，我无法将其添加到 Foobar 的播放列表或任何内容中。但是，它确实可以通过 wget 正常下载，因此这可能只是 Opera 的问题或服务器提供给 Opera 的一些奇怪的东西。使用 加载 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 header 。但是，不确定这是不是原因。
现在，正如您将在我的测试页中看到的那样，它正在使用:
<!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 音频作为另一个后备。
关于html - 音频未加载到 HTML 音频标签中，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/6037756/