Embed Google Audio Player into your own website

A short tutorial on how to use Google Audio Player to play mp3 files or podcasts in any website.
created by on 2007-01-22

HTML / Javascript Code

Use this code to embed any mp3 file into your website
using the Google Flash-Mp3-Player:

<div>

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" align="middle" height="27" width="400">
<param name="quality" value="best">
<param name="allowScriptAccess" value="never">
<param name="wmode" value="window">
<param name="movie" value="http://www.google.com/reader/ui/3247397568-audio-player.swf?audioUrl=URL-To-Your-MP3-File">

<embed classname="audio-player-embed" type="application/x-shockwave-flash" src="http://www.google.com/reader/ui/3247397568-audio-player.swf?audioUrl=URL-To-Your-MP3-File" allowscriptaccess="never" quality="best" bgcolor="#ffffff" wmode="window" flashvars="playerMode=embedded" pluginspage="http://www.macromedia.com/go/getflashplayer" height="27" width="400">
</object>

</div>

Example

Embed a Java Posse episode into your website using the Google audio player:

<div>

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" align="middle" height="27" width="400">
<param name="quality" value="best">
<param name="allowScriptAccess" value="never">
<param name="wmode" value="window">
<param name="movie" value="http://www.google.com/reader/ui/3247397568-audio-player.swf?audioUrl=http://cdn.libsyn.com/dickwall/JavaPosse098.mp3">

<embed classname="audio-player-embed" type="application/x-shockwave-flash" src="http://www.google.com/reader/ui/3247397568-audio-player.swf?audioUrl=http://cdn.libsyn.com/dickwall/JavaPosse098.mp3" allowscriptaccess="never" quality="best" bgcolor="#ffffff" wmode="window" flashvars="playerMode=embedded" pluginspage="http://www.macromedia.com/go/getflashplayer" height="27" width="400">
</object>

</div>

Example: Embedding Java Posse Episode #98

URL: http://cdn.libsyn.com/dickwall/JavaPosse098.mp3

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" align="middle" height="27" width="400">
<param name="allowScriptAccess" value="never">

<param name="wmode" value="window">

<param name="movie" value="http://www.google.com/reader/ui/3247397568-audio-player.swf?audioUrl=http://cdn.libsyn.com/dickwall/JavaPosse098.mp3">
<p>
<embed src="http://www.google.com/reader/ui/3247397568-audio-player.swf?audioUrl=http://cdn.libsyn.com/dickwall/JavaPosse098.mp3" classname="audio-player-embed" type="application/x-shockwave-flash" allowscriptaccess="never" quality="best" bgcolor="#ffffff" wmode="window" flashvars="playerMode=embedded" pluginspage="http://www.macromedia.com/go/getflashplayer" height="27" width="400">

</object>

Related links

Mahalo

– Andreas Koch

Shortlink:
Tags: