如何在加载音频源文件时使用 js/jquery 来处理事件

Question

http://jsfiddle.net/kent93/AyEpR/

我想隐藏（） 加载器 GIF ，在加载音频后。

Answer 1

使用纯JS，您可以通过使用canplaythrough事件来做到这一点：

myAudio.addEventListener("oncanplaythrough", function() { ... here hide gif ... }, false);

或者使用 jQuery：

$('#theMp3File').on('canplay canplaythrough', function(){
    $('.loader').hide();
});

Answer 2

您可以使用 loaddata-MediaEvent。

例：

var files = ['a.mp3','b.mp3'];
$.each(files,function(){
   var tmp = new Audio();
   tmp.src = this;
   tmp.on('loadeddata',function(){
   var i = files.indexOf(this);
      files.splice(i,1);
      if (!files.length){
         alert('Preloading done!');
      }
   });
});

从这个答案中引用和编码。