Firefox 中音频标签中的 MP3

Posted 2023-02-25

【中文标题】Firefox 中音频标签中的 MP3

【英文标题】：MP3 in Audio Tag in Firefox

【发布时间】：2011-09-20 21:43:49

【问题描述】：

我有这段代码用来播放 MP3：

<p>Current Recording<br><br>
<audio controls='controls'><source src='".$rec_url."' type='audio/mp3' />
<a href='".$rec_url."'>Click to Download the Current Recording</a>
</audio></p>

我可以在 Chrome 中看到音频播放器，我可以在 IE8 中下载链接。我的问题是我只在 Firefox 上看到一个带有 X 的黑框。我不需要在Firefox的这个播放器中播放它，我知道Firefox不支持播放MP3。

但是如何让链接显示出来呢？

谢谢！

更新：这是我看到的

【问题讨论】：

javascript 解决方案是否可以接受？检查audio 元素的error.code 属性，如果是4，则将元素替换为链接。请注意，在 Firefox 中，您仍然可以右键单击并下载音频。

非常感谢罗伯特，我会尝试看看是否可以利用 error.code 属性。关于你的第二点，我希望是这样，但它实际上是灰色的。该选项是将音频文件另存为...或类似的东西并且无法访问，如果这是不寻常的行为，我可以放一个屏幕截图。如果我能得到音频标签的 error.code，我会告诉你的。你应该把这个作为答案:) 谢谢！

【参考方案1】：

Firefox 只支持 ogg 和 wave。你可以这样做：

<audio controls='controls'>
    <source src='".$rec_url."' type='audio/mp3' />
    <source src='".$rec_ogg_url."' type='audio/ogg' />
    <a href='".$rec_url."'>Click to Download the Current Recording</a>
</audio>

【讨论】：

谢谢topek，所以如果链接在Firefox 中就无法显示？我无法访问此 mp3 的 ogg 版本

Google 可能会提供帮助：google.com/search?q=mp3+to+ogg 有许多免费工具可以帮助您转换文件。链接不显示是因为FF支持audio标签，只有当浏览器不支持该标签时才会显示audio标签内的链接内容。

我打算用robertc的建议，而不是复制整个mp3合集，说说浪费时间和空间

【参考方案2】：

我检查了元素的 error.code 属性，然后删除了整个标签，如果它的值为 4，则用链接替换它。