Mp3 Playlist PlayerPlay several Mp3 songs, files on your music player! DewPlayer is compatible with all blogger blogs,  wordpress blogs or any other platform you may be using. On our previous post we created a flash music player using single Mp3 file supporting Music players but now we will learn on how to create a Playlist using the Dewplayer. Due to no details on how to create a playlist at alsacreations website, it took me long till I found a working method. You need to be really careful while following this tutorial. This player is an amazing free music player that will surely stand out your website in the crowd. So lets play again!


The Player comes with multiple Mp3 file support, Play, Pause and Stop option along with volume and song selection option. Hit the play button to hear a beautiful song:

Add Dewplayer Playlist to your Websites and Blogs

You will need three things here,
  1. The Flash File for the playlist i.e. dewplayer-playlist.swf
  2. The xml File for the playlist i.e. playlist.xml
  3. and most importantly the Mp3 file links

1)   First thing first, upload your selected Mp3 files on a free hosting site. I recommend mydatanest
2) Next download and upload the Flash file also: Download SWF File
3) Copy the code below and save it in a notepad by giving the .xml extension,
<?xml version="1.0" encoding="UTF-8"?>
<playlist version="1" xmlns="http://xspf.org/ns/0/">
    <title>Ounage Playlist</title>
    <creator>Dew</creator>
    <link>http://www.blup.fr/</link>
    <info>The Best Playlist for Testing</info>
    <image>covers/tracklist.jpg</image>
    <trackList>

        <track>
          <location>MP3 LINK #1</location>
          <creator></creator>
          <album></album>
          <title>WRITE SONG TITLE HERE</title>
          <annotation></annotation>
          <duration></duration>
          <image></image>
          <info></info>
          <link></link>
        </track>

        <track>
          <location>MP3 LINK #2</location>
          <creator></creator>
          <album></album>
          <title>WRITE SONG TITLE HERE</title>
          <annotation></annotation>
          <duration></duration>
          <image></image>
          <info></info>
          <link></link>
        </track>

        <track>
          <location>MP3 LINK #2</location>
          <creator></creator>
          <album></album>
          <title>WRITE SONG TITLE HERE</title>
          <annotation></annotation>
          <duration></duration>
          <image></image>
          <info></info>
          <link></link>
        </track>                 
 

    </trackList>
</playlist>
Before saving make these changes:
  • Replace MP3 LINK #1, 2, 3 with the Direct URLS of your uploaded mp3 files.
  • Replace WRITE SONG TITLE HERE with the song name
  • To add another track simply paste the following code just above </trackList>
        <track>
          <location>MP3 LINK #4</location>
          <creator></creator>
          <album></album>
          <title>WRITE SONG TITLE HERE</title>
          <annotation></annotation>
          <duration></duration>
          <image></image>
          <info></info>
          <link></link>
        </track>
Now save your notepad file by giving it the .xml extension. To save the file go to File and then choose Save as.. See the screenshot below,
giving extension in notepad

4)  Now upload the xml file on a free hosting site in similar manner as you did for uploading the swf and mp3 files.

5) Finally use the code below to add the Playlist anywhere on your website:
<object type="application/x-shockwave-flash" data="ADD SWF FLASH FILE LINK HERE" width="240" height="200"> <param name="wmode" value="transparent" /> <param name="movie" value="ADD SWF FLASH FILE LINK HERE" /> <param name="flashvars" value="xml=ADD XML FILE LINK HERE" /> </object>
  • Replace ADD SWF FLASH FILE LINK HERE with the playlist swf link that you uploaded in step#2
  • Replace ADD XML FILE LINK HERE with the XML file link that you uploaded in setp#4
  • To change the height edit the yellow highlighted text.
That's all!
Apply all steps carefully and find a beautiful Mp3 Playlist Player on your websites just like this one:

Credits:

All code rights are strictly reserved by MBT blog. This tutorial is shared for the first time with the Playlist details and if you wish to share the playlist creation guide with your readers then you may kindly attach attribution to this page.
 
Top