Question

我正在测试音频HTML标记。

它正在进行我的测试环境，但由于某种原因不在我的生产环境中。

我只是使用：<audio src="/sandbox/test.mp3" controls="controls"></audio>。

测试站点在Windows上，生产站点在Linux上，但我认为这应该会有所不同。

我可以下载曲目，所以我知道它在正确的位置。

制作网址为：http://pieterhordijk.com/sandbox

如前所述，完全相同的代码适用于testsite。

任何人都知道它为什么不加载我的音频？

PS

我正在测试使用：

Chrome 11.0.696.68

修改

现在我正在使用Chrome 13（Canary Build）和MP3加载。

但是WAV只加载第一秒。

Answer 1

http://pieterhordijk.com/sandbox/test.mp3作为audio / mpeg提供，这很好。但是，当我用Opera下载它时，由于某种原因它出现了损坏，我无法将其添加到Foobar的播放列表或任何其他内容。但是，它确实可以用wget下载，所以这可能只是Opera的一个问题，或服务器给Opera带来的一些时髦。使用＆lt; audio＆gt;加载mp3因为Opera不支持这种格式，所以当然无法在Opera中使用。

http://pieterhordijk.com/sandbox/test.ogg作为audio / ogg提供，这很好。并且，它现在还包含vorbis而不是flac（因为你修复了它）。它不会在Opera远程播放，但如果我下载文件并在Opera本地打开它，播放就可以了。它也可以在Foobar中播放。

http://pieterhordijk.com/sandbox/test.oga使用错误的mime类型。它用作text / plain，但应该作为audio / ogg（你可以在.htaccess中修复它）。但是，它确实包含vorbis并且可以与Foobar一起玩。再一次，这个不会在Opera中远程播放。但是，如果我下载并在本地Opera中打开它，它就没有问题。

http://pieterhordijk.com/sandbox/test.wav作为audio / 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音频作为另一个后备。

Answer 2

我有一个类似的问题，由于某种原因，它不会加载本地MP3文件，我的解决方案是使用OGG文件，所有工作。我的本地开发系统是Linux / apache2，我使用Firefox 8和Chrome 15测试过。音频标签确实可用于远程MP3和OGG文件，但我不知道他们为什么不在本地工作，OGG再次在本地工作。

音频未加载HTML音频标签

2 个答案: