diff options
Diffstat (limited to 'howler.js-2.0.0-beta4/tests/tests.js')
| -rw-r--r-- | howler.js-2.0.0-beta4/tests/tests.js | 452 |
1 files changed, 452 insertions, 0 deletions
diff --git a/howler.js-2.0.0-beta4/tests/tests.js b/howler.js-2.0.0-beta4/tests/tests.js new file mode 100644 index 0000000..ff6479b --- /dev/null +++ b/howler.js-2.0.0-beta4/tests/tests.js @@ -0,0 +1,452 @@ +// Cache the label for later use. +var label = document.getElementById('label'); + +// Setup the sounds to be used. +var sound1 = new Howl({ + src: ['sound1.ogg', 'sound1.mp3'] +}); + +var sound2 = new Howl({ + src: ['sound1.ogg', 'sound1.mp3'], + html5: true +}); + +var sound3 = new Howl({ + src: ['sound2.ogg', 'sound2.mp3'], + sprite: { + one: [0, 450], + two: [2000, 250], + three: [4000, 350], + four: [6000, 380], + five: [8000, 340], + beat: [10000, 11163] + } +}); + +var sound4 = new Howl({ + src: ['sound2.ogg', 'sound2.mp3'], + html5: true, + sprite: { + one: [0, 450], + two: [2000, 250], + three: [4000, 350], + four: [6000, 380], + five: [8000, 340], + beat: [10000, 11163] + } +}); + +// Define the tests to run. +var id; +var webaudio = [ + function(fn) { + sound1.once('play', function() { + label.innerHTML = 'PLAYING'; + setTimeout(fn, 2000); + }); + + id = sound1.play(); + }, + + function(fn) { + sound1.pause(id); + + label.innerHTML = 'PAUSED'; + setTimeout(fn, 1500); + }, + + function(fn) { + sound1.play(id); + + label.innerHTML = 'RESUMING'; + setTimeout(fn, 2000); + }, + + function(fn) { + sound1.stop(id); + + label.innerHTML = 'STOPPED'; + setTimeout(fn, 1500); + }, + + function(fn) { + sound1.play(id); + + label.innerHTML = 'PLAY FROM START'; + setTimeout(fn, 2000); + }, + + function(fn) { + sound1.fade(1, 0, 2000, id); + + label.innerHTML = 'FADE OUT'; + sound1.once('faded', function() { + fn(); + }, id); + }, + + function(fn) { + sound1.fade(0, 1, 2000, id); + + label.innerHTML = 'FADE IN'; + sound1.once('faded', function() { + fn(); + }, id); + }, + + function(fn) { + sound1.mute(true, id); + + label.innerHTML = 'MUTE'; + setTimeout(fn, 1500); + }, + + function(fn) { + sound1.mute(false, id); + + label.innerHTML = 'UNMUTE'; + setTimeout(fn, 2000); + }, + + function(fn) { + sound1.volume(0.5, id); + + label.innerHTML = 'HALF VOLUME'; + setTimeout(fn, 2000); + }, + + function(fn) { + sound1.volume(1, id); + + label.innerHTML = 'FULL VOLUME'; + setTimeout(fn, 2000); + }, + + function(fn) { + sound1.seek(0, id); + + label.innerHTML = 'SEEK TO START'; + setTimeout(fn, 2000); + }, + + function(fn) { + id = sound1.play(); + + label.innerHTML = 'PLAY 2ND'; + setTimeout(fn, 2000); + }, + + function(fn) { + sound1.mute(true); + + label.innerHTML = 'MUTE GROUP'; + setTimeout(fn, 1500); + }, + + function(fn) { + sound1.mute(false); + + label.innerHTML = 'UNMUTE GROUP'; + setTimeout(fn, 2000); + }, + + function(fn) { + sound1.volume(0.5); + + label.innerHTML = 'HALF VOLUME GROUP'; + setTimeout(fn, 2000); + }, + + function(fn) { + sound1.fade(0.5, 0, 2000); + + label.innerHTML = 'FADE OUT GROUP'; + sound1.once('faded', function() { + if (sound1._onfaded.length === 0) { + fn(); + } + }); + }, + + function(fn) { + sound1.fade(0, 1, 2000); + + label.innerHTML = 'FADE IN GROUP'; + sound1.once('faded', function() { + if (sound1._onfaded.length === 0) { + fn(); + } + }); + }, + + function(fn) { + sound1.stop(); + + label.innerHTML = 'STOP GROUP'; + setTimeout(fn, 1500); + }, + + function(fn) { + id = sound3.play('beat'); + + label.innerHTML = 'PLAY SPRITE'; + setTimeout(fn, 2000); + }, + + function(fn) { + sound3.pause(id); + + label.innerHTML = 'PAUSE SPRITE'; + setTimeout(fn, 1000); + }, + + function(fn) { + sound3.play(id); + + label.innerHTML = 'RESUME SPRITE'; + setTimeout(fn, 1500); + }, + + function(fn) { + var sounds = ['one', 'two', 'three', 'four', 'five']; + for (var i=0; i<sounds.length; i++) { + setTimeout(function(i) { + sound3.play(sounds[i]); + }.bind(null, i), i * 500); + } + + label.innerHTML = 'MULTIPLE SPRITES'; + setTimeout(fn, 3000); + }, + + function(fn) { + var sprite = sound3.play('one'); + sound3.loop(true, sprite); + + label.innerHTML = 'LOOP SPRITE'; + setTimeout(function() { + sound3.loop(false, sprite); + fn(); + }, 3000); + }, + + function(fn) { + sound3.fade(1, 0, 2000, id); + + label.innerHTML = 'FADE OUT SPRITE'; + sound3.once('faded', function() { + fn(); + }); + } +]; + +var html5 = [ + function(fn) { + id = sound2.play(); + + label.innerHTML = 'PLAYING (HTML5)'; + setTimeout(fn, 2000); + }, + + function(fn) { + sound2.pause(id); + + label.innerHTML = 'PAUSED (HTML5)'; + setTimeout(fn, 1500); + }, + + function(fn) { + sound2.play(id); + + label.innerHTML = 'RESUMING (HTML5)'; + setTimeout(fn, 2000); + }, + + function(fn) { + sound2.stop(id); + + label.innerHTML = 'STOPPED (HTML5)'; + setTimeout(fn, 1500); + }, + + function(fn) { + sound2.play(id); + + label.innerHTML = 'PLAY FROM START (HTML5)'; + setTimeout(fn, 2000); + }, + + function(fn) { + sound2.fade(1, 0, 2000, id); + + label.innerHTML = 'FADE OUT (HTML5)'; + sound2.once('faded', function() { + fn(); + }); + }, + + function(fn) { + sound2.fade(0, 1, 2000, id); + + label.innerHTML = 'FADE IN (HTML5)'; + sound2.once('faded', function() { + fn(); + }); + }, + + function(fn) { + sound2.mute(true, id); + + label.innerHTML = 'MUTE (HTML5)'; + setTimeout(fn, 1500); + }, + + function(fn) { + sound2.mute(false, id); + + label.innerHTML = 'UNMUTE (HTML5)'; + setTimeout(fn, 2000); + }, + + function(fn) { + sound2.volume(0.5, id); + + label.innerHTML = 'HALF VOLUME (HTML5)'; + setTimeout(fn, 2000); + }, + + function(fn) { + sound2.volume(1, id); + + label.innerHTML = 'FULL VOLUME (HTML5)'; + setTimeout(fn, 2000); + }, + + function(fn) { + sound2.seek(0, id); + + label.innerHTML = 'SEEK TO START (HTML5)'; + setTimeout(fn, 2000); + }, + + function(fn) { + id = sound2.play(); + + label.innerHTML = 'PLAY 2ND (HTML5)'; + setTimeout(fn, 2000); + }, + + function(fn) { + sound2.mute(true); + + label.innerHTML = 'MUTE GROUP (HTML5)'; + setTimeout(fn, 1500); + }, + + function(fn) { + sound2.mute(false); + + label.innerHTML = 'UNMUTE GROUP (HTML5)'; + setTimeout(fn, 2000); + }, + + function(fn) { + sound2.volume(0.5); + + label.innerHTML = 'HALF VOLUME GROUP (HTML5)'; + setTimeout(fn, 2000); + }, + + function(fn) { + sound2.fade(0.5, 0, 2000); + + label.innerHTML = 'FADE OUT GROUP (HTML5)'; + sound2.once('faded', function() { + if (sound2._onfaded.length === 0) { + fn(); + } + }); + }, + + function(fn) { + sound2.fade(0, 1, 2000); + + label.innerHTML = 'FADE IN GROUP (HTML5)'; + sound2.once('faded', function() { + if (sound2._onfaded.length === 0) { + fn(); + } + }); + }, + + function(fn) { + sound2.stop(); + + label.innerHTML = 'STOP GROUP (HTML5)'; + setTimeout(fn, 1500); + }, + + function(fn) { + id = sound4.play('beat'); + + label.innerHTML = 'PLAY SPRITE (HTML5)'; + setTimeout(fn, 2000); + }, + + function(fn) { + sound4.pause(id); + + label.innerHTML = 'PAUSE SPRITE (HTML5)'; + setTimeout(fn, 1000); + }, + + function(fn) { + sound4.play(id); + + label.innerHTML = 'RESUME SPRITE (HTML5)'; + setTimeout(fn, 1500); + }, + + function(fn) { + var sounds = ['one', 'two', 'three', 'four', 'five']; + for (var i=0; i<sounds.length; i++) { + setTimeout(function(i) { + sound4.play(sounds[i]); + }.bind(null, i), i * 500); + } + + label.innerHTML = 'MULTIPLE SPRITES (HTML5)'; + setTimeout(fn, 3000); + }, + + function(fn) { + sound4.fade(1, 0, 2000, id); + + label.innerHTML = 'FADE OUT SPRITE (HTML5)'; + sound4.once('faded', function() { + fn(); + }); + } +]; + +// If Web Audio is available, use both tets; otherwise, just hTML5. +var tests = Howler.usingWebAudio ? webaudio.concat(html5) : html5; + +// Create a method that will call the next in the series. +var chain = function(i) { + return function() { + if (tests[i]) { + tests[i](chain(++i)); + } else { + label.innerHTML = 'COMPLETE!'; + label.style.color = '#57c263'; + } + }; +}; + +// Listen to a click on the button to being the tests. +var start = document.getElementById('start'); +start.addEventListener('click', function() { + tests[0](chain(1)); + start.style.display = 'none'; +}, false);
\ No newline at end of file |