jquery - 在客户端预加载音频文件供以后使用

Question

我正在构建一个使用本机音频播放器（即非基于 Flash）实现音频（mp3）的在线测试。

该测试一次显示一个问题，并异步加载每个后续问题。

有些问题有附带的音频文件，有些则没有，并且音频文件的大小可能有几 MB。

所以我希望做的是在测试开始时在客户端预加载音频文件，然后在出现相关问题时将它们移动到位。

到目前为止，我已经尝试将音频文件加载到 QuickTime 播放器中，然后当出现该问题时，我使用 jQuery 的clone(true)方法将其复制到显示的页面的一部分中。但是，当我这样做时，QuickTime 播放器必须从源重新加载音频文件。Windows Media Player 也是如此。

有没有人对我如何预加载音频客户端然后在需要时调用它有任何建议？

Answer 1

我认为您需要做的就是掌握jPlayer或soundmanager之类的东西，然后使用这样的 ajax 函数来预加载音频：

$(document).ready(function() {
    $.ajax({
        url: "soundfile.mp3",
        success: function() {
            $("#play_button").show();
        }
    });
});