在jQuery中预加载wav / mp3文件

时间:2010-07-03 08:44:17

标签: jquery html audio mp3 wav

我有这个代码(从另一个StackOverflow问题中找到:

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

此代码工作正常,但如何修改它以处理多个声音文件?

1 个答案:

答案 0 :(得分:3)

嗯。我认为你有两个选择:只需复制+粘贴块就可以一次启动多个$.ajax()个请求:

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

或者通过将下一个$.ajax()请求放入前一个success回调中来连续运行它们。

由于浏览器和服务器端的最大连接限制,我倾向于连续运行预加载。打开大量同时连接可能会减慢其他重要元素(如图像,JavaScript文件和样式表)的加载速度。