Today's player is much different from the music mp3 player I previously shared. It created by alsacreations and provided for free use. It is called Dewplayer, which is a smart easy to use flash mp3 player that comes in different sizes and shapes. You can create a beautiful playlist in your blogger blogs with it and with a professional look. I personally liked it a lot! Turn off the music below and lets try this new discovery.How To Add Music Player To your Website?
1. First you need to download this file: DewPlayer Bundle2. Unzip the file using winrar or winzip
3. Now you can see a lot of files in it. I have compressed the popular types as shown below.
In this tutorial we will learn to create all types accept the playlist as I will be writing a more detailed post on it tonight. Select your favorite player and upload it (swf file) on a free hosting website along with your mp3 file.
4. Now you just need to copy and paste anyone of the codes below inside your blogger posts, sidebars, anywhere you want.
PS: In each case below replace the highlighted text with the swf file link of the Player and replace MBT.mp3 with the mp3 link. For more options you can visit and create it using their tool or of course you can call me for help :d
Mini:
<object type="application/x-shockwave-flash" data="dewplayer-mini.swf" width="160" height="20" border="0" id="dewplayer" name="dewplayer"> <param name="wmode" value="transparent" /><param name="movie" value="dewplayer-mini.swf" /> <param name="flashvars" value="mp3=MBT.mp3" /> </object>Classic:
<object type="application/x-shockwave-flash" data="dewplayer-classic.swf" width="200" height="20" border="0" id="dewplayer" name="dewplayer"> <param name="wmode" value="transparent" /><param name="movie" value="dewplayer-classic.swf" /> <param name="flashvars" value="mp3=MBT.mp3" /> </object>
Multi:
<object type="application/x-shockwave-flash" data="dewplayer-multi.swf" width="240" height="20" border="0" id="dewplayer" name="dewplayer"> <param name="wmode" value="transparent" /><param name="movie" value="dewplayer-multi.swf" /> <param name="flashvars" value="mp3=MBT.mp3" /> </object>
Multi Rect:
<object type="application/x-shockwave-flash" data="dewplayer-rect.swf" width="240" height="20" border="0" id="dewplayer" name="dewplayer"> <param name="wmode" value="transparent" /><param name="movie" value="dewplayer-rect.swf" /> <param name="flashvars" value="mp3=MBT.mp3" /> </object>
Bubble:
<object type="application/x-shockwave-flash" data="dewplayer-bubble.swf" width="250" height="65" border="0" id="dewplayer" name="dewplayer"> <param name="wmode" value="transparent" /><param name="movie" value="dewplayer-bubble.swf" /> <param name="flashvars" value="mp3=MBT.mp3" /> </object>
Troubleshooting
If you get into a problem then do not hesitate to post your query. Would be a pleasure to help you. I just hope you find useful and easy to implement. I will be publishing several other types of Music players soon in my future posts inshAllah. Have Fun Folks!
If you enjoyed this post and wish to be informed whenever a new post is published, then make sure you
Subscribe to our regular Email Updates!
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 »
37 comments:
please explain clearly
@Chintha
What could be more clear than this buddy? Where are you facing problem? Would be a pleasure to help you.
@Kedar
Kindly do not ask off topic questions. I will send you the template soon pal.
how to add many mp3 files on it??
It is better to add live demo!! :D
:D hey thank u mustafa.. i've done it..it can't be more simpler..Guys just download dw bundle, select .swf file u want, upload it.. and use "direct urls" not html coded one. now upload mp3 and again use direct urls,not html coded. and if u want to add more then one mp3, just use it as http://your server/files/12345_abcd/songname.mp3 |
http://your server/files/12345_abcd/songname.mp3
simple.. i mean separate mp3 links with pipe (|)
headache khatm hogea. Thanks once again dear :)
@iwayans
I have already shared a demo buddy however I will publish the playlist version today.
@sahil
Oh wow cool bro. Did that separator thing work? That's even new to me. :d
@Mohammad Mustafa Ahmedzai
:D yes it did, i read it in official site (about separator) , and its working you can check it in my blog http://killer-poetry-collection.blogspot.com . off topic to nahi hoga if i tell u I've given u credits for all your effort in my blog. thank u so much, comment box,music player,contact form. I've done everything following ur tutorials.thanks again, Allah bless u :)
I uploaded my mp3 to a site and got these:
1) [url=http://www.upload-mp3.com/files/303682_pjm2e/04%20Track%2004%206.mp3]04 Track 04 6.mp3[/url]
2) 04 Track 04 6.mp3
3) [url=http://www.upload-mp3.com/files/303682_pjm2e/04%20Track%2004%206.mp3]04 Track 04 6.mp3[/url]
4) 04 Track 04 6.mp3
5) http://www.upload-mp3.com/files/303682_pjm2e/04%20Track%2004%206.mp3
Which of these is the swf file... and which is the mp3 link???
Also... where is the code for the 'playlist'?
@sahil
You are always welcomed bro. :>
@Joshu
First download the file shared in the post above : Click Here
In your windows turn your folder view to Details and you can easily identify which one is swf.
Upload swf file to mydatanest.com and also your mp3
Then follow the tutorial above.
Forget about www.upload-mp3.com
can u plz post the code for playlist player type
how to upload swf file . your web site is not open , it give page not found error tell me how to open that site. plz
dat means we have to upload both in swf format and mp3 formats???
i tried dew player follwing ur instructions..i've Checked preview in scrapbook song is playing and player is also visible but while posting its not going showing a messaage like "This rich-content scrap was not posted. Find out why " what to do =/
thank u!!!
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
Hii..if we have multiple mp3 file then how to put all mp3 file on your given code?you have put all code even on multi player also for one mp3 file..value="mp3=MBT.mp3"-->if i want three mp3 file then how to put here all?thanks..
is there a way to have the audio play automatically?
Thank you for the thoughtful review. The main advantage of youtube html5 playerseems to be for embedding rich media such as audio and video in modern browsers. Although, the structure elements seem to be useful. CSS3 seems to be headed in the right direction, leaving many possibilities for implementation and creativity,
I like the new look of thehtml5 video player Player is faster is better and my slow computer with crappy video card will not got slow anymore, nice job you guys!
I am exicited about HTML5 but Flash can do all these things html5 can do in a better way.Creating slideshow in HTML5! wow! what, flash did that 10 years ago! It is very easy to create a flash animation, for example a ball bouncing in flash professional in less than am minute. Javascript is a mess when compared to AS3.
hello sir can you help me plzzz my problem is blogger adsense not active i also many try but not solved so plzzzzz guide me notuse121@ymail.com
Working Fine
too good piece of information, I had come to know about your site from my friend sajid, bangalore,i have read atleast 11 posts of yours by now, and let me tell you, your web-page gives the best and the most interesting information. This is just the kind of information that i had been looking for, i'm already your rss reader now and i would regularly watch out for the new post, once again hats off to you! Thanks a lot once again, Regards, photoshop
Adding mp3 player and music file to the blog or site will really make site very different and nice . Thanks for sharing such a useful piece of information.
mp3 songs
i have downloaded the file but after download that file i have to upload it to blogger or what....can you plz explain me with video or anything that is easy for me...
Thank you
does not work at all.
please upload a video of this tutorial bro......
assalamu alaykum
dear sir mohammad
multi mp3 player kis tarah muje samaj me nahi aa raha hey please aap muje mail kijiyena step by step ya vidio tutoruial
i use dropbox for storage mp3
but how i create a xml file dear please help
You can add mp3 music player in blogger read to know more
CD printing
things have become easy and superfast. All at your fingertips
DVD replication
thanks dear admin nice tips
Free Movies Games and Software
Nice information, There is obviously a lot. Your points are very valuable and knowledgeable. Thanks for sharing this great blog with us.
CD multimedia storage
This is a great inspiring article.I am pretty much pleased with your good work.You put really very helpful information. Keep it up. Keep blogging. Looking to reading your next post.
CD replication
Click Here To add Comment
Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.
Note:
1. To add HTML CODE in comments then please use our HTML Encoder
2. You can always Test the tutorial on our HTML Editor
3. No cheesy/spam Comments tolerated Spam comments will be deleted immediately upon our review.
Regards,
Mohammad