Add Flash MP3 player in in Blogger, WordPress blog or your HTML website

Most of the embedded music players that we see in web are are  based on JavaScript and Flash (SWF). We need to encode the required music and video into MP3 and FLV formats to play them online. Also it requires the latest version of Adobe Flash player for online streaming. So if you are running a personal blog or something related with music or video, it would be much better if you can add music stream to your website. Here we have two methods for creating and MP3 music player for your  WordPress- Blogger or blog . These players could also be used with Myspace, Orkut and other social  networking profiles as scraps or messages .

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

“This is how this player looks in your website”

Free Flash MP3 streaming audio player code:


<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="400" height="52" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="flashvars" value="audio_duration=DURATION&amp;external_url=http://sound11.mp3pk.com/indian/aadekhenzara/aadekhenzara01(www.songs.pk).mp3" /><param name="src" value="http://www.techknowl.com/wp-content/uploads/2010/03/audio_player_standard_gray.swf" /><param name="wmode" value="transparent" /><embed type="application/x-shockwave-flash" width="400" height="52" src="http://www.techknowl.com/wp-content/uploads/2010/03/audio_player_standard_gray.swf" wmode="transparent" flashvars="audio_duration=DURATION&amp;external_url=http://sound11.mp3pk.com/indian/aadekhenzara/aadekhenzara01(www.songs.pk).mp3"></embed></object>

Create a new page or post in your Blogger or WordPress blog  including the above code and publish. Flash based player will start streaming the external music link added in the code. Remember to change the audio file with one of your choice.

Edit the above code to change the size, width and other parameters of the 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 we 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://www.techknowl.com/wp-content/uploads/2010/03/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://www.techknowl.com/wp-content/uploads/2010/03/player.swf" id="audioplayer1" height="24" width="290"><param name="movie" value="http://www.techknowl.com/wp-content/uploads/2010/03/player.swf"><param name="FlashVars" value="playerID=1&amp;soundFile=http://sound11.mp3pk.com/indian/aadekhenzara/aadekhenzara01(www.songs.pk).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 .

Hope you will enjoy these simpler embedded web music players. Check this post if you want to create playlists and add multiple music files to your web player.

This entry was posted in Uncategorized by . Bookmark the permalink.

22 thoughts on “Add Flash MP3 player in in Blogger, WordPress blog or your HTML website

  1. hey thanks i got it working but how do you change the mp3 file

    i’ll keep trying but thanks

  2. thanks for the code and after integrating into blog it’s working fine. I think its taking more time for the blog to load. is this due to Flash Mp3 player..?

  3. Hey thanks a lot for sharing such a nice and informative article. really a very nice and detailed review……………Thanks a lot

  4. I usually don’t comment on websites but this one is so relevant and well put together that I just had to stop and say,GREAT WEBSITE.

  5. здравейте бих искал да попитам как да си кача флаш плеар в сайта си надявам се някои да ми помогне предварително мерси скюпе за връзка с мен dike.y

  6. thanks for sharing and enjoyed installing on my blog. i think it is taking time to load the page after installing this player.

  7. This is very good and simple to set up. Is it possible to have a multi-track player?
    Maybe you can find something that does that?

  8. i just wish that mp3 players could also have some 10 band equalizers and bass boost functions:’:

  9. guys can any body give me the code in copy paste format that also when the user want it he will start the music i am a student and learning physics as my core subject and is not intrested in computers but we ahve this tedeous subject compulsary so any body can u hlp me
    if yes send the code to me at :rinkeshkurkure@hotmail.com or rinkeshkurkure@gmx.us
    thanking u

  10. Thank you so much for designing exactly what I was searching for. A clean simple listening device for my band’s web site that was a snap to install and works perfectly. Thank you.

  11. how can i add my music file in too this code, plz can some body help me to how can i put my music file?

  12. This is a great code but i the screenshot of your player is too large to put in my website. I need a bit smaller with stop and play button. About w20xh20 pixel will do! Thanks for the info!

Leave a Reply

Your email address will not be published. Required fields are marked *