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