在 Firefox 上遇到 HTML5 音频问题

Question

提前感谢您花时间阅读我的问题。

我正在构建一个将 HTML5 音频与 jQuery 集成的应用程序。在 Chrome 上，它可以播放！在 Firefox 上，它没有..

我有 .mp3 和 .ogg 文件，并编写了如下音频标签：

<audio id="drop-sound">
    <source src="music/water-droplet-1.mp3" type="audio/mp3" />
    <source src="music/water-droplet-1.ogg" type="audio/ogg" />
</audio>

然后我的 jQuery 播放如下：

//drop sound
var audioDrop = $('#drop-sound')[0];

//play drop
audioDrop.play();

任何帮助将不胜感激！

Answer 1

我有一些想法可以帮助您解决问题。

第一个是将音频标签更改为如下所示。

<audio id="drop-sound">
  <source src="music/water-droplet-1.ogg" type="audio/ogg" />
  <source src="music/water-droplet-1.mp3" type="audio/mpeg" />
    Your browser does not support the audio element.
</audio>

使用类型audio/mpeg 而不是audio/mp3

二是把javascript改成

document.getElementById('drop-sound').play();

这比设置变量然后告诉它播放要快。

最后一件事是检查您的服务器是否发送了正确的 MIME 类型。这是tutorial 解释这一点。