How To Embed An MP3 Player In Your Posts

Excellent article about How to Embed MP3 Audio Files In Web Pages With Google or Yahoo! Flash Player. Here’s the guts of it:

Google Reader has an inbuilt MP3 player that is pretty much the same as Gmail player but it also works on non-Google websites. This player has volume controls, no Google branding and it auto-detects the duration of the music file so your readers know how long the song will last.

And there’s the HTML for it:

<embed type="application/x-shockwave-flash" src="http://www.google.com/reader/ui/3247397568-audio-player.swf?audioUrl=MP3_FILE_URL" width="400" height="27" allowscriptaccess="never" quality="best" bgcolor="#ffffff" wmode="window" flashvars="playerMode=embedded" />



Let’s test it with a one of Jim’s Whole Wheat Radio recent rants:

(via the Jim Kloss’s Whole Wheat Radio Blog and Audio Magazines feed)

About Jody

Family man, living in New Brunswick, Canada.
This entry was posted in internet & computers.
Bookmark the permalink.

3 Responses to How To Embed An MP3 Player In Your Posts

  1. Jim Kloss says:

    Yeah, labnol is one of the few tech feeds I subscribe to. He hypes a fair amount and gets excited about sites that won’t be here 6 months from now, but he also has some real gems frequently. He must work very hard to put out the level of detail on the variety of tech stuff he does everyday.

  2. Jody says:

    I stole his CSS for the code formatting there, too!

  3. Mike says:

    Hi, goto http://www.123mp3download.com and search the music, click on listen and embed the code. Its easy.

Leave a Reply

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

*


*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Notify me of followup comments via e-mail. You can also subscribe without commenting.