Sound equalization visualization module
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
_css
_lib
_media
README.md
index.php

README.md

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.