使用html5preloader加载和播放音频文件

Question

我正在尝试使用html5loader js库来预加载音频文件。

我的代码如下所示：

var myLoader = html5Preloader();
myLoader.addFiles('mysound*:rattle1.ogg||rattle1.mp3'); 
myLoader.on('finish', function(){ alert('All assets loaded.'); });
myLoader.getFile('mysound').play();

我得到一个错误：

TypeError: myLoader.getFile(...)未定义(Firefox)且未捕获TypeError:无法调用未定义(Chrome)的方法'play‘

怎么啦？声音文件与.html文件位于同一文件夹中。

Answer 1

我不确定，但如果我看一下代码，我会认为发生了以下情况：

var myLoader = html5Preloader();

// Here the preloading of the soundfile starts
myLoader.addFiles('mysound*:rattle1.ogg||rattle1.mp3');

// While the soundfile is loading, you set the event
myLoader.on('finish', function(){ alert('All assets loaded.'); });

// The soundfile may not yet be ready loading and yet you are trying to play it!!
myLoader.getFile('mysound').play();

因此，我认为解决方案如下(例如)：

var myLoader = html5Preloader();
myLoader.on('finish', function(){ 
    // Start playing the sound once it's finished loading
    myLoader.getFile('mysound').play();
});
myLoader.addFiles('mysound*:rattle1.ogg||rattle1.mp3');