WordPress MP3 Player For BLOGGER


mp3Updated Post On Readers Demand

I am pretty excited to share the trick of adding one of the best flash players to your blog. This player is different from rest of the Mp3 players found elsewhere. It is simple in design, supports music with a high range of frequencies and most importantly works with all browsers. Adding this player will add a pro look to your blog because many bloggers don’t know about this player as yet, so be the first to use it. Many bloggers also think that this audio player works with WordPress only but with a little tweaking  I will help you add this player successfully to your BlogSpot blogs.

This is how your cool flash player would look like,

 

To add this player to your blog post or sidebar, do the following,

  • Go to Layout > Edit HTML >

Layout 

  • Backup your template >

backup-template

  • Press Ctrl + F and look for </head> by using the search box,

Search-code

  • Immediately above </head> tag  add this code,

Tip of Copying the Code Below:- Start Highlighting the Code from bottom to top and then Press Ctrl + C  to copy it. To Paste it above </head> simply press Ctrl + V 

That’s it.

<script type='text/javascript'>

//<![CDATA[

var AudioPlayer=function(){var F=[];var C;var E="";var A={};var D=-1;function B(G){return document.all?window[G]:document[G]}return{setup:function(H,G){E=H;A=G},getPlayer:function(G){return B(G)},embed:function(K,O){var I={};var M;var G;var P;var H;var N={};var J={};var L={};for(M in A){I[M]=A[M]}for(M in O){I[M]=O[M]}if(I.transparentpagebg=="yes"){N.bgcolor="#FFFFFF";N.wmode="transparent"}else{if(I.pagebg){N.bgcolor="#"+I.pagebg}N.wmode="opaque"}N.menu="false";for(M in I){if(M=="pagebg"||M=="width"||M=="transparentpagebg"){continue}J[M]=I[M]}L.name=K;L.style="outline: none";J.playerID=K;audioplayer_swfobject.embedSWF(E,K,I.width.toString(),"24","9",false,J,N,L);F.push(K)},syncVolumes:function(G,I){D=I;for(var H=0;H<F.length;H++){if(F[H]!=G){B(F[H]).setVolume(D)}}},activate:function(G){if(C&&C!=G){B(C).close()}C=G},load:function(I,G,J,H){B(I).load(G,J,H)},close:function(G){B(G).close();if(G==C){C=null}},open:function(G){B(G).open()},getVolume:function(G){return D}}}()/* SWFObject v2.1 <http://code.google.com/p/swfobject/>
    Copyright (c) 2007-2008 Geoff Stearns, Michael Williams, and Bobby van der Sluis
    This software is released under the MIT License <http://www.opensource.org/licenses/mit-license.php>
*/
var audioplayer_swfobject=function(){var b="undefined",Q="object",n="Shockwave Flash",p="ShockwaveFlash.ShockwaveFlash",P="application/x-shockwave-flash",m="SWFObjectExprInst",j=window,K=document,T=navigator,o=[],N=[],i=[],d=[],J,Z=null,M=null,l=null,e=false,A=false;var h=function(){var v=typeof K.getElementById!=b&&typeof K.getElementsByTagName!=b&&typeof K.createElement!=b,AC=[0,0,0],x=null;if(typeof T.plugins!=b&&typeof T.plugins[n]==Q){x=T.plugins[n].description;if(x&&!(typeof T.mimeTypes!=b&&T.mimeTypes[P]&&!T.mimeTypes[P].enabledPlugin)){x=x.replace(/^.*\s+(\S+\s+\S+$)/,"$1");AC[0]=parseInt(x.replace(/^(.*)\..*$/,"$1"),10);AC[1]=parseInt(x.replace(/^.*\.(.*)\s.*$/,"$1"),10);AC[2]=/r/.test(x)?parseInt(x.replace(/^.*r(.*)$/,"$1"),10):0}}else{if(typeof j.ActiveXObject!=b){var y=null,AB=false;try{y=new ActiveXObject(p+".7")}catch(t){try{y=new ActiveXObject(p+".6");AC=[6,0,21];y.AllowScriptAccess="always"}catch(t){if(AC[0]==6){AB=true}}if(!AB){try{y=new ActiveXObject(p)}catch(t){}}}if(!AB&&y){try{x=y.GetVariable("$version");if(x){x=x.split(" ")[1].split(",");AC=[parseInt(x[0],10),parseInt(x[1],10),parseInt(x[2],10)]}}catch(t){}}}}var AD=T.userAgent.toLowerCase(),r=T.platform.toLowerCase(),AA=/webkit/.test(AD)?parseFloat(AD.replace(/^.*webkit\/(\d+(\.\d+)?).*$/,"$1")):false,q=false,z=r?/win/.test(r):/win/.test(AD),w=r?/mac/.test(r):/mac/.test(AD);/*@cc_on q=true;@if(@_win32)z=true;@elif(@_mac)w=true;@end@*/return{w3cdom:v,pv:AC,webkit:AA,ie:q,win:z,mac:w}}();var L=function(){if(!h.w3cdom){return }f(H);if(h.ie&&h.win){try{K.write("<script id=__ie_ondomload defer=true src=//:><\/script>");J=C("__ie_ondomload");if(J){I(J,"onreadystatechange",S)}}catch(q){}}if(h.webkit&&typeof K.readyState!=b){Z=setInterval(function(){if(/loaded|complete/.test(K.readyState)){E()}},10)}if(typeof K.addEventListener!=b){K.addEventListener("DOMContentLoaded",E,null)}R(E)}();function S(){if(J.readyState=="complete"){J.parentNode.removeChild(J);E()}}function E(){if(e){return }if(h.ie&&h.win){var v=a("span");try{var u=K.getElementsByTagName("body")[0].appendChild(v);u.parentNode.removeChild(u)}catch(w){return }}e=true;if(Z){clearInterval(Z);Z=null}var q=o.length;for(var r=0;r<q;r++){o[r]()}}function f(q){if(e){q()}else{o[o.length]=q}}function R(r){if(typeof j.addEventListener!=b){j.addEventListener("load",r,false)}else{if(typeof K.addEventListener!=b){K.addEventListener("load",r,false)}else{if(typeof j.attachEvent!=b){I(j,"onload",r)}else{if(typeof j.onload=="function"){var q=j.onload;j.onload=function(){q();r()}}else{j.onload=r}}}}}function H(){var t=N.length;for(var q=0;q<t;q++){var u=N[q].id;if(h.pv[0]>0){var r=C(u);if(r){N[q].width=r.getAttribute("width")?r.getAttribute("width"):"0";N[q].height=r.getAttribute("height")?r.getAttribute("height"):"0";if(c(N[q].swfVersion)){if(h.webkit&&h.webkit<312){Y(r)}W(u,true)}else{if(N[q].expressInstall&&!A&&c("6.0.65")&&(h.win||h.mac)){k(N[q])}else{O(r)}}}}else{W(u,true)}}}function Y(t){var q=t.getElementsByTagName(Q)[0];if(q){var w=a("embed"),y=q.attributes;if(y){var v=y.length;for(var u=0;u<v;u++){if(y[u].nodeName=="DATA"){w.setAttribute("src",y[u].nodeValue)}else{w.setAttribute(y[u].nodeName,y[u].nodeValue)}}}var x=q.childNodes;if(x){var z=x.length;for(var r=0;r<z;r++){if(x[r].nodeType==1&&x[r].nodeName=="PARAM"){w.setAttribute(x[r].getAttribute("name"),x[r].getAttribute("value"))}}}t.parentNode.replaceChild(w,t)}}function k(w){A=true;var u=C(w.id);if(u){if(w.altContentId){var y=C(w.altContentId);if(y){M=y;l=w.altContentId}}else{M=G(u)}if(!(/%$/.test(w.width))&&parseInt(w.width,10)<310){w.width="310"}if(!(/%$/.test(w.height))&&parseInt(w.height,10)<137){w.height="137"}K.title=K.title.slice(0,47)+" - Flash Player Installation";var z=h.ie&&h.win?"ActiveX":"PlugIn",q=K.title,r="MMredirectURL="+j.location+"&MMplayerType="+z+"&MMdoctitle="+q,x=w.id;if(h.ie&&h.win&&u.readyState!=4){var t=a("div");x+="SWFObjectNew";t.setAttribute("id",x);u.parentNode.insertBefore(t,u);u.style.display="none";var v=function(){u.parentNode.removeChild(u)};I(j,"onload",v)}U({data:w.expressInstall,id:m,width:w.width,height:w.height},{flashvars:r},x)}}function O(t){if(h.ie&&h.win&&t.readyState!=4){var r=a("div");t.parentNode.insertBefore(r,t);r.parentNode.replaceChild(G(t),r);t.style.display="none";var q=function(){t.parentNode.removeChild(t)};I(j,"onload",q)}else{t.parentNode.replaceChild(G(t),t)}}function G(v){var u=a("div");if(h.win&&h.ie){u.innerHTML=v.innerHTML}else{var r=v.getElementsByTagName(Q)[0];if(r){var w=r.childNodes;if(w){var q=w.length;for(var t=0;t<q;t++){if(!(w[t].nodeType==1&&w[t].nodeName=="PARAM")&&!(w[t].nodeType==8)){u.appendChild(w[t].cloneNode(true))}}}}}return u}function U(AG,AE,t){var q,v=C(t);if(v){if(typeof AG.id==b){AG.id=t}if(h.ie&&h.win){var AF="";for(var AB in AG){if(AG[AB]!=Object.prototype[AB]){if(AB.toLowerCase()=="data"){AE.movie=AG[AB]}else{if(AB.toLowerCase()=="styleclass"){AF+=' class="'+AG[AB]+'"'}else{if(AB.toLowerCase()!="classid"){AF+=" "+AB+'="'+AG[AB]+'"'}}}}}var AD="";for(var AA in AE){if(AE[AA]!=Object.prototype[AA]){AD+='<param name="'+AA+'" value="'+AE[AA]+'" />'}}v.outerHTML='<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"'+AF+">"+AD+"</object>";i[i.length]=AG.id;q=C(AG.id)}else{if(h.webkit&&h.webkit<312){var AC=a("embed");AC.setAttribute("type",P);for(var z in AG){if(AG[z]!=Object.prototype[z]){if(z.toLowerCase()=="data"){AC.setAttribute("src",AG[z])}else{if(z.toLowerCase()=="styleclass"){AC.setAttribute("class",AG[z])}else{if(z.toLowerCase()!="classid"){AC.setAttribute(z,AG[z])}}}}}for(var y in AE){if(AE[y]!=Object.prototype[y]){if(y.toLowerCase()!="movie"){AC.setAttribute(y,AE[y])}}}v.parentNode.replaceChild(AC,v);q=AC}else{var u=a(Q);u.setAttribute("type",P);for(var x in AG){if(AG[x]!=Object.prototype[x]){if(x.toLowerCase()=="styleclass"){u.setAttribute("class",AG[x])}else{if(x.toLowerCase()!="classid"){u.setAttribute(x,AG[x])}}}}for(var w in AE){if(AE[w]!=Object.prototype[w]&&w.toLowerCase()!="movie"){F(u,w,AE[w])}}v.parentNode.replaceChild(u,v);q=u}}}return q}function F(t,q,r){var u=a("param");u.setAttribute("name",q);u.setAttribute("value",r);t.appendChild(u)}function X(r){var q=C(r);if(q&&(q.nodeName=="OBJECT"||q.nodeName=="EMBED")){if(h.ie&&h.win){if(q.readyState==4){B(r)}else{j.attachEvent("onload",function(){B(r)})}}else{q.parentNode.removeChild(q)}}}function B(t){var r=C(t);if(r){for(var q in r){if(typeof r[q]=="function"){r[q]=null}}r.parentNode.removeChild(r)}}function C(t){var q=null;try{q=K.getElementById(t)}catch(r){}return q}function a(q){return K.createElement(q)}function I(t,q,r){t.attachEvent(q,r);d[d.length]=[t,q,r]}function c(t){var r=h.pv,q=t.split(".");q[0]=parseInt(q[0],10);q[1]=parseInt(q[1],10)||0;q[2]=parseInt(q[2],10)||0;return(r[0]>q[0]||(r[0]==q[0]&&r[1]>q[1])||(r[0]==q[0]&&r[1]==q[1]&&r[2]>=q[2]))?true:false}function V(v,r){if(h.ie&&h.mac){return }var u=K.getElementsByTagName("head")[0],t=a("style");t.setAttribute("type","text/css");t.setAttribute("media","screen");if(!(h.ie&&h.win)&&typeof K.createTextNode!=b){t.appendChild(K.createTextNode(v+" {"+r+"}"))}u.appendChild(t);if(h.ie&&h.win&&typeof K.styleSheets!=b&&K.styleSheets.length>0){var q=K.styleSheets[K.styleSheets.length-1];if(typeof q.addRule==Q){q.addRule(v,r)}}}function W(t,q){var r=q?"visible":"hidden";if(e&&C(t)){C(t).style.visibility=r}else{V("#"+t,"visibility:"+r)}}function g(s){var r=/[\\\"<>\.;]/;var q=r.exec(s)!=null;return q?encodeURIComponent(s):s}var D=function(){if(h.ie&&h.win){window.attachEvent("onunload",function(){var w=d.length;for(var v=0;v<w;v++){d[v][0].detachEvent(d[v][1],d[v][2])}var t=i.length;for(var u=0;u<t;u++){X(i[u])}for(var r in h){h[r]=null}h=null;for(var q in audioplayer_swfobject){audioplayer_swfobject[q]=null}audioplayer_swfobject=null})}}();return{registerObject:function(u,q,t){if(!h.w3cdom||!u||!q){return }var r={};r.id=u;r.swfVersion=q;r.expressInstall=t?t:false;N[N.length]=r;W(u,false)},getObjectById:function(v){var q=null;if(h.w3cdom){var t=C(v);if(t){var u=t.getElementsByTagName(Q)[0];if(!u||(u&&typeof t.SetVariable!=b)){q=t}else{if(typeof u.SetVariable!=b){q=u}}}}return q},embedSWF:function(x,AE,AB,AD,q,w,r,z,AC){if(!h.w3cdom||!x||!AE||!AB||!AD||!q){return }AB+="";AD+="";if(c(q)){W(AE,false);var AA={};if(AC&&typeof AC===Q){for(var v in AC){if(AC[v]!=Object.prototype[v]){AA[v]=AC[v]}}}AA.data=x;AA.width=AB;AA.height=AD;var y={};if(z&&typeof z===Q){for(var u in z){if(z[u]!=Object.prototype[u]){y[u]=z[u]}}}if(r&&typeof r===Q){for(var t in r){if(r[t]!=Object.prototype[t]){if(typeof y.flashvars!=b){y.flashvars+="&"+t+"="+r[t]}else{y.flashvars=t+"="+r[t]}}}}f(function(){U(AA,y,AE);if(AA.id==AE){W(AE,true)}})}else{if(w&&!A&&c("6.0.65")&&(h.win||h.mac)){A=true;W(AE,false);f(function(){var AF={};AF.id=AF.altContentId=AE;AF.width=AB;AF.height=AD;AF.expressInstall=w;k(AF)})}}},getFlashPlayerVersion:function(){return{major:h.pv[0],minor:h.pv[1],release:h.pv[2]}},hasFlashPlayerVersion:c,createSWF:function(t,r,q){if(h.w3cdom){return U(t,r,q)}else{return undefined}},removeSWF:function(q){if(h.w3cdom){X(q)}},createCSS:function(r,q){if(h.w3cdom){V(r,q)}},addDomLoadEvent:f,addLoadEvent:R,getQueryParamValue:function(v){var u=K.location.search||K.location.hash;if(v==null){return g(u)}if(u){var t=u.substring(1).split("&");for(var r=0;r<t.length;r++){if(t[r].substring(0,t[r].indexOf("="))==v){return g(t[r].substring((t[r].indexOf("=")+1)))}}}return""},expressInstallCallback:function(){if(A&&M){var q=C(m);if(q){q.parentNode.replaceChild(M,q);if(l){W(l,true);if(h.ie&&h.win){M.style.display="block"}}M=null;l=null;A=false}}}}}();

//]]>

</script>

  • Save your template

Now whenever you want to add this WordPress Audio Player to your posts or sidebar, add the code below to the Edit HTML section of your Post or to the HTML/JavaScript widget in your sidebar.

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

Remember to replace the text in green with the URL of your MP3 file. To know how to get URLs for your files read Learn how to get hotlinking/Direct URLs for your files

Now publish your post and enjoy listening to your favorite music!

Add more than one Wordpress audio player per post

To add more than one audio player to your post, simply add the code below for your second player,

<object type="application/x-shockwave-flash" data="http://mustafastc.fileave.com/player.swf" id="audioplayer2" height="24" width="290">
<param name="movie" value="http://mustafastc.fileave.com/player.swf">
<param name="FlashVars" value="playerID=2&amp;soundFile=URL of your second MP3 file">
<param name="quality" value="high">
<param name="menu" value="false">
<param name="wmode" value="transparent">
</object>

You get another Mp3 player just like the first one

Remember to replace the text in green with the URL of your MP3 file. If you want to use an extra player, simply change the text in red to the number of player. For adding a third player change the text in red to 3 and so on.

Attention!

The Reason why many readers were getting errors while using this player is that I have saved the flash file of this player in a free hosting service like www.fileave.com To have this player work efficiently kindly save the following files in a free file hosting service and link to them using your own URLs,

I have linked to the above flash file as http://mustafastc.fileave.com/player.swf in the codes shared above. Kindly replace this URL with yours.

Update:- If you wish to colorize the player or want to change its look and feel then read this post –> Customize The Color Scheme Of Wordpress MP3 Player

I hope you would like this new update. If you have any question please feel free to ask me in the comment box below.

Need Quick Help within 24 Hours? ASK NOW



If you don't want to get yourself into Serious Technical Trouble while editing your Blog Template then just sit back and relax and let us do the Job for you at a fairly reasonable cost. Submit your order details by Clicking Here »

91 comments : Post Yours! Read Comment Policy ▼
PLEASE NOTE:
We have Zero Tolerance to Spam. Chessy Comments and Comments with 'Links' will be deleted immediately upon our review.

  1. I recently came accross your blog and have been reading along. I thought I would leave my first comment. I dont know what to say except that I have enjoyed reading. Nice blog. I will keep visiting this blog very often.


    Ruth

    http://ramupgrade.info

    ReplyDelete
  2. @Richmond

    I appreciated the visit and comment. I am glad you liked the post

    ReplyDelete
  3. Exactly what I was looking for, thanks:) Wish I found it sooner:)

    I tried it on my test blog: Mp3 Test

    By the way, if you like poker, check out $100 free at Pokerstars:
    http://www.poker006.com/2009/01/pokerstars-100-free-no-deposit-bonus.html

    ReplyDelete
  4. hey i click play and a "buffering" text apears but the song wont play

    ReplyDelete
  5. Hello Mohammad,

    Thanks for your blog! It helped me with what I was looking for for ages.
    However, I haven't understood yet where exactly to paste the MBT Coding in order to have the MP3 player in my sidebar.

    I look forward to hearing from you,

    All the best,

    Malengua

    ReplyDelete
  6. @ybilicious

    Sometimes the song on my blog don't play because I have saved it in google sites, which you know is pretty slow. I guess I would have to change it.


    @Eurico

    TO add this player to your sidebar, do the following,

    1) Go To Layout
    2) Select Add a Gadget or Add a page element
    3) From the list shown, choose HTML/JavaScript
    4)Simply paste the code inside it and click save.
    YOu are done!

    Make sure you upload your song some where and make the necessary changes to the code as guided above

    ReplyDelete
  7. Thanks, MOHD!

    Your explanation was simply clear! However, after "connecting" message on the player, it comes "file not found". I'm sure the URL is correct because it works with another player.

    Regards,

    Malengua

    ReplyDelete
  8. @Eurico

    Friend just give me one day to re-upload the mp3 files to a different location and remove them from the damn slow google sites. All problems are linked with google sites low bandwidth issues.

    I will update the post and it will work just fine

    ReplyDelete
  9. MMA,

    I'm wondering if you will update the code on this page or somewhere else.

    Regards,

    Malengua

    ReplyDelete
  10. Hello, nice tutorial however it just doesn't want to work for me. I've pasted the code exactly as you've directed but when I try to post with the post code it never shows up, I'm kind of confused.

    (I have it uploaded on skydrive)

    ReplyDelete
  11. @Annoymous


    you uploaded what on skydrive?

    ReplyDelete
  12. greetings, Mohammed. thanks for the tutorial on the mp3 player for blogger. It works excellent. so far I've not had any problems w/google sites, but in case I do can you recommend a free hosting service that would work great for mp3 files.

    Thank you

    mysoullessons@gmail.com

    ReplyDelete
  13. Hi, It works with mp3 but not work with aac+/m4a/mp4.

    Do you know how to enable the aac+ plugin for this player?

    Thanks!

    JP

    ReplyDelete
  14. @Mr Wells

    Thanks for that warm comment :> Well I honestly trust no hosting service but I often try, boxtr.com and fileave.com For me the best was googlepages but unfortunately it will be closed shortly.

    @Les Tontons Flingueurs

    If you observe carefully I have named this player MP3 player so it works best with all audio files supported by a normal windows media player. Mp4 etc will require a more sophisticated player and normally are not supported by all browsers

    ReplyDelete
  15. Another question for you sir. How do I change the color of the player. I'm so so with html coding so if you can just refer me to where I need to go in the code you provided to change it. I'm considering a deep red color.

    Thanks

    ReplyDelete
  16. @Mr. Wells

    we can change the colours. Just give me few hours. I will publish the post today

    ReplyDelete
  17. Afternoon Mohammad. Do you know where I can find these type of social icons featured here http://om-records.com/ at the top right of the page. Would like to use them on my blog www.mysoullessons.blogspot.com vs what I have now if possible.

    Thank you

    ReplyDelete
  18. @Mr wells

    Read this post to get those icons,
    http://www.mybloggertricks.com/2009/05/remarkably-beautiful-social-bookmarking.html

    I have published the post on how to change the color scheme of this mp3 player ->Click Here

    ReplyDelete
  19. Dear MOHD,

    Your player is working on my blog now.

    Thanks a lot for your consideration!

    Regards,

    Malengua

    ReplyDelete
  20. @Malengua

    That's great! I also wrote a post on how to change the look of this player. You can read this post Customize Wordpress MP3 player

    ReplyDelete
  21. G.M, Mohammad,

    I personally want to thank you again for all your help thus far. You are one very skilled individual. My blogging techniques have been improved thanks to you. I have checked out the "read more" post and will give it a shot later.

    I'm using google sites, tried boxtr.com (overdrive) and I just found out about TeraDepot.com (also free hosting).
    Do I save the Flash Player File to all these and do I need to change this "http://mustafastc.fileave.com/player1.swf" to something else or just save it and change only the URL of the music file?

    Thank you

    Blessing & Salaam

    ReplyDelete
  22. @Mr Wells

    Walaikum friend :>

    Thanks a lot for that lovely encouragement my friend.

    You just need to right click the flash file above and then choose "Save link as" . This will save the flash file in your computer drive. Now go to any one of the above free hosting service and upload that flash file that you just saved in your computer. Once it is uploaded the hosting service will provide a unique URL/Link for that file just like this one -> http://mustafastc.fileave.com/player1.swf

    Now simply copy the new URL and replace http://mustafastc.fileave.com/player1.swf with the new URL.

    I hope I was clear more this time :>>

    This way the flash file will remain with you forever.

    Thanks for letting me about TeraDepot.com. I will try it. But I am thinking to buy a reliable hosting service for my blog.

    ReplyDelete
  23. No luck w/TeraDepot or google sites. But it works with opendrive & that's with a file saved at google sites as well. Let me know what you find that's affordable and can hold a lot of mp3 files. Thanks again for all your expertise. I'll keep in touch my brother.

    Salaam

    ReplyDelete
  24. I successfully followed your directions and the player is working great. Is there a way to make the track title appear? Thanks for the code this is just what I need.

    ReplyDelete
  25. I have the player up and running. It is wonderful. I would like to add the track title. Is there a way to customize it? Thanks for your help.

    ReplyDelete
  26. @donna, illigitima,

    I am glad it worked for you. To give your track a name or title, read the last comments on this post,
    http://www.mybloggertricks.com/2009/11/customize-color-scheme-of-wordpress-mp3.html

    ReplyDelete
  27. I have pasted the answer here,

    For the song title and name to appear in the player do this,
    1. In your Computer song drive, right click a song and choose properties
    2. You will see two tabs i.e General and Summary
    3. Inside General tab, write your Song Name or Source
    4. Inside Summary Tab, write your song title
    5. Now upload your song file and use it in your player
    6. That's it!

    ReplyDelete
  28. Thanks for the sharing this website. it is very useful professional knowledge. Great idea you know about company background.
    web application development

    ReplyDelete
  29. Thanks for the post it helps a lot!

    ReplyDelete
  30. Hi,

    Where it says 'Attention!.. Kindly download the following files' there are no following files!? I have tried clicking on the link underneath it which says 'Flash Player File', but that just takes me to the URL: 'http://mustafastc.fileave.com/player.swf' with nothing to download. Please can you help, I don't understand what I have to download or replace with my own url? Do I not have to download it? What do I do? Thanks

    ReplyDelete
  31. @whoop

    Friend simply right click the download link and then choose "Save Link AS" That's it! :>

    Once you download this file simply upload it to any free server like fileave.com and then the server will provide you a link. Copy that link and paste it in place of this link in the code above -> http://mustafastc.fileave.com/player.swf

    If you are finding it difficult simply do nothing except copying and pasting the code inside your template :> Make sure to replace the text URL of your MP3 with the link of your mp3 file.

    Hope that helps!

    ReplyDelete
  32. I have been looking high and low for this audio player! Thank you so very much!!!

    ReplyDelete
  33. Hi, thank you so much for this great mp3 player! The only thing i am having trouble with is the song title :( I cannot for the life of me get the song title to appear. I have read your instructions for getting the song title to show up and have followed the instructions for embedding the player to the T but still can't get the name of the song to show up. Is the any other alternative to get my track title to show up? :(

    ReplyDelete
  34. @John

    Bro let me now personally look into the problem in detail. I will figure out a way and will update you within two days. Hope you will have patience :)

    @Happyhours
    Everything is working fine bro! :>

    ReplyDelete
  35. @Mohammad Mustafa Ahmedzai Wow, thank you. I really appreciate it! Hope to here from ya soon :)

    ReplyDelete
  36. Any word yet on manually getting the title to display in the player? :(

    ReplyDelete
  37. @John


    I guess you haven't checked my latest posts. I wrote a post on it a week ago lol! :p

    Here is the link,
    How To Edit the Track/Song Title or Artist name in Wordpress Audio Player

    ReplyDelete
  38. Hello Mohammad,

    Thanks for informative post. I added about 9 players for 9 tracks in post, but now when i am trying to play the songs in blog, error like 'File not found' is coming. I uploaded audio files on boxster.com (now known as opendrive.com). I need to make my readers listen the songs of my newly released album online, but i am getting error as above. Also i need to show track name, artist and album name while playing songs. Kindly please me out man.

    Rana Gill
    www.ranagill.net

    ReplyDelete
  39. I'm getting the player on my blog, but it gets stuck "buffering".

    I'm using q-drive as my host, but I think it's linking more than file.

    Maybe I'll try another service...

    ReplyDelete
  40. Just today the player has stopped showing up on my Blog, and even here in your tutorial the example player doesn't show up. It worked just a day ago. Do you know if Blogger has blocked the code?

    Pity, this is a truly genius trick. :(

    ReplyDelete
  41. @kelly

    My bandwith has exceeded. There is nothing wrong with the code and it will work just fine once I change my hosting. I will shift files to a better hosting soon. BTW this often is normal with free services like fileave.com

    ReplyDelete
  42. Dear Mohammad,

    I just want to be sure whether the MP3 player will appear automatically after you change your hosting site.

    Regards,

    Malengua

    ReplyDelete
  43. esstou poniendo el codigo como me indico arriba de head y dice que no puedo guardar la plantilla por que esta mal formulada mi blogg es http://mercicid.blogspot.com/

    ReplyDelete
  44. @Malengua

    No, you will have to replace the old link in the code with the new URL of your mp3 player. Hope that was clear! :>

    ReplyDelete
  45. Whats the best site to save/store MP3's? I was using esnips, but I have to use their widgets. I like this player more, so I want to host my songs someplace else. Please help.

    ReplyDelete
  46. Ok I have tried teradepot for storing the files. It still does not work. Is there a problem with the flas player. In the MBT code, the only change i have to make is the URL of the mp3 right?

    ReplyDelete
  47. @Precious P

    Any free hosting service that you may try will have some issues. I will just recommend mydatanest.com or boxtr.com


    Not just the MP3 URL, kindly also change the URL of the flash file so that it may work just perfect on your blog. The reason why the player disappears on this blog is that many people use my link and thereby leaving me with bandwith issue. :(

    I will have to update the links. Use this link for downloading the flash file ->http://www.mdn.fm/files/87479_wv3lp/player.swf

    ReplyDelete
  48. This comment has been removed by the author.

    ReplyDelete
  49. Hi there, just what I need!

    I've tried everything but I can't seem to get it to publish. I have tried sites filefactory and file ave. The preview only shows a black bar but doesn't let me publish it telling me a 'PARAM' tag is broken. What does this mean?

    ReplyDelete
  50. Update: I've managed to get the player to publish, except now what happens is that it is constantly 'buffering' but never plays (I've tried several different hosting sites)

    ReplyDelete
  51. Thank you! This helped me a lot. :)

    ReplyDelete
  52. the method u have told for displaying name of song and title isn't working. i have followed every instructions that u have written in the other post but its still not working. Can u help me with this.

    thank you

    ReplyDelete
  53. one thing i forgot the player is working fine and buffers very fast, and i have hosted the files at www.fileden.com . may b u could help after this.

    ReplyDelete
  54. buddy you are just awesome yarr....
    you have all the solution of my problems with blogger tks a lot reall tks a lot.

    ReplyDelete
  55. @4odays

    Pal make sure your mp3 is not big in size. Large music files will surely buffer a lot. keep them small in size.


    @mayank
    For that title thing, I really don't know dude why its not working for some whilst it does for others. Probably operating system conflict then. I will recommend mydatanest.com for uploading files even better then fileave.

    @jeet dholakia
    You are always welcomed pal. Thanks for the kindness :)

    ReplyDelete
  56. The player shows up when I do a post but when I press play the files just says "buffering". Any suggestions? I don't really understand the final bit about hosting the flash player. Any advice would be greatly appreciated!

    ReplyDelete
  57. Just to update I downloaded the player, uploaded it on open drive, replaced the two links in the html code with the new link for the player and added my song into the code but now the player doesn't show up at all. Any ideas?

    ReplyDelete
  58. Finally got it sorted, not sure what I was doing wrong but thanks again for the brilliant blog post!

    ReplyDelete
  59. @austin

    Apologies brother that I am replying late. I am really glad you figured it out by yourself. If you needed any further assistance I am at your service. :)

    ReplyDelete
  60. I use divShare for free audio hosting...I followed your instructions exactly, but when I click play a "buffering" text apears but the song won't play

    ReplyDelete
  61. By the way, I don't think it's actually buffering because the green bar that indicates how much has been buffered always shows up full after I click play, but the audio file won't play

    ReplyDelete
  62. @jeffrey

    Kindly save your mp3 file at fileave.com and then customize the player in MBT HTML editor. Once you are satisfied then copy the code and paste it in your template.


    Note: Make sure the music format is mp3

    ReplyDelete
  63. Do you know of a free alternative to fileave.com with a bigger space for files? I've used up my free 50mb on fileave and have since tried other free services but when I use their links to embed music it just comes up as "buffering". For example when I use rapidshare I inserted the following link http://rapidshare.com/files/441469167/Four-Floors-Diplo-Remix.mp3
    into the html code on my blog but it just says buffering and doesn'r load. It seems to be in the same format as the fileave files so I don't see the problem. Any advice would be greatly appreciated!

    ReplyDelete
  64. @austin

    Bro with free services you will always have to face the bandwidth issue. Though I am using mydatanest.com and I am pretty happy with it but again the problem is attached with it too if your exceed the bandwidth. Creating accounts on more than one of these services can help better. This will keep your bandwith low because not all your files will be linking a single server. Getting me? At least keep two. Hope this helps.

    ReplyDelete
  65. Hi, Im fairly new to blogger and I use it alot to promote music. Alot of my friends and I make music and I want to promote them on my blog and really love this mp3 player. Im just having trouble understanding the URL part in the codes... I just cant seem to get anything to show up. Can you please help me???

    ReplyDelete
  66. @Neo Rhiza

    Well to let the player play your music files you will need to store your mp3files at a server which provided hotlinking like fileave.com or mydatanest.com. A URL simply means a link to your Mp3. Once you upload your mp3 files at mydatanest.com or fileave.com they will provide you with separate links to your music file. Simple replace "URL of your Mp3" with that link.
    Hope this helps :)

    ReplyDelete
  67. Auto Play command anyone?...i tried it with autoplay=true autostart=true tried yes tried numbers tried with quotes "true"...no luck...tried putting it as a param no luck...tried it after the mp3 to add the syntax...still nothing.

    ReplyDelete
  68. @Freelancer

    Use this code instead,

    <object type="application/x-shockwave-flash" data=http://www.mdn.fm/files/87478_pfe4i/player1.swf id="audioplayer1" height="24" width="290">
    <param name="movie" value=http://www.mdn.fm/files/87478_pfe4i/player1.swf>
    <param name="FlashVars" value="playerID=audioplayer1&bg=0xf8f8f8&leftbg=0xeeeeee&lefticon=0x666666&rightbg=0xcccccc&rightbghover=0x999999&
    righticon=0x666666&righticonhover=0xffffff&text=0x666666&slider=0x666666&
    track=0xFFFFFF&border=0x666666&loader=0x9FFFB8&loop=no&autostart=yes&soundFile=http://mustafastc.fileave.com/Clint_Mansell-Requiem_for_a_Dream_undefinedremix)-www.mrtzcmp3.net.mp3">
    <param name="quality" value="high">
    <param name="menu" value="false">
    <param name="wmode" value="transparent">
    </object>

    For more details visit Customize Wordpress Mp3 Player

    ReplyDelete
  69. thank you so much!!!
    this was really helpful =)

    ReplyDelete
  70. i'd like to know if there is a way to change the color of the audio player. I've seen this player on a lot of sites and the color of it changes depending on the website.
    for instance, perezhilton.com has it in pink.
    anyway to do this?

    ReplyDelete
  71. thank you so much dude. i was looking for this for ages! :)

    ReplyDelete
  72. Took me time to go through all the feedback, but I really enjoyed the article. It proved to be very helpful to me and I'm certain to all the commenters right here as well.

    ReplyDelete
  73. hey great post. however mine never moves from buffering when i open my blog so i dont know if it actually works or my internet is just crappy.any suggestions?

    ReplyDelete
  74. Thanks a Lot..

    http://www.anveshreddy.com/

    ReplyDelete
  75. me neither. can't download the player. :(
    but great site!

    ReplyDelete
  76. I agree! But I do consider HTML5 to be more than just the spec that the W3C validator checks your document against. Part of html5 media playerinvolves standards for bolt on technology including web workers, CSS3, server sent events, etc. that are going to (I hope) revolutionize the web and do away with the need for 3rd party browser plugins

    ReplyDelete
  77. I agree! But I do consider HTML5 to be more than just the spec that the W3C validator checks your document against. Part of html5 media playerinvolves standards for bolt on technology including web workers, CSS3, server sent events, etc. that are going to (I hope) revolutionize the web and do away with the need for 3rd party browser plugins

    ReplyDelete
  78. Thank you for the link. :).Interesting to read.You can embed any audio fromhtml5 media player you can upload any audio and then grab the embed code of that audio and embed it anywhere.

    ReplyDelete
  79. cool demonstration! eventhough HTML5 audio player might not pack all of the features it works well.. it let’s iOS folk hear the mp3, tho the player will launch in a new webpage; and to return to your original page, html5 player

    ReplyDelete
  80. cool demonstration! eventhough HTML5 audio player might not pack all of the features it works well.. it let’s iOS folk hear the mp3, tho the player will launch in a new webpage; and to return to your original page, html5 music player

    ReplyDelete
  81. Hi, thanks for your share ! I tried to do this tutorial, but it's not work, could you show me how to set up this tutorial on my blog? I really need it !

    ReplyDelete
  82. I am afraid to see that long code. I am not going to use audio player right now because it's not mandatory yet. But I bookmarked this topic for future need.

    Regards,
    Admin of manual seo service

    ReplyDelete
  83. hey bro m using youtube videos for my site.... please tell me about my site .... is this followed adsense terms ?....

    Regards,
    freevideodownload

    ReplyDelete