If you want to play more than one song on your page, like the idea of having a bit more control over the look of
your player, or you just plain like flash, there's a whole selection of free flash music players out there.
First up, billy. Its this tiny cute little player from sheepproductions:
If you can see this you need to install Javascript!
The people who designed this one did an awesome job and made it really easy to use. All you need to do is upload your songs
to a free hosting site of your choice (see the bit below on
[ hosting ] for help with that)
and then stick the song paths in the little boxes they provide, and press "generate code" and it spits out for you exactly
what you need to paste into your profile. Like it says on the site, you must use mp3 files, and they must be uploaded- files
saved on your computer won't work!
Finally, the famous Jeroenwijering player. This one is a lot more complicated to implement and comes in the form of a
zip file, which you have to download, unzip, alter and then upload again complete with your songs. It is a rather cool
and highly customizable player though, in its original skin it looks like this:
If you can see this you need to install Javascript!
If you're not already familiar with the concept of zip files, they're basically compressed packages of files you can
download and then unzip with a program like
[ Winzip ] or
[ WinRAR ].
Once you've done that, you should see a bunch of files like this (the icons might vary depending on what programs you
have installed on your computer)
First take the one called "mp3player.xml" and open it in a plain text editor like notepad.
It should contain something that looks pretty much like this:
<?xml version="1.0" encoding="UTF-8"?>
<player showDisplay="yes" showPlaylist="no" autoStart="yes">
<song path="mp3/homeland.mp3" title="Postmen - Homeland" />
<song path="mp3/jazzalude.mp3" title="Basement Jaxx - Jazzalude" />
</player>
It may all be on the same line when you get it, and you can space it out by hitting return- you won't damage it.
Now all you have to do is replace the example song names with some of your own. To do that, first you have to chose some
songs and upload them. It's essential that your files are in MP3 format, and you don't have any spaces in your filenames
(if you do have spaces rename them). Then upload them to any free host you like. You might want to use
[ Files.bz ] or
[ MyFileStash.com ]
or you could find your own on
[ Google ].
Once you're done, you need to write down/remember the song urls, and go back to the XML file to fill them in on there.
You should use full paths here (ie including the http://www. bit) even though the example doesn't, because we're going
to need a slightly different code than they use to make this work on VF. You can add in more lines too, if you want more
songs. For example, my finished code might look a bit like:
<?xml version="1.0" encoding="UTF-8"?>
<player showDisplay="yes" showPlaylist="no" autoStart="yes">
<song path="http://www.some_free_host/myfavsong.mp3" title="My Favorite Song!" />
<song path="http://www.some_free_host/mysecondfavsong.mp3" title="My Second Favorite Song!" />
<song path="http://www.some_free_host/anothercoolsong.mp3" title="Another Cool Song!" />
</player>
When you've filled in as many songs as you'd like, save the XML file. Now all you need to do, is take this XML
file, and the one named mp3player.swf from the zip package you downloaded, and upload them to a free host too, just
like you uploaded your music. Again you're going to need the urls or paths to these files, but this time they go
into this code:
<embed src="http://www.PATH TO MP3PLAYER.SWF" menu="false" quality="high"
height="320px" width="300px" bgcolor="Transparent" name="index" allowscriptaccess="never"
type="application/x-shockwave-flash" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer"
flashvars="playlist=http://www.PATH TO MP3PLAYER.XML"></embed>
And that code, should be copied and pasted into your VF profile wherever you want the player to be. To
change the look of the player, see the
[ flash player skins ] section below.