HTML5 媒体加载有时会暂停或中止:Apache 配置错误?

HTML5 媒体加载有时会暂停或中止:Apache 配置错误?

最近,一些运行了几个月的代码开始意外运行。该代码只是一个使用 jQuery 的媒体文件加载 JavaScript 函数。它很长,但本质上是这样的:

var $audio=$('<audio>');
$audio.on('canplaythrough',function(e){
    $audio[0].play();
});
$audio.attr('src','song.ogg');

基本上,文件仅有时加载,有时会因暂停甚至中止事件而停止加载。

我已经上传了一些测试 HTML 到http://www.joanbotella.com/tests/loading,您可以在这里查看正在发生的事情。您可以从http://www.joanbotella.com/tests/loading/loadingTest.zip进行本地测试。

我刚刚检查过,index.html直接在 Firefox 中打开测试文件,而不是通过本地主机 Apache 服务器,音频文件就可以完美播放。因此,我假设我的主机和 Apache 服务器配置不正确,无法提供媒体文件。

我的软件版本是:Apache 2.2.22-1ubuntu1.7、Mozilla Firefox 31.0、Chromium 36.0.1985.125 和 jQuery 1.11.0。

编辑:我的 Apache 服务器配置非常简单。我刚刚安装了 Linux Mint 13 的软件包以及 php mod,并对 conf 文件做了很少的修改。我认为问题与我的具体配置无关,许多其他人可以自行重现此问题。如果您需要任何额外的信息来帮助我,请提出要求。

编辑:我刚刚检查过,index.html直接在 Firefox 中打开测试文件,而不是通过我的本地主机 Apache 服务器,可以让音频文件完美播放。因此,我假设我的主机和我的 Apache 服务器配置不正确,无法提供媒体文件。有什么建议吗?

编辑:用户 dan 要求我发布我的 Apache mime 类型配置。我认为它位于文件中/etc/mime.types,通过 mod_mime 加载mime.conf。文件太大,无法在此处粘贴,但您可以在http://pastebin.com/sNs0kGAv

无论如何,与 ogg 和 mp3 相关的行如下:

audio/ogg                   oga ogg spx
video/ogg                   ogv
application/ogg                 ogx
audio/mpeg                  mpga mpega mp2 mp3 m4a

相关内容