... mii amo ..

embed your own mp3 player

8.11.2006

After 8 grueling hours of trying to teach myself.. I finally did it. I was able to master the art of embedding a flash mp3 player and make it stream my very own compilation of mp3s *whew!* Believe me, it was freakin' hard. But... lucky you *as always* 'coz you won't have to torture yourself anymore. So! Without further ado, here's a basic tutorial on how to embed an audio flash player. Hope this helps. Ciao!

1) Download all the files necessary to make your flash player work. Usually, there are 2 files namely: the flash player file, which has a .swf extension and the playlist file, which has a .xml or .xspf extension. Others, such as the player I used, would need another file which is the config.xml file. To download the files I used for the player above, just click here. Unzip then extract the 3 files I mentioned.

2) Rename the two .xml files using a different extension so you could open them using wordpad or notepad. For the config.xml file, I guess you'd know what to do with it 'coz the developer left a bunch of instructions to guide you. On the other hand, the playlist.xml file would need some work.. and a little help from me. Here goes:

When you open the file, you will see the tags annotation, /annotation, location, /location and info, /info.

Your song title and artist goes in between annotation and /annotation.. the direct link to your mp3 between location and /location... then the link to your song info between info and /info. Here's a sample playlist.

Tip: If you don't have any server to upload your songs to, try Image Dump. They will host your songs for free *no need to register* and they'll also provide you the direct link to the song so just copy and paste the link to your playlist.

3) After completing the final touches to your playlist, you're now set to embed your player. But first, be sure to change back the extensions of config and playlist into .xml.

4) To continue, upload the 3 files into a web hosting site like Ripway.com.

Register

Log-in

Go to My Files

Select Upload files

Browse for the 3 files

Hit the upload button then continue

5) Using wordpad, open, copy and paste this code to your blogger, friendster or myspace html template.

6) Replace the links in red with the corresponding links provided by Ripway.com when you uploaded your mp3player.swf, config.xml and playlist.xml files.

7) Save your template and voila! you now have your own mp3 flash player.