howler.js支持多种音频文件
问题描述:
它适用于单个文件:howler.js支持多种音频文件
<button id="btn">Play</button>
<script>
var btn = new Howl({urls: ['http://www.javascriptoo.com/application/html/btn.wav']})
document.getElementById('btn').onclick=function(){btn.play()}
</script>
但我需要发挥多个文件:
<button id="btn2">Play</button>
<button id="btn3">Play</button>
<button id="btn23">Play</button>
这是任何简单的方法来解决呢?
答
无论是结合不同的声音到音频精灵(推荐方法):
var btn1 = new Howl({
urls: ['http://www.javascriptoo.com/application/html/btn1.wav']
});
document.getElementById('btn1').onclick = function(){
btn1.play();
};
var btn2 = new Howl({
urls: ['http://www.javascriptoo.com/application/html/btn2.wav']
});
document.getElementById('btn2').onclick = function(){
btn2.play();
};
var btn3 = new Howl({
urls: ['http://www.javascriptoo.com/application/html/btn3.wav']
});
document.getElementById('btn3').onclick = function(){
btn3.play();
};
:
var btns = new Howl({
urls: ['http://www.javascriptoo.com/application/html/btn.wav'],
sprite: {
btn1: [0, 1000],
btn2: [2000, 3000],
btn3: [4000, 5000]
}
});
或者,你可以设定每个按钮创建一个新Howl