Mini Mods - vbMp3 & XEON vbMp3 Player

vbMp3 Player + XEON vbMp3 Player
See second Message for CMPS Block version for vbMp3 Player. XEON vBa CMPS install instructions are in the XEON package.

----

vbMp3 Player designed by Syrus XL
http://www.digitalport.co.uk
IMPORTANT: No longer supported on here - if you require advice or support then this is only available from www.digitalport.co.uk

Requirements: Any vBulletin forum (requires no database to function)


XEON Update:
The Xeon vBmp3 player will be released soon to full vBulletin integration, this means you will able to add tracks to the 5 playlists from the AdminCP, all urls,track titles and playlists are stored in the database.

[high]Supporters:[/high]
If you would like to support my work with this modification please contact me via PM regarding donations, and I will add you to the supporters list. You will receive advanced notice of future beta releases, and also permission to beta test them.

Support: Only given to members that have clicked 'Installed'.

[high]The 'mighty' XEON vbMp3 player now available for download.[/high] Note: XEON is a beta release, replacing the 'Black Gloss' version. There are a few bugs with playlist switching, these will be 'fixed' in an update, hopefully within the next few days. This is a high-quality designed mp3 player and has many new features that the iPod 'lookalike' lacks. If you have the space, I would recommend you update to the Xeon version. The vBa CMPS XEON version is also demonstrated at this address, [high]Click HERE for Xeon vbMp3 Demo[/high], this demo is using the full vBulletin integrated beta version all populated from the vb database.

XML Editing:
To change track data, edit the XML files with Notepad or Wordpad, and enter your own urls and tracks.

XEON Facts & Features:

• 50 mp3 playlist bug fixed, can now hold upto 100 tracks(debugging test environment).
• Multiple Playlist Switching(*see important note below).
• Volume control.
• Panorama (Balance).
• Visual Effects.
• Multiple function display.
• Blue Neon 'Media' effect buttons.
• Larger font display (as requested).
• Player coding updated for future vBulletin integration.
• XEON uses approximately 100 movie clips.
• Protect from Import implemented, to prevent copyright.
• XEON comes with 5 populated example playlists.
• XEON is fully compatible to the forthcoming Pro vbMp3 Player.

XEON To do List:

• Incorporate 'float' coding, enabling the player to 'float' within the main vBulletin forum or vBa CMPS.
• Add 'float' close button to XEON flash player.
• Add Alpha background to flash player (for 'float' to work correctly)

Note: These changes will only affect the XEON mp3 player, it will still remain compatible with the Pro version vBulletin integration.

*XEON Known issues:
1. A bug on XEON means I had to currently release it only in a beta stage. The issue relates to playlist switching, this has been currently set to only 5 playlists, the bug relates to when you click to load a new playlist, you may recieve no autostart upon new playlist load. This 'issue' I am working on, and hopefully have an updated version with unlimited playlists, by deleting the 5-button bank and replacing it with forward and back buttons to skip through playlists. Please note you may experience strange behaviour if you only populate a XML playlist with less than 5 tracks.
2. A sizing problem in the vBa CMPS block requires reversed dimensions.
3. Problem with populating any playlist with over 100 tracks, will cause the player to go into an infinite loop, and become unstable. [high]This was not caught during the 1,000 'dummy' track environment test.[/high]

XEON Fixed Issues:
An issue with the popup window displaying the height and width the wrong size is now fixed.

XEON vbMp3 Player Installation:
The Xeon uses very similar installation code to the vbMp3 Player, full instructions are included in the XEON download package. This player has been tested with the forthcoming vBulletin full integration Pro Mp3 player, soon to be released. For Pro Player details see towards the end of this post.

XEON vbMp3 Player in CMPS:
This is now been added to the XEON package. Full instructions on how to change the background color to match your style is also documented.


vbMp3 Player
This mp3 player is designed as a popup for your members to listen to, while browsing your website. The actual flash mp3 player is designed to read data from mp3 ID tags, or you can enter the artist and tracks manually using the XML file included. The flash player is designed not to auto-start, so you may scroll through all available tracks. All buttons function and you can also select tracks by using the scroll controls and double-clicking a track.

2 sample tracks are already included the playlist XML file {Note: The urls in the example tracks are void, you must replace these urls with your own}.

This modification should function on any vBulletin board from version 3.0 upwards, since only a small piece of javascript is used to create the popup mp3 player window, from the navbar. However, the CMPS block version has only beem tested on vBulletin 3.6 and vBadvanced CMPS 2.2. The planned major addon version will be developed for vBulletin 3.6.1 and higher, since it will require changes to database.

Configuring of tracks is all done in the XML file, do not rename this file because the flash file will fail. Mp3?s can be uploaded to the same server as your site or an external site (just change the complete URL in the XML file). So to add tracks all you need to do is edit the plylist.xml file, and enter the urls and track data (if needed).

NOTE: Using external servers may cause the player to run slower, this can be changed by altering the soundbuffer value of the song/track, in the XML file, which will override the value in the flash file.

Streaming & Sound Buffer parameters in the XML file
There are 2 parameters they may confuse some people so heres an explanation on how they work.
Both can be set in the XML file and set per mp3 track.

Streaming:
If set to 'False' will cause the player to download an entire mp3 before playing.
If set to 'True' will play the mp3 track as soon as the 'soundbuffer' value is reached.

Sound Buffer:
This parameter controls the number of seconds before the mp3 will start to play, obviously it will only work if 'streaming' is set to 'True'.

Using other mp3 Players:
The coding used on this modification can be used with many other free or commercial based mp3 players around the internet, with slight alterations. Please note that the other full integrated version will only work with the players we release, due to the call routines used within the player.


UPDATES:
[high]06/10/06:[/high] + XEON vbMp3 Player released This is a high-quality design, all graphics are vectors, and created in Flash 8.0, all embedding code has been updated for this player. The package contains various versions of the player, and 5 example populated playlists.
[high]01/10/06:[/high] + vbPlayer 1.01 added: Player with AutoStart and Shuffle(randomize tracks) disabled. Some minimal code optimized. Requires either the vbMp3 player download or CMPS vbMp3 Player for additional files to function.
Pop up code updated to show link only to registered members.
+ Alternative vbPlayer added: (autoStart Enabled) requires main download to function. If updating from previous version, you may need to clear your browser cache, before the new version will show. Same vbMp3 player just autoStart enabled.


Click INSTALL to receive notifications of updates of this modification.

vbMp3 Player Installation:
=============
Requires uploading of 3 files and 1 template edit.

Upload the following files to your forum ?ROOT?

vbPlayer.swf
plylist.xml
ipod.htm



Template Edit:
==============
AdminCP -> Styles & Templates -> Navigation / Breadcrumb Templates -> navbar

Find:

<td class="vbmenu_control"><a href="calendar.php$session[sessionurl_q]">$vbphrase[calendar]</a></td>

After add:

<!-- vbMp3 Player Start -->
<if condition="$show['member']">
<script type="text/javascript">
<!--

function OpeniPod(){
iPod = window.open('ipod.htm','iPod','directories=no,height=430,width=190,location=no,menubar=no,resizable=no,status=no,toolbar=no')

return false;
}

-->
</script>
<td class="vbmenu_control"><a href="#" onclick="return OpeniPod()">vbPlayer</a></td>
</if>
<!-- vbMp3 Player End -->

End of template edits.
================

How to Enable all visitors to see vbMp3 Player
To Enable all visitors to see this link, remove the following code from the above code:

<if condition="$show['member']">

and this

</if>

Enjoy!

Known Issues:
=============
Always have more than one track in the playlist available or the flash file will fail (excludes the new Xeon player).
Place no more than 50 tracks in playlist (excludes the new Xeon player).


Future planned release details
Change name of mp3 player to vBmp3 Pro Player.

AdminCP

• Use of AdminCP to populate flash player via using the vBulletin product plugin system.
• Playlist urls and track details stored in database as opposed to the current XML file.
• Allow playlist to show thumbnails of tracks being played, if available.
• Create multiple playlists to populate flash player.
• Playlist will include stream variable and buffer enable/disable per track.
• Usergroup permissions for use. Good for lowering bandwidth consumption if hosting your own mp3's.
• Allow admin to set if player should popup or use Flash 'float' in page (requires flash button on player).
• Allow admin to set autoStart variable (effectively lowering bandwidth upon false page loads).
• Allow admin to set default variables.
• Allow admin to enable/disable tracks without deleting.
• Possibility to allow users to add tracks to a favorite list.
• Ability to color match the player to the webmasters style.
• Admin can set color 'tint' of player via RGB or hex values, default will be silver.
• Color 'tint' of buttons.

Enhanced Flash Player

• Fix player to use more than 50 tracks per playlist.
• Pre-loader for slower connections.
• Controls for volume, pan(balance), etc.
• Control to enable/disable 'shuffle' of tracks.
• Use buttons to view available playlists.
• Use image slide to view images of tracks if available.
• Incorporate equalizer.
• New player to be created wider to fit CMPS when used in center block.
• Old players will be backward compatible.

DEMO:
=====
Please note the demonstration for this modification is no longer available.

In Development:
2 new skinned players - Both of which are shown below. Both players will have more features than the present skin, and other updated files. Your input is always appreciated, to further enhance this modification.

SCREENSHOTS:
Screenshots below show both the popup and CMPS block versions (see post below for CMPS version).
The other screenshots are players in development (not yet available), enhanced to use the center column of the CMPS.

[syrus.xl]

Originally Posted by wizardan

Great hack, syrus.
We run a music and musicians related site, and they ate this thing up as soon as I uploaded the first playlist I made

Question:
How could I make it possible to have two or three different playlists to choose from? I imagine that would require changes to the master flash file, eh? And some coding change to the javascript to have the player call different playlists?

I'm not a coder by any means, so if that question sounds stupid, that's why!
But if this is inside the realm of the possible, I'd love to hear what you have to say. I'm fearless when it comes to editing code, and will try anything once!

Thanks again for a superb hack.
It's utter simplicity alone merits a mod of the month nomination.

Javascript would not work to call new playlists into the main flash file. However, I could design a new player with the feature to load/unload new playlists, obviously it would need extra buttons to move forward and backwards through the various playlists. It's not that hard to code, just takes awhile to design a new player.

I can add things like, volume control, pan (balance), equalizer, etc.. Basically, I could copy most of the Actionscripting used in this version and build upon it, and add a new interface, perhaps more hifi looking.

So, yeah multiple-playlists can be integrated.

[wizardan]

Originally Posted by syrus.xl

I can add things like, volume control, pan (balance), equalizer, etc.. Basically, I could copy most of the Actionscripting used in this version and build upon it, and add a new interface, perhaps more hifi looking.

So, yeah multiple-playlists can be integrated.

Outstanding!

Just for me, the possibility of selecting from different playlists is really all I'm after. Let them adjust their volume themselves

I suppose the changes for this would involved some kind of selector inside the player? And obviously, playlists with different names. Pretty simple on my end, if you ever get around to coding the player to do that.



I will watch this thread closely.

[syrus.xl]

Originally Posted by wizardan

Outstanding!

Just for me, the possibility of selecting from different playlists is really all I'm after. Let them adjust their volume themselves

I suppose the changes for this would involved some kind of selector inside the player? And obviously, playlists with different names. Pretty simple on my end, if you ever get around to coding the player to do that.



I will watch this thread closely.

Actually, a number of members have enquired about being able to change playlists. Probably, take me about a week or less, to design a new interface with controls to do this. I'll probably release a new version very soon, due to the response this modification has generated.

And also fix the problem with only 50 tracks per playlist.

[wizardan]

First in line I'll be
Thanks for staying close to your release and taking our suggestions under consideration.

[syrus.xl]

Originally Posted by wizardan

First in line I'll be
Thanks for staying close to your release and taking our suggestions under consideration.

lol...

You're welcome! I'll support this modification, and always welcome suggestions on improving its current features.

The new one, will be better and lighter than this version - even with all the new features I'll be adding.

If any of you have not yet clicked Install, I would suggest you do so, then I will notify you of any major addons, or changes.

[Stunner]

This is 1 of the best add-ons I've added to my site. Excellent job Syrus!

[syrus.xl]

Originally Posted by Stunner

This is 1 of the best add-ons I've added to my site. Excellent job Syrus!

You're welcome!

Thanks for the compliment...

[syrus.xl]

I know many of you have been waiting for me to release a vBadvanced CMPS version of this modification. The player itself had to be resized correctly to fit in the side column, and this caused a few problems. It maybe released as a module, or full instructions on how to create the module, since I had problems exporting the module from the CMPS system, and not showing when imported into a new installation..

I have it up and running now, and will be releasing it tomorrow as a new separate package, with the autoStart player and a few other files for it to function correctly in Internet Explorer.

Anyway, sorry for the delay - but it was my youngest daughter's 6th birthday today, so I was tied up for a few hours.

ATB.

Syrus XL

[lanc3lot]

Happy birthday to her, take your time, Real life comes first...ppl could wait ofcourse

[hippsta]

hiya, i've read this whole forum fairly well and i just figured i'd mention that i've got this running with vbadvanced CMPS already. I did it like so:

In the "vBa CMPS" control panel in the admincp, add a new page, and have it be the html file page type. Add whatever other modules you like + Custom Page Content.

Now create and html file that explains a little, like "'hi listen to some groovy tunes lol'" here's mine:

<html>
<body>
<table width="60%" align="center">
<p><h4><b>hippsta's Music Archive</b></h4></p><br/>

<p>Welcome to the hippsta.com Music Archive. Here are contained a large portion of my personal music and / or collaborations with my wife. Some were actual audio, and others the MIDIs i created of yesteryear.</p>

<tr align="left"><ul><hr>
<i>i.<b> Astrabella, hippsta</b></i>
<br/>
<li>1 The Pot Song - (3:47) ~ 2002
<li>2 Numbers - (3:45) ~ 2003
<li>3 Tempest - (3:43) ~ 2003
<hr>
<i>ii.<b> Some Classical hippsta</b></i>
<br/>
<li>4 Rhapsody in D " Spirit of the East" - (2:57) ~ 2000
<li>5 Suite for a Sextext of Strings - (2:22) ~ 1999
<li>6 Overture - (2:23) ~ 1998
<li>7 Piano Sonata no.2 - (1:30) ~ 1997
<li>8 Piano Sonata no.3 - (1:58) ~ 1999
<hr>
<i>iii.<b> ElectroSymphonica</b></i>
<br/>
<li>9 Blues Theme in C minor - (1:19) ~ 1999
<li>10 Jammin' - (1:49) ~ 1999
<li>11 Necro IV - (1:50) ~ 1996
<li>12 Ragnarok - (2:24) ~ 1998
<hr></ul></tr>

<!-- vbMp3 Player Start -->
<if condition="$show['member']">
<script type="text/javascript">
<!--

function OpeniPod(){

iPod =

window.open('ipod.htm','iPod','directories=no,heig ht=430,width=190,location=no,menubar=no,resizable= no,

status=no,toolbar=no')

return false;
}

-->
</script>
<td class="vbmenu_control"><a href="#" onclick="return OpeniPod()">Click Here to Listen</a></td>
</if>
<!-- vbMp3 Player End -->

<br/>

</table>
<br/>
<br/>
</body>
</html>

then just upload the html file along with the other files and point the 'html file page options' to it. I'm not a good coder, but i manage to frankenstein some interesting stuff together lol. I sincerely hope this helps someone, and thank you for a great mod. (b'-')b

btw the conditional <if> statements don't work for me in this situation, tho
^.~

you can see it here if u want....

edit: oO dumb. I see now that it could have been more easily added as a Module in vBa CMPS, but then it would reset between pages >.<