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)

[ChiNa]

File Version 1.00 Added In the Version Url check. I had a bit problems adding the URL check. If any problems please make sure to follow the tutorial first, else contact me for support!

[NTT]

hi, can you mod to add other link file mp3 in other host?

[ChiNa]

Can you please explain a bit more about what you mean, I didnt really understand..

[ChiNa]

Originally Posted by ChiNa-Man

Can you please explain a bit more about what you mean, I didnt really understand..

Not with this model..The files has to be in your own server,, But maybe later on I will make another one, so you could add from other hosts by only typing the url...

[Menno11]

very nice, can you make this for the radio ?
internet radio ?

Greats Menno

[faisaly.com]

Yea this would be be good for radio... something that would use a .asx format, I agree with Menno

[ChiNa]

Originally Posted by [B

Menno11[/b];2361185]very nice, can you make this for the radio ?
internet radio ?

Greats Menno

Originally Posted by [B

faisaly.com[/b];2361300]Yea this would be be good for radio... something that would use a .asx format, I agree with Menno

Ok sure, I will make a radio but it will be with another player... Thanks for the advice

[ChiNa]

The Radio Project maybe finished in this month!

[JammerOne]

Hello china man ..

Yes I like the Radio ... hope you can do it with the radio ...

here is the example code I input to ads so that the radio will play ..

<td width="333" align="center"><center><span class="Apple-style-span"><span style="color: #FF0000"><i><b>
<font face="Verdana"><br>
</font>
</span><font size="4" face="Verdana" color="#FF0000">Online Radio - JAM 106</font><span style="color: #FF0000"><font face="Verdana"><br>
</font>
</span>
</b></i>
</span><span style="color: #0000FF"><font size="2" face="Verdana"><script type="text/javascript" src="http://cdn.voscast.com/stats/display.js?key=f119007c6d4417aa1c0e5b2bcc5a5826&am p;stats=songtitle"></script>
</font><center><font face="Verdana" size="2"><!--VosCast.com Flash Player--><script type="text/javascript" src="http://cdn.voscast.com/player/?key=f119007c6d4417aa1c0e5b2bcc5a5826"></script> <param name="allowScriptAccess" value="always"> <param name="movie" value="http://cdn.voscast.com/resources/player.swf"> <param name="quality" value="high"> <param name="FlashVars" value="stream1=http://s6.voscast.com:7520/&amp;stream2=http://s6.voscast.com:7520/"></object>
&nbsp;<!--End Player--></font></center></span><center><font face="Verdana" size="2">
Worldwide Listeners<!--VosCast.com SHOUTcast Server Stats--><script type="text/javascript" src="http://cdn.voscast.com/stats/display.js?key=f119007c6d4417aa1c0e5b2bcc5a5826&am p;stats=currentlisteners"></script></font><!--End SHOUTcast Server Stats--></center></center></td>
</tr>
</table>

its voscast ... long time ago I am lookign fo this ..

Thanks a lot