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 |
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’) |
autostart: ‘yes’, bg: ‘e5e5e5′ |
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 |
14 | rightbghover | 999999 | Play/Pause button background (hover state) |
---|---|---|---|
15 | righticonhover | FFFFFF | Play/Pause icon (hover state) |
skip | 666666 | Previous/Next skip buttons |
Options
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:
Player Flashvars:
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):
All colour codes must be 6-digit HEX codes without ‘#’ or ‘0x’ in front.
When hovering over:
The images above display the default look of the audio player, i.e. what you get if you don’t add any extra command.
0 comments:
Post a Comment