音频标签在Safari或Opera中不起作用

Question

我在Safari或Opera中播放音频时遇到问题。以下代码不适用于：

<audio controls>
    <source src="http://fallowproduction.com/music/Paradigm%20E%20-%20Once%20upon%20a%20Dubstep2.mp3" type="audio/mpeg">
</audio>

以下是用于轻松访问代码的jsFiddle：http://jsfiddle.net/panq7/1/

考虑到这很简单，我为什么会感到困惑。这是正常的问题吗？或者还有其他事情发生了吗？我抬头看着Safari的mp3问题，虽然没有找到解决办法，但我发现了一堆投诉。

编辑：我通过添加嵌入标记选项修复了Safari问题。尽管如此，它并不是理想的解决方案，因为Safari应该支持<audio>标签，但事实并非如此（有人让我知道它是否适用于他们的Safari版本）。但是，Opera显然不支持<audio>标记，或 <embed>标记。这与浏览器规范相反，后面由StackOverflow的另一个成员提到。

Answer 1

Opera确实支持<audio>但是，使用MP3时，对不同采样率的支持似乎有限。为了解决这个问题，我检测到对OGG的支持并检测Opera浏览器并回退到OGG。它并不完美，因为我更愿意只是检测是否有MP3支持并继续使用它，但Opera报告它确实支持MP3，所以仅仅检查它是不够的。

你也可以简单地使用Opera支持的MP3格式。我相信支持以下内容：

32kHz / 44.1kHz / 48kHz频率， 16kbps-10Mbps比特率

Answer 2

    

    

原因可能是缺少封闭标签/＆gt;在源代码行中。 沃尔夫冈