FreddyIzBadd.com

Home

Jeroen

XSPF

Chat

Guestbook

Contact

FAQ's

Site Navigation

Resourceful Links:

[ Download This Skin ]

Player created by: Fabricio Zuardi
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.

√ Chosen a player skin to use, this will be your swf file. You can select some XSPF Skins from here. You will need to upload your swf file onto the same host as your xml file which will be your xml playlist code.

√ 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)

This is a tutorial for people who want a Playlist Only XSPF MP3 Player. You can use any of my XSPF Skins I've made for this tutorial. The example shown above is pretty much what it would look like of course with different colors depending on the customized XSPF MP3 Player you choose. I'm assuming you already have hosted your mp3 files onto a hosting site of your choice and that you've chosen a XSPF skin as well, if so then continue on.

First copy and paste the following XML Playlist Code into Notepad.

<?xml version="1.0" encoding="UTF-8"?>
<playlist version="0" xmlns="http://xspf.org/ns/0/">
<trackList>

<track>
<location>URL TO MP3 HERE</location>
<annotation>ARTIST NAME - SONG TITLE</annotation>
</track>

<track>
<location>URL TO MP3 HERE</location>
<annotation>ARTIST NAME - SONG TITLE</annotation>
</track>

<track>
<location>URL TO MP3 HERE</location>
<annotation>ARTIST NAME - SONG TITLE</annotation>
</track>

</trackList>
</playlist>

Edit the colored fields shown above. Location is where you will paste your mp3 url's in and Annotation is where you name each track.

Once you're done editing the xml code save it as mp3playlist.xml. However if you would like to have your player random start then you will have to save it as mp3playlist.xspf. Upload the xml file onto the same host as your swf file and use one of the two codes below to place the player on your profile.

Copy and paste this code into your profile. (embed code for xml saved playlists). Edit the fields in blue.

<embed src="http://url_to_swf_here.swf?playlist_url=http://url_to_xml_here.xml&autoplay=true" quality="high" bgcolor="black" name="xspf_player" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" align="center" height="150" width="300"></embed>

Copy and paste this code into your profile. (embed code for xspf saved playlists, random start.). Edit the fields in blue.

<embed src="http://url_to_swf_here.swf?playlist_url=http://url_to_xspf_here.xspf&autoplay=true&randomstart=true" quality="high" name="xspf_player" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" align="center" height="150" width="300"></embed>

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!

For additional help check out these flash player myspace groups:

Myspace Flash MP3 Players
Jeroen & XSPF Help/Request

Leave a message: