Question

[编辑：使用简化的测试页面，不使用Javascript等。]

我有一个包含四个音频文件的网页。这些文件作为HTML5 <audio>提供.mp3文件，应该在Safari中播放。（我和Firefox和Chrome中的.ogg文件没有任何问题。）

每次重新加载页面时，一到三个文件之间正确加载，其余文件无法加载 - 尽管它们没有出错，并且“加载”消息消失了;好像他们装的尺码是0B。哪些文件有效，哪些文件看起来不是完全随机的：我看到每个文件都加载，每个文件都失败多次。

如何正确加载所有这些文件？

Answer 1

我遇到类似的问题，文件没有加载，并提出了这个解决方案。似乎HTML5音频/视频可以“停止”，这意味着它只是停止加载。幸运的是，当发生这种情况时会发生“失速”事件。我做的是听这个事件，当它/如果它发射，只是试图强制音频再次加载。

使用jQuery的示例：

    // the event is 'onstalled' - 'stalled' in the jquery case
   $("audio").bind("stalled", function() { 
        var audio = this;
        audio.load();

        // Threw in these two lines for good measure.
        audio.play();
        audio.pause();
    });

Answer 2

查看生成的页面源，您将第一个源加载为ogg文件，然后按照此顺序加载mp3文件

但是，正如http://html5doctor.com/native-audio-in-the-browser/文件中指定的顺序相反，所以尝试做同样的

否则尝试在您的来源中提供m4a / mp4容器中的aac音频

HTML5音频文件无法在Safari中加载

2 个答案: