Forum Home Enhancements - [CM] Push'N'PopUp MP3-Player (Sidebar & Equalizer)

This was brought to you by ChiNa-Man

First of all I am a free soul, So if one of you guys decided to post this on another forum or a website, I would be appreciated if you give some CREDITs to the Developer simply typing his name: Credits to: ChiNa-Man, and do not CHANGE or DELETE the ORIGINAL CONTENT! Thank you!

:::::::::::::::::::::::::::::::::::::::::::::

Get this for vBulletin 3.8, Click HERE

IMPORTANT UPDATE - 26-SEP-2012

Today 26-SEP-2012 a member reported this issues, about the conflict between SIDEBAR BLOCK and MP3-PLAYER BUTTON!

Updated to VERSION 2.00

New Changes:
Floating Button Visible on forumhome only
Group Permission Added
Floating Button is Editable
Size of Popup window Editable



We have now added some extra editing options, like for you to edit the player button and the size of the popup window!
You can now also choose who should see the player and who shouldnt! So a new group permission added too!

This is a fancy MP3-Player and not seen for vB 4.x so far! So I might say it must be one of the best on here today, but a bit more fancier than any other player you have seen! The is a FLASH XML MP3PLAYER, and the reason why its called XML is because it has a customized playlist, which is build as XML! I have added a floadting side-bar button. With the letters scrolling "MP3 PLAYER"! Just a single click on the button then the Player pops-up on left side of your screen.

Credits for the free source player goes to www.Developphp.com
Check out more about www.Developphp.com & their youtube channel for more flash tuts!

Thanks to JOSH my friend, and also the Admin of our site www.China-Cheats.com

Image on forumhome

(Floating Button on the right - Transparent Glass)
You choose who should see it who should not! New usergroup permission added!




Image of the Player itself

Notice: A very important part, you have to ADD the exact name and letters for the song in the mp3_playlist.xml file to make it work. Make sure to use small amd big letters, uppercase and lowercase as the songtitle. If you upload a file/song called "elvis.mp3" then you have to name it "Elvis" as SONG-TITILE in the mp3_playlist.xml, you will see in the tutorial below! I just wanna make sure
that you remember it.

Lets Start The Tutorial:

I will start with the XML playlist file called mp3_playlist.xml. And please notice the the "SongTitle" which is very important, because you will have to later add MP3 files exactly like the song titles!

Below is how the playlist looks like: (Song1 is for the song called "Song1.mp3" and etc....)

PLAY LIST EXAMPLE: (mp3_playlist.xml)

<?xml version="1.0" encoding="utf-8"?>
<XML>

<Song>
     <songTitle>Song1</songTitle>
     <songArtist>Artist1</songArtist>
</Song>

<Song>
     <songTitle>Song2</songTitle>
     <songArtist>Artist2</songArtist>
</Song>

<Song>
     <songTitle>Song3</songTitle>
     <songArtist>Artist3</songArtist>
</Song>

<Song>
     <songTitle>Song4</songTitle>
     <songArtist>Artist4</songArtist>
</Song>

<Song>
     <songTitle>Song5</songTitle>
     <songArtist>Artist5</songArtist>
</Song>

<Song>
     <songTitle>Song6</songTitle>
     <songArtist>Artis6</songArtist>
</Song>

<Song>
     <songTitle>Song7</songTitle>
     <songArtist>Artist7</songArtist>
</Song>

<Song>
     <songTitle>Song8</songTitle>
     <songArtist>Artist8</songArtist>
</Song>

<Song>
     <songTitle>Song9</songTitle>
     <songArtist>Artist9</songArtist>
</Song>

<Song>
     <songTitle>Song10</songTitle>
     <songArtist>Artist10</songArtist>
</Song>

</XML>

First, unzip the Upload.zip from the attachments, below! And upload all the content of the "UPLOAD.ZIP" file to your forum ROOT!

And then go a head and download the XML PRODUCT, and upload it the products section.

Go to your ADMINCP, Plugin & Products and then Product Manager. Scroll down and then click on Add/Import Product, and now click on browse, and look for the XML product and click IMPORT!

Where to Upload Mp3 files and songs:

I have already added an mp3 song as example "Song1.mp3", And you can Upload upto 10 songs!

Upload your mp3 files to the folder called "mp3_files" which is in your forum ROOT. You can carry on adding more songs if you want, starting from "Song2.mp3" and "Song3.mp3" and ETC....You can also delete the example or replace it with another "Song1.mp3" file.

Remember, not to messup the songtitles and mp3 file names,, Its very important!

And always remember when you finish editing the mp3_playlist.xml file, or uploading a new mp3 file. The you MUST do these 2 things showen below:

1: Clean your browser cookies
2: Refresh Your Forum-Page, where your MP3 Button is.

So the flash player can read the new DATA from your browser and the xml file.
Else it wont work, and it already made me crazy befor knowing all this.. so I pass it to you guys..

Thats it, Please make sure to CLICK on INSTALLED, and enjoy the MP3 PLAYER!

You can ENABLE and DISABLE the player from your ADMINCP, SETTINGS and Popup MP3-Payer! New group permission added and editable button image, plus Floating Windows Size also changeable!

Thanks to JOSH my friend for helping me this one!

Extra and Optional

If you wanted to add more than 10 songs, then first edit your "mp3_playlist.xml"! Just copy the 4 lines showen below for eact mp3 song.:

PHP Code:

<Song>
     <songTitle>Song1</songTitle>
     <songArtist>Artist1</songArtist>
</Song> 


And then add it inside your mp3_playlist.xml file like the others.

Some Extra advice:

The mp3player gave me lots of problems working! Once I forgot to clean my cookies, and the other thing was I forgot to name my songs EXACTLY as inside the XML file.. So remember, that I am sure you will also face these things, Just read the tutorial with an open mind, and do not ask for support, unless you know its really going bad. Because at the end, you have will realise the small mistakes..

Again, A big thanks to JOSH for helping me create the enable and disable options!

Extra Image When *Player Enabled* (PNG FORMAT)




Extra Image Of *Player Only* (PNG FORMAT)

[Jpolola]

Player Pushed Down my Sideblock. Any Idea how to fix it?
[IMG][/IMG]

[ChiNa]

Originally Posted by Jpolola

Player Pushed Down my Sideblock. Any Idea how to fix it?

Let me check that on my site, I let you know its the mods, or maybe your them!
Thanks for reporting back..


I am back after A few minutes, First of all thanks a lot for reporting this back.. And after checking it on my theme with SideBar Block on, it didnt move it but It does not show quite well, so you were right in one or the other way! I have now put the ADDON as a BETA version, untill I fix the issue! So for now It will work with the sidebar off! I will def let you know when I fix it! I will msg you in Private!

Here is an image of how it looked like, WITH MY SIDEBAR BLOCK ON:

[ChiNa]

Originally Posted by initiald

Does this mod slow page loading or take up bandwidth with your server? Basically is this mod server intensive if a lot of members are streaming on your server?

No Mate not at all! Its just button, Imagin you have an BUTTON IMAGE on your forum homepage, and the POPup player will only take the power from your BROWSER to popup! I must admit this is maybe the lightest ADDON on vBUlletin with these options!

Good luck

[initiald]

Originally Posted by ChiNa-Man

No Mate not at all! Its just button, Imagin you have an BUTTON IMAGE on your forum homepage, and the POPup player will only take the power from your BROWSER to popup! I must admit this is maybe the lightest ADDON on vBUlletin with these options!

Good luck

When members stream your music file from your server, wouldn't that be server intensive and sucking up bandwidth?

[Jpolola]

I created my 3rd block sidebar and seems not display well. I greatly appreciate if you will post
the solution for this.Thank you.

[Mr_Devlin]

How do I make this work with existing shoutcast radio?
How do I embed the server and port: In the playlist.xml or in the player settings via acp?

[ChiNa]

Originally Posted by Jpolola

I created my 3rd block sidebar and seems not display well. I greatly appreciate if you will post
the solution for this.Thank you.

I will try to fix this, but I am not sure I can do that! Because In the previouse version it was missing with the whole block and I fixed that! Now hearing about the 3rd block I remember that I had to change the whole code and took me about 3 days to do, just to make it work again without ruining the block visualy... But I dont know if this does any harm with the 3rd block! If it does, then I have not suggestion by now! But I will still give it a try.. Thank you very much for posting it back on here,,,, I appreciate your time for doing that.. THANKS A BUNCH.

Originally Posted by initiald

When members stream your music file from your server, wouldn't that be server intensive and sucking up bandwidth?

Hi Buddy, This is not from my server or any other server! This is a simple mp3 player all the MP3 files should be in your in your server mate.. Try to read the TUT one more time, I think you got it wrong..

Originally Posted by initiald

When members stream your music file from your server, wouldn't that be server intensive and sucking up bandwidth?

Hi mate., This will not work as a RADIO or as an SHOUTCAST SERVER,,, This is an MP3Player

[tibobdenazareth]

Hey China-man, thanks for the mod. I haven't installed it yet. I have a couple of questions:

1) how many songs I can include in the xml file? 100, 500, 1000?

2) does it have a "playlist"option or are u thinking about adding it to the mod? I'm thinking about adding a third element to:
<Song>
<songTitle>Song1</songTitle>
<songArtist>Artist1</songArtist>
<songPlaylist>Playlist1</songPlaylist>
</Song>

3) if the name of the mpr track is "song_multiple_words_example1.mp3", how do we put it in the SongTitle code line in the xml file? "Song_Multiple_Words_Example1"? Is it posiible that the "_" be replaced with a space?

Thanks.

[ChiNa]

Originally Posted by tibobdenazareth

Hey China-man, thanks for the mod. I haven't installed it yet. I have a couple of questions:

1) how many songs I can include in the xml file? 100, 500, 1000?

2) does it have a "playlist"option or are u thinking about adding it to the mod? I'm thinking about adding a third element to:
<Song>
<songTitle>Song1</songTitle>
<songArtist>Artist1</songArtist>
<songPlaylist>Playlist1</songPlaylist>
</Song>

3) if the name of the mpr track is "song_multiple_words_example1.mp3", how do we put it in the SongTitle code line in the xml file? "Song_Multiple_Words_Example1"? Is it posiible that the "_" be replaced with a space?

Thanks.

Hello buddy. Interesting questions, I am online from my iPad so I will answer it as good as I can,,,,

1: I guess you can put many songs in there! I dont know how many songs it will carry out but I guess as many as possible...

2: I dont think we can add a 3rd element since Its only build to read the ELEMENTS already added, but to be 100% sure visit the players-homepage and I think they could give you more answers, since I am not the creator of the player

3: In the songtitle you got it right, if its called "Song_Multiple_Words_Example1.mp3" then you will have to use Song_Multiple_Words_Example1 without the .mp3! And no you cant use space on THIS ONE, but you can ofcourse use another song like this one and use space! And it should work fine!

But to be honest If you install it and try it out yourself it will give you more answers than my words....

Good luck mate, else for further question about the player, you will get more answers if you visit their homepage that I have provided on top in my tutorial..

Regards, CM

[tibobdenazareth]

Thanks China-man. Yes I'm thinking about installing it soon.