Mp3 Player with Playlist

Mp3 player with playlist

This is fully customizable MP3 Player, built with support for multiple songs. Everything is XML customizable, including size, colors, speed and transition effects.

This Flash Mp3 Player contains a handful of features and settings. It is easy to use the player in your Flash projects or as an independent Flash mp3 player on your website.
It is as easy as moving some actionscript files around, and dragging the movieclip containing the Flash player in your Flash file. We provide precise instructions in the help file that comes with the download.

Skinning the Mp3 player

Skinning is very simple as well. To edit the file you don't need any Flash experience, as all the settings are loaded from an external XML file, which you can edit with any text editor.
You can change the colors of the elements, the speed of the effects, the size of the images, the size of the mp3 player, add or remove features to the player, and much more.
As an example, you can disable the SHARE button in the XML file, and the control bar will automatically resize to fill the empty space on the right of the Flash Mp3 Player.

Playlists

The playlist is also loaded from an external XML file, so you can add unlimited songs.

Audio Volume

The user can quickly turn on/off the audio, or change the volume by dragging the volume bar. The music will fade in/out between the values.

Player source code

The code is very well commented, written following the best OOP practices, and the downloaded file comes with all the assets used to create the Flash Mp3 Player such as the fonts, the AI source files, and the Flash source files.

Features:

- Streaming – starts playing before the song is fully loaded
- Seek bar for displaying song progress
- Shuffle songs
- Share Mp3 Player
- Download / Buy button with customizable link for each item in the list
- Volume slider
- Mute button
- Customize auto-play, volume  start value and display text through XML file.
- Customize playlist through XML file
- Unlimited number of songs
- Colors are customizable from XML

Note: The songs used in this file are samples, under 30 seconds for legal reasons. You can easily update them in the XML file.

 

clem_41

on 16/10/11

 

Hi,
I've just downloaded the demo of this player, and I'm trying to reduce the height of the playlist, but that's not working. I'd like the player to show only two songs from the playlist, and then people would have to scroll down to see the rest of the songs. Is that possible, or can we just increase the height, and not reduce it?
I tried by typing a size in settings.xml on that line :

                <mp3player width = "" height = "">
                

Then I also tried on that line :

                <list width = "100" height = "" marginAround = "10">
                

But nothing changed. What am I doing wrong?

 

Corneliu Chitanu

on 17/10/11

Hi,

Thanks for downloading our flash player.

Decreasing the size of the component will decrease the size of the playlist too. If you used our code from index.html file, like this tutorial explains:

http://www.flabell.com/blog/1829/how-t...

you should find a variable called stageH:

var stageH = 332;

Just decrease its value and the playlist should get smaller. If it gives you any more trouble, please share a link to your player. We'll find a solution for you. Thanks for your patience.

 

clem_41

on 17/10/11

 

Thanks for your answer. I did what you said and it worked (I had read the instructions too fast the first time).
I'll probably buy the full version next month.

 

Corneliu Chitanu

on 18/10/11

You're welcome. We're glad it worked and we'd be glad to have you as a client.

 

ezstreet

on 19/10/11

 

I bought it, I located the folder everything is loaded. I pasted the contents of your "deploy" folder in a /audio on my site. Your sample index.html runs in that folder but I have no clue how to install the player to any of my pages /page1.html and so on

 

ezstreet

on 19/10/11

also if i move your .html doesn't work if i move it to root via dreamweaver and update links. am i doing something wrong?

 

ezstreet

on 19/10/11

also is there any way to remove the copy code button? my sites visitors don't need to see that

 

Corneliu Chitanu

on 20/10/11

Hello,

Thanks for downloading our player. Please make sure that you're doing everything right by following this tutorial:

www.flabell.com/blog/1829/how-to-embed-a-flabell-component-in-your-html-webpage

If you can't find the solution, please share a link to the webpage that you tried to embed the player in. We'll find it for you.

To disable the embed button, please find this property in the settings.xml file:

                
<shareButton color = "0x434342">true</shareButton>

                

You'll need to set it's value to "false" instead of "true". This will disable it.

 

ezstreet

on 20/10/11

I got it to work using absolute links (which isn't cool for testing changes locally). I tried to do everything with relative l links but i just wont work. I dont know what else to try :-/ but the good news is that it is finally working (via absolutes). Any suggestions to make them relative?

the player is located on this page: http://nylbc.org/sermons.html

 

Corneliu Chitanu

on 24/10/11

Hi,

For that particular webpage these would be the lines to correct:

                
<script type="text/javascript" src="audio/js/swfobject.js"></script>
<script type="text/javascript" src="audio/js/swfwheel.js"></script>
...
flashvars.pathToFiles = "audio/mp3playerwithplaylist/";
flashvars.xmlPath = "xml/settings.xml";
flashvars.contentPath = "xml/mp3playerwithplaylist.xml";
...
swfobject.embedSWF("audio/preview.swf"+cacheBuster, attributes.id, stageW, stageH, "9.0.124", "audio/js/expressInstall.swf", flashvars, params);

                

This should do it. We hope you'll enjoy the player!

 

thegrindlab

on 20/10/11

 

The description of this player says you can modify the size. Does this work only when making the player smaller? I have attempted to make the place wider (about 650 pixels) to better fit a site design but the player remains the same width. Any ideas?

 

thegrindlab

on 22/10/11

Never mind. My issue may have something to do with our custom scripting.

 

Corneliu Chitanu

on 23/10/11

Hello,

If you didn't modify the project ActionScript code the component should function correctly. As you can notice in your index.html we have some values that specify the component width and height. That's the values you should change (mainly the componentWidth and componentHeight flashvars), to make it work.

Hope this helps.

 

Corneliu Chitanu

on 29/11/11

 

Hello guys,

We completed another update for this player. It had some issues in Safari on the Mac. We fixed this and some other design issues. Please download the component package one more time and use the new SWF file.

 

expertmac

on 1/12/11

 

Hi,

I hosted my mp3 files on another server so is it possible to play songs using hotlink? i try with demo & i edit playlist.xml with http://mydomain.com/album/myfile.mp3 & it's not working on my computer.

so i want this information before i take buy.

thanks

 

Corneliu Chitanu

on 2/12/11

Hi,

Thank you for your interest. Flash, by default, does not have access to external resources. You will need to get access to those mp3 files. You would need to set up a crossdomain.xml file on the root of the hosting domain. With that file it will give your website access to the files from your hosting server. It should be at this address:

http://www.yourhostingserver.com/cross...

and it should have this kind of code:

                
<cross-domain-policy>
            <allow-access-from domain="*.yourwebsitethatcontainstheplayer.com"/>
</cross-domain-policy>

                

Just replace yourwebsite.com with your website's name and domain.

On your local machine, Flash player might not be allowed to access external resources. On the server it works, but not on the local machine. This is a security measure Adobe takes, by default. It doesn't permit the flash player to access external resources, when you run the component on your computer. If you want this to change, please go to this link:

http://www.macromedia.com/support/docu...

and add a new location, which would become trusted. That would be the folder which contains the SWF files you're working with.

If the links don't open with your component available online, please share a link to it. We'll inspect it and find a solution for you.

 

jpdupuis69

on 17/12/11

 

Hi,

We bought and installed the "mp3 player with playlist" component on our website but we are unable to resize component height

http://www.pjlsd.net/music.html

When we are using a test page, it works very well

http://www.pjlsd.net/index-test.html

We are unable to find the mistake, any idea ?

 

jpdupuis69

on 17/12/11

Just an additional information : when our css style sheet specification is removed, it works !

                
<link href="css/default.css" rel="stylesheet" type="text/css" />

                

but unfortunately ...we need css !

 

jpdupuis69

on 17/12/11

and the question / answer is

the following CSS statement

object {width:400px; height:200px}

overrided all other spefifications !

so sorry ...

 

Corneliu Chitanu

on 19/12/11

Hello,

No problem. Glad you found the problem and the solution. We hope you'll enjoy the player! Let us know, if it gives you any other trouble. We'll help you out.

 

clem_41

on 25/12/11

 

Hello again,
Is it possible to insert the player twice in the same page (with two different playlists, in order to let the user choose between them)?
I put the same code twice (just changed the playlist path), but only one player appears...

 

clem_41

on 25/12/11

Nevermind, I found another way :)

 

Corneliu Chitanu

on 3/1/12

Hello,

We're glad to hear that you found the solution. This tutorial on our blog explains how to solve this issue:

http://www.flabell.com/blog/1669/how-t...

Maybe it will still help you. Enjoy the player!

 

amcgren

on 16/1/12

 

Hi,

I bought the player on got it working, but I can't seem to get the "buy" button link to work. Do I need to change something in the html or xml?

Thanks

 

Corneliu Chitanu

on 17/1/12

Hi,

This might happen when you try to open the buy button links, on a local machine. On the server it works, but not on the local machine. This is a security measure Adobe takes, by default. It doesn't permit the flash player to access external resources, when you run the component on your computer. If you want this to change, please go to this link:

http://www.macromedia.com/support/docu...

and add a new location, which would become trusted. That would be the folder which contains the SWF files you're working with.

If the links don't open with your component available online, please share a link to it. We'll inspect it and find a solution for you.

 

amcgren

on 17/1/12

Thanks,
my site is not on a server yet, so that's got to be why it's not working.

 

Corneliu Chitanu

on 18/1/12

Yes, that's got to be the cause. You're welcome. I hope you'll enjoy the player!

 

sirroyalbrown

on 19/1/12

 

I want to download and use either this or the regular MP3 player, however the band site that I would be implementing it on needs to have it on a continuous play throughout every page. So when the player begins on index.html and someone clicks to bio.html the player never skips a beat. Is this possible, and if so, how?

 

Corneliu Chitanu

on 20/1/12

If the page reloads, this is not possible. If you're changing the content using JavaScript or other technologies that doesn't refresh the webpage and reloads the player, you can do that.

It's not something that the player must do. You'll need to handle your content flow appropriately.

Another way would be to make some changes to the player's Flash Project. It'll need to use some scripts that saves the current state (played time, what song) and continues when the page is reloaded. If you need our help we could do some custom work for you. Just send an email at info@vuzum.com.

I hope this helps.

6543...1

Post a comment

Please login to join the discussions. Don't have an account? Register (it takes 30 seconds)

There are currently no frequent asked questions. As soon as we receive your feedback, we'll update this section permanently.

There are no video tutorials for this flash component yet.

Mp3 Player with Playlist - change log

2010.10.21 - version 1.0
* First release!

There is currently no additional help provided for this flash component.