FreddyIzBadd.com

Home

Jeroen

XSPF

Chat

Guestbook

Contact

FAQ's

Site Navigation

Resourceful Links:

Player created by: Jeroen Wijering
Tutorial by: FReDDY Iz B a DD

Before beginning, please make sure you have done the following:

√ Chosen a host to upload all your files on. Try Free File Hosting at Filexoom.com or view more here for a list of hosts to choose from. Once you sign up, please upload your mp3 files on the host of your choice. You will need the direct urls for those files for the xml playlist code.

√ Download the new Jeroen Flash Player version 3.1, download this zip. The zip files comes with a readme.html file for additional instructions.

√ You'll need an HTML editing program. If your computer is operating Windows XP then use Notepad to edit the xml playlist code. Mac users can download NotePad 2.5 for Mac to edit the xml playlist code (thank you Brandi for finding this)

If you have done all the above then you're ready to begin. The following instructions will be for the Jeroen Flash Mp3 Player 3.1. Copy and paste the XML code below into Notepad. You will edit the colored fields shown in the example, once you're done editing the playlist code save it as mp3playlist.xml.

XML Playlist Code:

<playlist version="1" xmlns="http://xspf.org/ns/0/">
<trackList>

<track>
<title>NAME OF SONG</title>
<creator>NAME OF ARTIST</creator>
<location>URL TO MP3</location>
<image>URL TO IMAGE</image>
</track>

<track>
<title>NAME OF SONG</title>
<creator>NAME OF ARTIST</creator>
<location>URL TO MP3</location>
<image>URL TO IMAGE</image>
</track>

<track>
<title>NAME OF SONG</title>
<creator>NAME OF ARTIST</creator>
<location>URL TO MP3</location>
<image>URL TO IMAGE</image>
</track>

</trackList>
</playlist>

There are additional tags you can add but these are the more important tags you will want to use, for a full list refer to the readme.html file that comes with the Jeroen Flash Player 3.1 zip file.

For the record any external links in flash will not work on MySpace. If you wish to use this player off MySpace and want to provide click-able links for each artist track then include info tags for each track.

<info>URL TO INFO HERE</info>

The following additional options can be added to the end of your .xml url. You can also add these elements for single mp3 player use. Just place them at the end of the mp3 url. All elements shown below should be added into the embed code.

&shuffle=true ; Will shuffle each track.

&repeat=true ; Will continuously play one track after the other.

&backcolor=0xFFFFFF ; Change only the "FFFFFF" part to whatever color you want.

&frontcolor=0xCCCCCC ; Change only the "CCCCCC" part to whatever color you want.

&lightcolor=0x363636 ; Change only the "363636" part to whatever color you want.

&displayheight=0 ; If you have provided an image for each track and want the image to appear above the player then increase the 0 to display the image.

&linkfromdisplay=true ; This will not work on Myspace. If you have info for each track then add this.

&overstretch=false ; This will prevent the image above the player from stretching out to fit the top of the player.

&showdigits=false ; Will not display the track time length if set to false.

&volume=80 ; Auto set your players volume, limit is 80.

&autoscroll=true ; The playlist will scroll automatically without manual use.

&thumbsinplaylist=true ; This will allow for images to appear for each track provided that you have added those images in the code.

Additional for single mp3 player:

&title=name of song ; Will add the name of the song.

&author=name or artist ; Will add the name of the artist

&link=url to song info ; Will allow for clickable links for artist info. Does not work on myspace.

&image=url to image ; Will provide an image for the track playing.

Example:

The colored fields in orange is what I added to the embed code after the xml url. Those will change the color of my player to my specific needs. Just like I added those elements to change the color of my player you would do the same for any elements listed above basically adding them the similar way.

Uploading Files:
Upload the saved xml code and your swf file onto the same host. From your host, retrieve the url's for those two files and place them into the embed code below. The embed can be placed any where on your profile.

The Embed Code for Profile/Site: In the embed code I highlighted the xml url orange. If you wish to just play a single mp3 file then replace the orange highlighted xml url with your mp3's url. Adjust the width and height to suit your needs. Also make sure you host the swf file that comes with the zip file you downloaded. If you're using a xml playlist then both xml and swf files must be hosted at the same location.

I hope these step by step instructions were helpful. However if you still have any questions about this tutorial then ask for help in my group linked below.
Click the banner for Support

Be sure to check the (FAQ's) first!

Leave a message: