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

Question

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

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

Answer 1

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

从这个答案引用和代码。

Answer 2

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

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

或者使用 jQuery：

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