How to add a Flash mp3 player on your blog?

First of all, you need upload your mp3 to your server or skydrive. After you done it, get the URL, e.g. http://storage.live.com/items/2397ECF3EEF1D575!688?filename=kite.mp3

Put the below codes in where you want your mp3 player is and REPLACE the mp3 URL to the correct one. It works fine wherever you host your blog, blogger, wordpress, typepad or your own server. (p.s. replace ( ) to < >)

(object id="audioplayer1" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="290" height="24"; codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0")(param name="data" value="http://judahhimango.com/FlashAudioPlayer/player.swf" /)(param name="src" value="http://judahhimango.com/FlashAudioPlayer/player.swf" /)(param name="flashvars" value="playerID=1&soundFile=http://storage.live.com/items/2397ECF3EEF1D575!688?filename=kite.mp3" /)(embed id="audioplayer1" type="application/x-shockwave-flash" width="290" height="24"; src="http://judahhimango.com/FlashAudioPlayer/player.swf" flashvars="playerID=1&soundFile=http://storage.live.com/items/2397ECF3EEF1D575!688?filename=kite.mp3" data="http://judahhimango.com/FlashAudioPlayer/player.swf")(/embed)(/object)

You can also change the player’s size by modifying width="290" height="24".  Then you will get this

It will be more convenient if you host your blog in wordpress. Add below codes in functions.php of your wordpress theme.

Upload the mp3player.swf to your theme folder. After this, every time you want to add a mp3, you just need insert (mp3)MP3 URL(/mp3). Again, replace ( ) to [ ]

For example, (mp3)http://storage.live.com/items/2397ECF3EEF1D575!688?filename=kite.mp3(/mp3) will be converted to :[mp3]http://storage.live.com/items/2397ECF3EEF1D575!688?filename=kite.mp3[/mp3]

For auto play, use (mp3 auto="1")MP3 URL(/mp3)

Leave a Reply