Flash-MP3Player Installation Guide
Product Homepage
www.flash-mp3player.com
Package Content
- Flash-MP3Player.swf
- code_for_your_page.htm
- Flash-MP3Player (Directory)
- playlists (Directory)
- default.xml
- skins (Directory)
- black-white.xml
- dark.xml
- deepblue.xml
- default.xml
- green.xml
- purple.xml
- red.xml
- sky.xml
Quick start
Type path to file
code_for_your_page.htm into your browser (e.g. http://www.yourdomain.com/code_for_your_page.htm)
You soud see and listen page with fully functional Flash-MP3Player just like one in homepage of this site.
Now you are ready to insert player into your website.
Next step: Basic instalation.
Basic instalation (One MP3 Player in website)
Cut and paste the html code from the file code_for_your_page.htm into the home page of your website.
<object type="application/x-shockwave-flash" data="Flash-MP3Player.swf?skin=default&playlist=default" width="170" height="220">
<param name="movie" value="Flash-MP3Player.swf?skin=default&playlist=default" />
<param name="wmode" value="transparent" />
<param name="salign" value="t" />
</object>
If you want to change skin of your MP3 Player e.g. to green, you have to change in first an also in second line
skin=default to skin=green.
Height of player is height="220" and you can increase or decrease this number depending on number of songs in your playlist.
Minimal height is 100.
Next step:
Create Playlist
Advanced instalation (Multiple MP3 Players in website)
If you want to use multiple playlists and skins change playlist=default to playlist=my_playlist.
In directory playlists must be file my_playlist.xml.
EXAMPLE :
Your website contents pages rock.html and country.html.
Into rock.html you insert this code :
<object type="application/x-shockwave-flash" data="Flash-MP3Player.swf?skin=dark&playlist=rock_songs" width="170" height="350">
<param name="movie" value="Flash-MP3Player.swf?skin=dark&playlist=rock_songs" />
<param name="wmode" value="transparent" />
<param name="salign" value="t" />
</object>
And this is code for country.html :
<object type="application/x-shockwave-flash" data="Flash-MP3Player.swf?skin=green&playlist=country_songs" width="170" height="280">
<param name="movie" value="Flash-MP3Player.swf?skin=green&playlist=country_songs" />
<param name="wmode" value="transparent" />
<param name="salign" value="t" />
</object>
Your website will contents these files :
- Flash-MP3Player.swf
- country.html
- rock.html
- Flash-MP3Player (Directory)
- playlists (Directory)
- country_songs.xml
- rock_songs.xml
- skins (Directory)
- dark.xml
- green.xml
It also works if both (or more) players are in same html page.
How to create playlist
Create your playlist by this example, change just titles os songs, titles of albums and paths to files. You can use relative or absolute paths.
EXAMPLE :
<Flash-MP3Player_playlist>
<album name="Title of the first album">
<song link="path/to/song1.mp3">Title of the first song</song>
<song link="path/to/song2.mp3">Title of the second song</song>
<song link="http://www.domain.com/path/to/song3.mp3">Title of the third song</song>
<song link="http://www.domain.com/path/to/song4.mp3">Title of the fourth song</song>
</album>
<album name="Title of the second album">
<song link="http://www.domain.com/path/to/song1.mp3">Title of the first song</song>
<song link="path/to/song2.mp3">Title of the second song</song>
<song link="path/to/song3.mp3">Title of the third song</song>
<song link="http://www.domain.com/path/to/song4.mp3">Title of the fourth song</song>
</album>
<album name="Title of the third album">
<song link="http://www.domain.com/music/album/song1.mp3">Title of the first song</song>
<song link="http://www.domain.com/music/album/song2.mp3">Title of the second song</song>
<song link="music/album/song3.mp3">Title of the third song</song>
</album>
</Flash-MP3Player_playlist>
If you use only one player with one playlist (see Basic instalation), you only need to update file
Flash-MP3Player/playlists/default.xml.
If you use multiple MP3 players with different playlists
(see Advanced instalation), you must save playlists
with different names (e.g. country_songs.xml, rock_songs.xml) into directory Flash-MP3Player/playlists
How to create skin
Visit section Create Skin and follow instructions. There is programm, that generate code of skin.
EXAMPLE
<col name="playingLine" value="990000" />
<col name="loadingLine" value="BB9977" />a
<col name="albumText" value="663300" />
<col name="albumBackGround" value="FFFF66" />
<col name="albumBackGroundRollOver" value="FF7777" />
<col name="albumBorder" value="660000" />
<col name="songText" value="886633" />
<col name="songRollOver" value="FF0000" />
<col name="nowPlayingText" value="FF7777" />
<col name="button" value="FFFFAA" />
<col name="buttonRollOver" value="FF0000" />
<col name="buttonPressed" value="FF00" />
<col name="buttonBorder" value="440000" />
<col name="arrows" value="FF0000" />
<col name="autoPlay" value="1" />