XEON Mp3 Player in vBadvanced Center Block

**hybrid** · #1 (**permalink**) 11-10-2006, 06:58 PM

Adding the XEON Mp3 Player to vBadvanced CMPS

Center Block Only CMPS Installation

Coded by Syrus XL Media

Digital Port UK
Addon for the XEON Mp3 Player (vBulletin Integration version)

These instructions are based on vBulletin 3.6.2 and using CMPS 2.2.x

The template code uses the flashobject.js to call the xeon flash player, this fixes the issue with view the player in Internet Explorer 6.0 and above. There is some text in the code “Warning!!! To view this XEON Player please enable JavaScript and Flash! “, this will only display if a person views your site with javascript and flash disabled. You can change this line of text to what you would like to display to your visitors. The flashobject.js file will detect if the person has javascript and flash enabled, and will either display the text or the Xeon player automatically.

Note:
These instructions assume you have installed the vBa CMPS in the Forum root. If you have installed outside the forum root, then the calls to the flashobject.js and the xeon.swf file will need updated relative paths.

Color Matching the background:
You will see in the code a HEX value '#666666' this parameter determines the background color of the player. Change this to another value, if you require an alternative color background. Ideal program for color capture in HEX and RGB values is Color Cop (do a search on Google), this is a free little utility.

Creating the CMPS Block
Login in to AdminCP -> vBa CMPS -> Add Module
Select Module Type: ‘Template’

Template details:
Module Title: XEON Player (Change this if required)
Column: Left or Right (Your preference)
Display Order: (Your preference)
Active: Yes
Update All Pages: (Your preference)
Template to Include: adv_portal_vbxeonplayer
Style: (select your style you wish to add this module to)
Template Content: Copy and paste all of the following code:

Code:

<!-- Start XEON Player -->
<tr>
<script type="text/javascript" src="flashobject.js"></script>
</tr>
 </thead>
 <tr>
  <td class="">
<!-- js flashobject -->
 
<div align="center" width="100%" id="xeon_player">
Warning!!! To view this vbMp3 Player please enable JavaScript and Flash! 
</div>
      <script type="text/javascript">
   var fo = new FlashObject("xeon_mp3_beta.swf", "xeon_player", "450", "400", "8,0,0,0", "#666666");
   fo.addParam("quality", "high");
   fo.write("xeon_player");
      </script>
<!-- js flashobject -->
  </td>
 </tr>
<!-- End XEON Player -->

Use Module Shell Template: Yes
Set Usergroups as you wish.
Click Save and you are finished.

If you wish to be kept up-to-date with new enhancements to this modification please click Install.