audio.js
A handler for HTML5 audios, special to fade volume
Take a look to the demo, only for check fades--> Demo
var AudioJS = require('audio.js');
var audioElement = document.getElementById('background-audio');
var audioJS = AudioJS(audioElement);
var options = {
duration: 10,
intialVolume: 0,
finalVolume: 0.9,
ease: 'easeOutExpo',
callback: function(){console.log('Im a callback!');}
};
audioJS.play(callback);
audioJS.stop(callback);
audioJS.pause();
audioJS.setVolume(0.4);
audioJS.status();
audioJS.load();
audioJS.getStringStatus();
audioJS.fadeIn(options);
##Methods
###PLAY
audioJS.play(function(){console.log('ended')});
###STOP
audioJS.stop(function(){console.log('ended')});
###FADE IN
audioJS.fadeIn({duration: 2, initialVolume: 0, finalVolume: 0.95, ease: 'easeOutExpo'});
audioJS.fadeIn({duration: 10, initialVolume: 0, finalVolume: 0.95, ease: 'easeOutExpo',
callback: function(){
console.log("bullshit");
}
});
###FADE OUT
audioJS.fadeOut({duration: 3, initialVolume: 0.9, finalVolume: 0.1});
audioJS.fadeOut({duration: 5 , initialVolume: 0.9, finalVolume: 0.1, ease:'easeInQuad'});
###KILL FADE
audioJS.killFade();
Available Eases
'easeLinear'
'easeInQuad'
'easeOutQuad'
'easeInOutQuad'
'easeInCubic'
'easeOutCubic'
'easeInOutCubic'
'easeInExpo'
'easeOutExpo'
'easeInOutExpo'
'easeInCirc'
'easeOutCirc'
'easeInOutCirc'
Note: If you dont choose any ease, easeLinear is going to be run.
Usage