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解释这个。

在Firefox上遇到HTML5音频问题

1 个答案: