Welcome to Gaia! ::

Profilist Tools

Back to Guilds

Profile dumpage 

Tags: profile, coding, guide, media, free 

Reply [Media] Guides and Resources
[Media Guide] Flash MP3 Player

Quick Reply

Enter both words below, separated by a space:

Can't read the text? Click here

Submit

Confelicity
Crew

Beloved Darling

PostPosted: Thu Dec 11, 2014 7:18 pm


[ Media Guide ]
    Flash MP3 Player

    Check out all the different Flash MP3 Players here.

    Why use Flash MP3 Player?
    • customize the skin of the player with an image url (JPEG)
    • change the size and colors of the player's buttons, slider/seek bar
    • make the player autoplay, loop, and preset volume
    • create a playlist that can shuffle


    In other words, it's for a person who wants a lot of options.

    Note that these players require you to have direct mp3 links.

    Last Update: 5/20/2017
PostPosted: Thu Dec 11, 2014 7:23 pm


Types of Players
    While the website lists five types of players, only three of them work.

  • Normal
    This is the simplest player. While it does not allow you to change the size of itself or its buttons, you can still change the colors of its buttons, background, and skin. It does not display a volume button, but you can preset the volume. Make it here.

  • Maxi
    One step up from the normal player, you can re-size the player itself along with its buttons, add a stop button and/or volume bar. You can also make a single button player with this one. Make it here.

  • Multi
    Available with all the capabilities of the above players, the multi player is also special because it is a playlist. You can customize all the colors, including that of the scrollbar (hovering on and off), the color of the text for the song that is currently playing, and much more. Make it here.

Confelicity
Crew

Beloved Darling


Confelicity
Crew

Beloved Darling

PostPosted: Thu Dec 11, 2014 7:25 pm


Parameters
    While you're using the Flash MP3 generator, the preview player and code will update itself automatically as you change things. Notice that in the box of things you can change, at the top where it says "category," there is a drop down list which directs you to certain features of the player that you can customize; don't forget to look through all of those. Anyway, each of these boxes has a question mark that you can hover over on the side to explain what each parameter does, but I'll explain them here anyway so you can use this page for reference to change things in the future. (Seeing "Changing Links" below.)

    A few parameters do not work at all even though they're in the generator, and one important one is left out. Some parameters cannot be utilized on certain players; I've made notes of the ones that are only applicable to certain players.

    If you're making a multi player (playlist), please look at the title parameter.


  • autoplay
    0 = (default) Player will not play unless the play button is clicked.
    1 = Player will play automatically when the page is finished loading.


  • autoload -- only applicable to maxi player
    0 = (default) Player will load not load the song until the play button is pressed.
    1 = Player will load the song automatically. This is good to prevent buffering, but if you have high speed Internet it really makes no difference.


  • bgcolor
    This customizes the background color behind the player itself. You will notice that the player does not have a transparent background; its default color is white, so around the rounded corners of the player, you'll see white corners peeking out when you put it into your profile. Change this to fit the color of the panel background if you want to keep the rounded borders. Otherwise, make it match bgcolor1 and bgcolor2 below.

  • bgcolor1
    Sets the top color for the background gradient. If you'd rather not have a gradient coloring, make bgcolor2 have the same value as bgcolor1.

  • bgcolor2
    Sets the bottom color for the background gradient. If you'd rather not have a gradient coloring, make bgcolor2 have the same value as bgcolor2.

  • buttoncolor
    Sets color for all the buttons of the player (play/pause, stop, forward, backward, volume bar, but not the slider).

  • buttonovercolor
    Sets the color for the buttons of the player upon hover (play/pause, stop, forward, backward, volume bar, but not the slider.)

  • buttonwidth
    Changes the width for the all the buttons (pause/play, stop, forward, backward). Contrary to belief, this does not change the width of the buttons exactly, but the area behind them. If you were to change this, for example, the play button's arrow would not change, but the space behind it would grow wider.

  • currentmp3player -- only applicable to multi player
    Changes font color of the currently playing song on the playlist.

  • height -- not applicable to normal player
    Corresponds to the height of the player in pixels. The default value for the normal and maxi is 20; the default value for the multi is 100.

  • loadingcolor
    Sets color of loading bar.

  • loop
    0 = (default) Song/playlist will play through once and then stop.
    1 = song/playlist will play through the entire track/playlist and repeat unless paused.


  • mp3
    Direct link to the mp3 file.

    To get a direct link, go to this post.

    If you're making the multi player (playlist), you can paste multiple links in the box, but they must be separated by a | , a symbol you can type by holding shift and pressing the key above the enter key at the same time.


  • playlistalpha -- only applicable to multi player
    Changes transparency of playlist background color, the box displaying the song titles. The default value is 100; it accepts values from 0 to 100 in increments of 25.

  • playlistcolor -- only applicable to multi player
    Sets color of player's playlist, the box where the song titles are displayed.

  • playlistrss -- don't use this

  • scrollbarcolor -- only applicable to multi player
    Sets the color for the scrollbar if there are more than 5 tracks on the playlist.

  • scrollbarovercolor -- only applicable to multi player
    Sets the color for the scrollbar of the playlist upon hover. (See scrollbarcolor.)

  • showinfo -- does not work

  • showlist -- only applicable to multi player
    0 = Player does not display song titles.
    1 = (default) Player displays song titles.


  • showloading -- not applicable to normal player
    autohide = Player will show loading bar while loading but will hide it once it is done.
    always = Player will always show loading bar.
    never = Player will never show loading bar.


  • showplaylistnumbers -- only applicable to multi player
    0 = Player does not display chronological numbers next to song titles in playlist.
    1 = (default) Player displays chronological numbers next to song titles in playlist.


  • showstop -- only applicable to maxi player; multi player will always show this button
    0 = (default) No stop button is displayed.
    1 = Stop button is displayed. If pressed while the song is playing, the seek bar will go back to the beginning of the track and stop.


  • showvolume -- not applicable to normal player
    0 = (default) Player will not display volume bar.
    1 = Player will display volume bar.


  • shuffle -- only applicable to multi player
    0 = (default) Player does not shuffle or randomize currently playing songs.
    1 = Player shuffles through tracks.
    2 = Player randomly selects which track to play next, but it will play each song on the playlist once before repeating a song.


  • skin
    Background of the player which can be customized by inserting an image url. It must be a JPEG image, as in ending with .jpg. Note that when you set the skin, the player ceases to have rounded borders.

  • slidercolor1
    Sets the top color of the slider gradient. If you'd rather have a plain-colored slider, set slidercolor2 to have the same value as slidercolor1.

  • slidercolor2
    Sets the bottom color of the slider gradient. If you'd rather have a plain-colored slider, set slidercolor1 to have the same value as slidercolor2.

  • sliderheight -- not applicable to normal player
    Changes the height of the slider. The default value is 10.

  • sliderovercolor
    Sets the color of the slider upon hovering over it.

  • sliderwidth -- not applicable to normal player
    Changes the width of the slider. The default value is 26.

  • textcolor -- N/A
    This comes hand in hand with showinfo, which doesn't work, so this is useless.

  • title -- only applicable to multi player
    This is not listed in the options on the generator page, but it's very important. This displays the titles of songs in the playlist. If it is omitted, the playlist will only display the urls of the tracks.

    Add this to the end of the media url, separating each title with a | : &title=Music 1|Music 2|Music 3

    You can change the things in red and add as many titles as are songs in your playlist. (See mp3.)


  • width -- not applicable to normal player
    Corresponds to the width of the player. The default value for all the players is 200. (The width of the normal player cannot be changed.

  • volume
    Presets volume of each song. The default value is 100; values range from 0 to 200 in increments of 25.

  • volumewidth -- not applicable to normal player
    Changes the width of the volume bar. The default value is 30.

  • volumeheight -- not applicable to normal player
    Changes the height of the volume bar. The default value is 6.


Changing Links
It's very easy to customize the player's url even after having created the player. For example, if you first made your player with the default white buttons, and later on you decide that you want them to be yellow, all you have to do is put &buttoncolor=ffff00. The & separates parameters and marks the beginning of a new parameter, the = tells the player to do something with the parameter, and the something is specified by the value following the equal sign (in which case, ffff00 is the hex code for yellow).

As you go about editing the links of players that you previously created, make sure only to use the right parameters with them, otherwise they won't work. For example, if you started out with a normal player and you try to adjust its height by adding &height=30, it won't change because the normal player doesn't support that parameter. Normal, maxi, and multi players have their own swf url's: /player_mp3.swf, /player_mp3_maxi.swf, /player_mp3_multi.swf.
PostPosted: Fri Dec 12, 2014 12:17 am


Media URL
    After choosing your customization options, everything you need should be in the box labeled "HTML code."

    If you're making a multi player with a visible playlist, check that you added the title parameter.

    Here is a sample code:
    http://flash-mp3-player.net/medias/player_mp3_maxi.swf" width="200" height="20">


    mp3=http://flash-mp3-player.net/medias/another_world.mp3&autoplay=1&showvolume=1&buttoncolor=00fac7" />


  • Copy the parts in red and put them together with a ? in between:
    http://flash-mp3-player.net/medias/player_mp3_maxi.swf?mp3=http://flash-mp3-player.net/medias/another_world.mp3&autoplay=1&showvolume=1&buttoncolor=00fac7

  • Go to TinyURL and turn your url into a shorter one, as Gaia will truncate url's that are too long. Make sure to save your old url somewhere if you want to change small things in the future, like colors or tracks.

  • Grab your new tiny url and put it into the url box of your media panel on your profile. See the next post for further instructions on CSS.

Confelicity
Crew

Beloved Darling


Confelicity
Crew

Beloved Darling

PostPosted: Fri Dec 12, 2014 12:31 am


CSS Theme Override Codes
    Note that the height and width will vary depending on how you customized your player; these are just the default dimensions, so change them as you see fit for yourself.

  • Selectors
    v1 (Classic) profiles: #multimedia embed
    v2 (Current) profiles: .media_panel object


  • Normal and Maxi
    {width: 200px; height: 20px;}

  • Multi
    {width: 200px; height: 100px;} = Normal size with all buttons
    {width: 200px; height: 20px;} = All buttons but no list of songs


  • Mini Player
    To create a player with just a button (like on the homepage of Flash MP3 player), make a maxi player, set showslider to 0, and adjust the width to 25.
    {width: 25px; height: 20px;}
PostPosted: Sat Feb 14, 2015 4:01 pm


Confelicity
Media URL
    After choosing your customization options, everything you need should be in the box labeled "HTML code."

    If you're making a multi player with a visible playlist, check that you added the title parameter.

    Here is a sample code:
    http://flash-mp3-player.net/medias/player_mp3_maxi.swf" width="200" height="20">


    mp3=http://flash-mp3-player.net/medias/another_world.mp3&autoplay=1&showvolume=1&buttoncolor=00fac7" />


  • Copy the parts in red and put them together with a ? in between:
    http://flash-mp3-player.net/medias/player_mp3_maxi.swf?mp3=http://flash-mp3-player.net/medias/another_world.mp3&autoplay=1&showvolume=1&buttoncolor=00fac7

  • Go to TinyURL and turn your url into a shorter one, as Gaia will truncate url's that are too long. Make sure to save your old url somewhere if you want to change small things in the future, like colors or tracks.

  • Grab your new tiny url and put it into the url box of your media panel on your profile. See the next post for further instructions on CSS.



emotion_bigheart heart emotion_bigheart heart emotion_bigheart heart emotion_bigheart heart emotion_bigheart

Hey just wanted to give you an update~ If anyone is doing this with the Maxi Player, the urls' are going to look like this
User Image - Blocked by "Display Image" Settings. Click to show.

YOUR PLAYER WILL NOT WORK THE WAY YOU WANT IT TO IF YOU COPY THE SECOND URL THE WAY IT IS.
Copy the first url, and the second url as stated in the above tutorial. use the ? to join them together.

If your second url has those weird & amp; things like mine did, erase the amp; so you just leave the &. If you've edited just about every parameter possible, you'll get the super lengthy url like mine but it goes by pretty quick when you know you're only getting rid of those 4 characters.

Basically just make it look like the one in the tutorial, get rid of the amp;

emotion_bigheart heart emotion_bigheart heart emotion_bigheart heart emotion_bigheart heart emotion_bigheart

User Image

cassieeeeee

Marshmallow


Confelicity
Crew

Beloved Darling

PostPosted: Sun Feb 15, 2015 12:04 am


PandiiBunns

User Image - Blocked by "Display Image" Settings. Click to show.
It seems the darling girl is...

I actually did notice the amp; stuff in the html code for the media url, but while I was testing these urls, they worked when I pasted them into my media panels. Upon saving my profile and then opening the profile editor to reinspect the inputted urls, it seemed that Gaia had gone ahead and removed the amp; stuff, letting the flash players work. But otherwise, if someone is testing these urls in another tab of his/her Internet browser, the player will not work.

I just tested it again to make sure. I don't know if maybe you did the same thing.

(Btw, I like how you customized your player ^^)

... a little bit in love.
User Image - Blocked by "Display Image" Settings. Click to show.
PostPosted: Thu Aug 11, 2016 5:02 pm


Confelicity
Media URL
    After choosing your customization options, everything you need should be in the box labeled "HTML code."

    If you're making a multi player with a visible playlist, check that you added the title parameter.

    Here is a sample code:
    http://flash-mp3-player.net/medias/player_mp3_maxi.swf" width="200" height="20">


    mp3=http://flash-mp3-player.net/medias/another_world.mp3&autoplay=1&showvolume=1&buttoncolor=00fac7" />


  • Copy the parts in red and put them together with a ? in between:
    http://flash-mp3-player.net/medias/player_mp3_maxi.swf?mp3=http://flash-mp3-player.net/medias/another_world.mp3&autoplay=1&showvolume=1&buttoncolor=00fac7

  • Go to TinyURL and turn your url into a shorter one, as Gaia will truncate url's that are too long. Make sure to save your old url somewhere if you want to change small things in the future, like colors or tracks.

  • Grab your new tiny url and put it into the url box of your media panel on your profile. See the next post for further instructions on CSS.


i have no idea what ur talking about in terms of titles. i tried doing the title thing at the end of each song and all 3 at the end of the 3 songs. i end up with a playlist that has 2 empty tracks, and i tried it without using the title parameters and the autoplay doesnt work all the extra formatting it doesnt even post it the way i customed it so either wayits ******** up and i cant use a multi without more explaing like which url's ans where exactly to put said perameters in a multi list as i tried both putting it at the end of each url and all 3 titles at the end of all the urls i get the same errors.

1. URL
2. URL
3. URL
4. Empty Title
5. Empty Title

i had 3 titles only the url's work. and idk what to do. i'm a noob at coding. but i cant use youtube anymore since youtube deprecated adobe flash.


Asteria Starchild


Divine Warrior

10,250 Points
  • Gaian 50
  • Member 100
  • Fortuitous Finder 100

Confelicity
Crew

Beloved Darling

PostPosted: Fri Apr 21, 2017 10:00 pm


II Kintaro Uchiha II

Sorry I didn't see this until now sweatdrop

If you're still struggling with this, I can tell you that you almost have it but you need to continue adding song titles separated by | until you have titles for all of your tracks. The &title=Music 1|Music 2|Music 3 was just an example for a playlist of three songs. If you have more, follow the pattern and add more titles until you have titles for all of your songs.

For example, for a playlist of five songs: &title=Music 1|Music 2|Music 3|Music 4|Music 5
Reply
[Media] Guides and Resources

 
Manage Your Items
Other Stuff
Get GCash
Offers
Get Items
More Items
Where Everyone Hangs Out
Other Community Areas
Virtual Spaces
Fun Stuff
Gaia's Games
Mini-Games
Play with GCash
Play with Platinum