Preview




This is an MP3 player plus visualizer, intended for diffusion on web sites.

It's open source, free and customizable.

Dimensions of player:
Width: 200px
Height: 20px
Dimensions of visualizer:
Width: 110px
Height: 20px

With this version the size of the MP3 player and visualizer is fixed. Making the size adustable will be left to future versions.

The visualizer uses Flash's computeSpectrum() method. There are many tutorials online regarding its implementation, so I won't explain it here.

First off with any sound there are 512 channels, with the first 256 corresponding to the left channel and the final 256 to the right channel. The value or height of each channel represents the current amplitude of the sound. Now, if no processing is done the overall sound will look a sound wave with both positive and negative values. What I did to give the visualizer a traditional stereo feel, was to convert the negative value (ie. ones with negative amplitude) into a positive one.

Next, the maximum amplitude of every 16th channel is graphed since with 512 there are just too many channels. This brings the total to 32. I've tried using an average but this just ends dampening the amplitudes.

Please refer to the links on the right to download or to generate code for your website.