Posting Music File in Blogger

Posting the music in my last post took me about an hour and half!!

What I had thought would be a simple thing to do turned out to not so easy. Blogger does not provide any option to directly publish music in the post like you do for a image...after searching and trying out various scripts..I finally got one working perfectly.

So here is what you have to do to post music file.

1. Download the audio player plugin from 1pixelout.

2.The downloaded file is in the .zip format. Unzip the files. We will be using only:

• player.swf (this is the audio player)

This is an important step
3.Upload this file along with the music( . mp3 file ) you want to play.

You can use any free host sites. I used Google pages.
To know more on uploading your file, visit this site.

4. Now that the files are uploaded, copy their location and save it.

This is what your url might look like

http://username.googlepages.com/player.swf
http://username.googlepages.com/song1.MP3

5. Create a new post, and click on the 'Edit Html' tab. Paste the following code:

<object type="application/x-shockwave-flash" data="http://username.googlepages.com/player.swf" id="audioplayer1" height="24" width="290">
<param name="movie" value="http://username.googlepages.com/player.swf">
<param name="FlashVars" value="playerID=1&soundFile=http://username.googlepages.com/song1.mp3">
<param name="quality" value="high">
<param name="menu" value="false">
<param name="wmode" value="transparent">
</object>

6. Publish the post.
You should get a music player that looks like this :



Placing More Than One Player On The Same Page...

Since we have aready uploaded the player.swf now only the .mp3 file has to be uploaded.

For a second player on a page, use this HTML:

<object type="application/x-shockwave-flash" data="http://username.googlepages.com/player.swf" id="audioplayer2"height="24" width="290">
<param name="movie" value="http://username.googlepages.com/player.swf">
<param name="FlashVars"
value="playerID=2&soundFile=http://username.googlepages.com/song2.mp3">
<param name="quality" value="high">
<param name="menu" value="false">
<param name="wmode" value="transparent">
</object>

Please note that id has changed to 2. Similarly for a third player id will change to 3.

So now you can publish music in your posts!