Music in Blogspot

Add This To Del.icio.us Share on Facebook StumbleUpon This Add to Technorati Digg This

Hi,

In this post, we will discuss how to place a music player in your blog, either in posting or anywhere in Gadget.

HTML 5 introduces a new tag known as <embed>. This tag can be used to embed video/music or any other plug-in.





Here are the steps to create a music player in your blog:-
Step1:- As Blogspot does not support to upload music file, you will have to find a source for music file.
You can either use any other music site or just upload your music file. If you use other's file, there will not be surety that file will be available forever. It may be deleted or URL may be changed.
In my case, I just created a page in Google Sites and uploaded the music file I wanted to embed.
URL of this music file source is http://sites.google.com/site/diyblogspot/barebear.wav.

Step2:- Go to new post - Edit HTML editor and paste below mentioned html there.

<embed src="http://sites.google.com/site/diyblogspot/barebear.wav" height="60"
width="300"
autostart="false"
loop="true"/>
</embed>

I have set autostart as false, means the above music file won't start playing automatically when page loads. It needs to be played manually.

Loop="true" - Once music ends, it starts again as I have set it as true.

src - URL of your music file

width/height - as per your preference.

For more information/setting of <embed> and HTML 5, please visit any other website, which provides specialized information about it.

Keep Blogging!

Thanks,
BlueOcean

For Further Reading,

Music