Flash mp3 music player code for Website/Blogger/Myspace

advertisements

Most of the online embedded music and video players are based on Adobe's Flash technology . So in order to make them work, you need your files to be encoded as mp3 ,swf or FLV . And also you need the latest version of flash player , for playback.

Here I have two methods for creating and MP3 music player for your website or blog . These players could also be used with Myspace , Orkut and other social profiles .


The first MP3 music player code is pretty easy when compared with the second one . It allows a lot customizations .

"This is how this player looks in your website"

<embed allowscriptaccess="always" flashvars="audio_duration=DURATION&amp;external_url=Music URL" height="52" src="http://www.odeo.com/flash/audio_player_standard_gray.swf" type="application/x-shockwave-flash" width="400" wmode="transparent" /> </embed>

Copy the above code to your Blogger/website/Myspace template and save settings .

Here I have used center tags to keep the player aligned to center of the post . Autostart=true/false determines the playback settings on web page's load event .
Adjust the width and size of the player by changing values width="200" and height="20" .

You may change the GIF image associated with this code . It is actually used to show an animated equalizer with this player .

The second type of Flash MP3 music player is derived from 1pixelout's Wordpress audio player plugin. We can directly use 1pixelout's standalone mp3 player with websites having support for PHP script.

Here I will explain how you can use that plugin in Blogger and other static website/blogs/social sites .

Copy the the following code and place just before </head> in your Blog's template HTML

<script language="JavaScript" src="http://coloriteman.googlepages.com/audio-player.js"></script>

Now, for enabling the flash mp3 player in a blog post, put the following in to your post.

<object type="application/x-shockwave-flash" data="http://coloriteman.googlepages.com/player.swf" id="audioplayer1" height="24" width="290">
<param name="movie" value="http://coloriteman.googlepages.com/player.swf">
<param name="FlashVars" value="playerID=1&amp;soundFile=http://coloriteman.googlepages.com/test.mp3">
<param name="quality" value="high">
<param name="menu" value="false">
<param name="wmode" value="transparent">
</object>

If you plan on posting many MP3 clips in your blog (Blogger) , put the code into your post template by moving on to Settings>Formatting .
Remember to edit the MP3 URL (in bold letters ) with your music link .