Use Google Audio Player to Embed MP3 Audio Files

By 14-04-2011   BloggingGoogle

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="http://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!

17 comments on “Use Google Audio Player to Embed MP3 Audio Files

  1. Saket says:

    It looks Good but I prefer the WordPress player

  2. John Smith says:

    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.

  3. Prashant Rohilla says:

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

  4. Britt says:

    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 says:

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

  5. ed says:

    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

  6. Bill says:

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

  7. Amanda says:

    How to insert autoplay?

  8. joe says:

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

  9. jynx says:

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

    • dczzzz says:

      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

  10. Ralph Dratman says:

    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?

Leave a Reply

Your email address will not be published. Required fields are marked *

*