How to Add a Free MP3 Audio Player to the Thesis Theme MultiMedia Box

It’s time to try a MultiMedia Box MP3 playlist test.

First we grab an “open source, free and customizable” audio player and grabbed the “multi” option since the goal here is to create a playlist of our favorite pirated garage band’s royalty-free best songs.

The documentation on that MP3 player’s site is decent enough, we begin with:

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="200" height="20" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="FlashVars" value="mp3=test.mp3|test2.mp3" /><param name="src" value="player_mp3_multi.swf" /><embed type="application/x-shockwave-flash" width="200" height="20" src="player_mp3_multi.swf" flashvars="mp3=test.mp3|test2.mp3"></embed></object>

Change paths to absolute URI references as needed, then dump the above code into the “Custom Multimedia Box Code” section in Thesis, and call it good.

Well that was easy. There’s a generator on the site to make it easier still. The configuration file is a TXT and can be edited to do all sorts of fun things, like create the multiple play lists. But that sounded like work, so, sticking just to the MP3 player’s Flash based parameters seemed best for newbies.

To get the final playlist seen here, the following code was used in the Thesis multimedia box “custom code” section. You would need to add your own URIs to your own happy songs, your own version of this open-source MP3 player, and so on, but it was the work of half an hour to go from nothing to this awesome jukebox of duplicate audio files.

I left “autoplay” default to off, you’ll see why if you listen.

<object class="playerpreview" type="application/x-shockwave-flash" data="http://www.pondcrossers.com/blog-images/mp3/template_multi/player_mp3_multi.swf" width="200" height="100">
<param name="movie" value="http://www.pondcrossers.com/blog-images/mp3/template_multi/player_mp3_multi.swf" />
<param name="FlashVars" value="mp3=http://www.pondcrossers.com/blog-images/mp3/template_multi/test.mp3|http://www.pondcrossers.com/blog-images/mp3/template_multi/test2.mp3|http://www.pondcrossers.com/blog-images/mp3/template_multi/test3.mp3&amp;title=Godhammer Chaos 1|Godhammer Chaos 2|Godhammer Chaos 3&amp;bgcolor1=189ca8&amp;bgcolor2=085c68" />
</object>

My Custom Comment Shizola