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

Question

[编辑:使用简化的测试页面,无需Javascript等]

我有一个包含四个音频文件的网页.这些文件作为<audio>带有.mp3文件的HTML5 提供,应该在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();
    });