audioPlayer
Audio file player and visualizer based on the Web Audio API
Browser Support:
- Chrome (webkit) v14
- Firefox (gecko) v23
- Opera (webkit) v15
- Safari (webkit) v6
Quick Guide:
$(window).load(function () {
$("#audioWrapper").audioPlayer({
playlist: [
{src: "filename1.mp3"},
{src: "filename2.mp3"},
{src: "filename3.mp3"}
]
});
$("#audioWrapper").audioPlayer().play();
});
Visualization:
Currently only "bars" visualization is built.
$(window).load(function () {
$("#audioWrapper").audioPlayer({
fx: "bars",
width: 125, // This represents one box. (See Demo)
height: 35, // This represents one box. (See Demo)
color: [0,0,0,0.65],
shuffle: true,
playlist: [
{src: "filename1.mp3"},
{src: "filename2.mp3"},
{src: "filename3.mp3"}
]
});
$("#audioWrapper").audioPlayer().play();
});
For additional options read through the module code. There is also an ability to instantiate this code without JQuery at all.