Use Google Audio Player to Embed MP3 Audio Files

How 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.

Google Audio Player Embeds Mp3 Files

So what code do you embed in your webpage

<embed type="application/x-shockwave-flash" src="https://www.google.com/reader/ui/3523697345-audio-player.swf" quality="best" flashvars="audioUrl=MP3link" width="500" height="27"></embed>

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. Remember to change MP3link with the link to your mp3 file url. This means the mp3 is hosted on your site or on some mp3 hosting services.

google audio player

Play any embedded mp3 now. You can also change the volume!

But where is the Google branding? Actually this code is used to play audio files in Google reader (see the audio player flash file url), but this is the easiest way to embed mp3 audio files. Simply add the mp3 url link and embed any mp3 file using this simply Google audio player!

Share with friends

18
Leave a Reply

avatar
12 Comment threads
6 Thread replies
0 Followers
 
Most reacted comment
Hottest comment thread
15 Comment authors
FranksivaRalph DratmanT Fergusondczzzz Recent comment authors
  Subscribe  
newest oldest most voted
Notify of
Saket
Saket

It looks Good but I prefer the WordPress player

QuickOnlineTips
QuickOnlineTips

But this code will work on any webpage. This does not need wordpress.

John Smith
John Smith

Its cool. The most easy thing is it can be used as web page. Its very important feature also. As it give us an opportunity to listen to the musics on the web page. But another fact is obviously it needs higher internet connection.

Prashant Rohilla
Prashant Rohilla

thanks for the tip, google player is a bit optimised and faster!

Britt
Britt

This is totally not working for me and I’m really upset about it. Would it have anything to do with my MP3 being on SoundCloud?

QuickOnlineTips
QuickOnlineTips

I think any mp3 url which works as a direct link on the web, should work on the Google Audio Player.

ed
ed

where do you type in the mpr file path?

flashvars="audioUrl=MP3link"
do u put it instead of the MP3link or do u put it in the parentheses

QuickOnlineTips
QuickOnlineTips

Just replace the word MP3link with the url.

Bill
Bill

Can I play multiple mp3 files, a playlist, with this player?

Amanda
Amanda

How to insert autoplay?

T Ferguson
T Ferguson

&autoPlay=True

joe
joe

How can i edit the player options. like get rid of the volume control, or make the play button smaller??

John Smith
John Smith

Its really awesome. And I found it very interesting. Its very effective. Nut I found some problems while tried to use Google Audio Player to Embed the files. I will post the problem soon here. By the way thanks for the post.

jynx
jynx

well the google flashplayer link is no more, any body knows why

dczzzz
dczzzz

Why has no body answered this?
I’ve tried to to insert the google audio player in my google site and nothing appears
It works when put in my old html site

Ralph Dratman
Ralph Dratman

That works very well (and thank you) when browsing from a laptop, but the player is not visible when I view the same page from an iPhone. Maybe it requires Flash or Java?

Frank
Frank

yes, it requires Flash so this isn’t a great solution for mobile devices.

siva
siva

How can i control play and pause/Stop events?