Customizing The Audio Player


Option Default Description
autostart no if yes, player starts automatically
loop no if yes, player loops
animation yes if no, player is always open
remaining no if yes, shows remaining track time rather than ellapsed time
noinfo no if yes, disables the track information display
initialvolume 60 initial volume level (from 0 to 100)
buffer 5 buffering time in seconds
encode no indicates that the mp3 file urls are encoded
checkpolicy no tells Flash to look for a policy file when loading mp3 files

(this allows Flash to read ID3 tags from files hosted on a different domain)

rtl no switches the layout to RTL (right to left) for Hebrew and Arabic languages

Flash player options

Option Default Description
width required width of the player. e.g. 290 (290 pixels) or 100%
transparentpagebg no if yes, the player background is transparent (matches the page background)
pagebg NA player background color (set it to your page background when transparentbg is set to ‘no’)

You can change the color of the various components of the audio player, by including additional pieces of code in the Audio Player Options; example:
Player Flashvars:

autostart: ‘yes’, bg: ‘e5e5e5’
But I thought I might make things more clear by showing which piece of code corresponds to which component of the audio player (plus correct a couple of mistakes and omissions):

Colour scheme options

All colour codes must be 6-digit HEX codes without ‘#’ or ‘0x’ in front.

Option Default Description
1 leftbg CCCCCC Speaker icon/Volume control background
2 lefticon 333333 Speaker icon
3 bg E5E5E5 Background
4 righticon 333333 Play/Pause icon
5 rightbg B4B4B4 Play/Pause button background
6 text 333333 Text
7 tracker DDDDDD Progress track
8 loader 009900 Loading bar
9 track FFFFFF Loading/Progress bar track backgrounds
10 border CCCCCC Progress bar border
11 pagebg NA player background color (set it to your page background when transparentbg is set to ‘no’)
12 volslider 666666 Volume slider
13 voltrack F2F2F2 Volume track

When hovering over:

14 rightbghover 999999 Play/Pause button background (hover state)
15 righticonhover FFFFFF Play/Pause icon (hover state)
skip 666666 Previous/Next skip buttons

The images above display the default look of the audio player, i.e. what you get if you don’t add any extra command.