How to add an inline MP3 player on an HTML page

Rob — September 5, 2010 - 17:27

A while ago Martin Laine of 1PixelOut created a WordPress plugin that allows a cool MP3 player to be easily added to your blog post (if you are running WordPress). But what if you were not running WordPress and just wanted to add a player to a regular HTML file? Here is an example of what the 1PixelOut MP3 player looks and acts like (just click the play button).

Mindy McAdams has written a nice tutorial on how to do it. And this page shows you how to customize the color.

This is an example of the code you can use:

&lt;script type=&quot;text/javascript&quot; language=&quot;JavaScript&quot; src=&quot;/sites/default/files/audio/audio-player.js&quot;&gt;&lt;/script&gt;

&lt;object width=&quot;290&quot; height=&quot;30&quot; id=&quot;audio-player-1&quot; data=&quot;/sites/default/files/audio/audio-player.swf&quot; type=&quot;application/x-shockwave-flash&quot;&gt;
	&lt;param value=&quot;/sites/default/files/audio/audio-player.swf&quot; name=&quot;movie&quot;&gt;
	&lt;param value=&quot;playerID=audio-player-1&amp;amp;loop=no&amp;amp;autostart=no&amp;amp;
soundFile=/sites/default/files/audio/audiotest.mp3&quot; name=&quot;FlashVars&quot;&gt;
	&lt;param value=&quot;high&quot; name=&quot;quality&quot;&gt;
	&lt;param value=&quot;false&quot; name=&quot;menu&quot;&gt;
	&lt;param value=&quot;transparent&quot; name=&quot;wmode&quot;&gt;
&lt;/object&gt;

Rob's blog
Login to post comments

How to add an inline MP3 player on an HTML page

User login

Code