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

Question

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

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

Answer 1

使用纯JS你可以通过使用canplaythrough事件：

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

或者使用jQuery：

Answer 2

您可以使用loadeddata-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!'); 
     } 
    }); 
}); 

报价，并从this answer代码。