Friday, May 6, 2011

How To Embed MP3 Files On Website Or Blog

MP3's logoHow can you embed mp3 files into web pages?
Google audio player is a cool way to embed and play any music mp3 file on your website. This will allow your readers to play audio files directly from web pages.

To embed an MP3 file, add the following code to your web page or blog post.
<embed type="application/x-shockwave-flash" src="http://www.google.com/reader/ui/3523697345-audio-player.swf" quality="best" flashvars="audioUrl=LINK" width="500" height="27"></embed>

Replace LINK with the URL of the MP3 file. The file can be uploaded to any server or file hosting services including your own, as long as the file is directly accessible.

You can change the width of the Google audio player to fit your content width. If you increase the height, a black empty zone starts to appear, so best keep it at 27px.


Try to play the audio file below. It is embedded using the above code.


32 commentaires:

Blogging Skater said...

cool!

Kingmush said...

This is amazing! I can think of so many uses, thanks!

cadexn said...

Wow i never knew google had an audio player. This makes everything so much easier

Lundra said...

Thanks for the tip, I could of used this today! :D

fit4life said...

SWEEEEEEEET!

logo mess said...

what a great feature :) i go embed now !

goat-on-a-stik said...

cool, thanks for this

BigSkull said...

Cool, Thanks a lot ! :)

Nom de Plume said...

Oh great I'm bookmarking this post! :D

kxxthanxx said...

useful stuff, bookmarked!

Sean said...

Thanks for the info

Ponderer said...

Cool post, useful info!

OldRock said...

Hope its better than the JS based ones.

Penguin Tamer said...

Ah, good ol' HTML, I have fond memories of thee back before I had to learn all this C++/C#, Python, Pearl, Java stuff. Thanks for sharing!

Paulie Pecans said...

Neato!

Trelin said...

Nice tip.

alfred smith said...

Now that is going to be useful

Dark Scheme said...

Definitely using this. Thanks!

NoOneInParticular said...

sweet, thx

Chloroform said...

Haha, brings me back to the days of HTML and CSS coding pages for fun.

Fwission said...

Wow thanks for the help bro. I didn't know it was possible

Gambling Degenerate said...

good to know, ive been wanting to learn how people do this

baka1236 said...

really really useful, i think i might use this sometime

Al3xaG said...

Oh!!! this does look pretty handy.

Gorodot said...

Thanks man, bookmarked this post!

Lunarchy said...

I'll probably be putting this tip to good use! Thanks!

Dola said...

good to know =D

S41 said...

Thank you so much!

joomla said...

wow this tip is very useful. thank you

Edward said...

thanks for the tip

MassiveUps said...

I've book marked this post! Great stuff thanks a ton.

html5 media player said...

Thanks for sharing your info. I really appreciate your efforts and I will be waiting for your further write ups thanks once again.
html5 music player

Post a Comment