SVTOA
12-19-2004, 10:36 PM
Before I post the instructions for this module, I want to make it clear that the idea for this is taken directly from a hack by Zero Tolerance on Vbulletin.org.
Click here for the full hack (http://www.vbulletin.org/forum/showthread.php?t=72227)
I do not in any way, shape or form wish to make it appear as if I wrote this hack, all I did was convert it to a CMPS module. The fact is, you would be better off just installing the hack for your forum and using it that way. This module, while kind of cool, is really only useful for someone to listen to the pre-programmed radio stations right from your CMPS page. If they leave the page, the radio stops. However, if they come to your page and activate the radio, they can listen if they leave your page open. The difference between this and the full hack is that there is no provision for you to add or remove stations from your admin cpanel. This is a "stand alone" radio player with stations I have added manually as part of the hack. You can easily edit them via the radio template if you wish. (The original hack comes with only a few stations, I have added several for your use)
Install is not difficult. Be aware that you should only use this in the center of your page and it *may* screw up your table spacing. You can edit the radio template to suit your needs. You or your members must have WMP for this to work. Since it does not create a popup like the orignal hack, it will probably work for 99% of those who use it.
Ok, enough babling, let's get to work!
Step one:
Open template 'adv_portal' and directly above the </head> tag
add:
<!-- radio code -->
<script language="JavaScript">
<!--
function changeMute(){
Player.settings.mute = 'true';
mute.innerHTML='<a href="#" onClick="changeMute2();">Mute*</a>';
}
function changeMute2(){
Player.settings.mute = 'false';
mute.innerHTML='<a href="#" onClick="changeMute();">Mute</a>';
}
function initiateStation(){
toPlay = document.getElementById('thisStation')
toPlay = toPlay.options[toPlay.options.selectedIndex].value
newRadio = "";
newRadio += "<OBJECT ID='Player' height='250' width='300' CLASSID='CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6'>"
newRadio += "<PARAM name='URL' value='" + toPlay + "' id='insert_1'>"
newRadio += "<PARAM name='uiMode' value='none'>"
newRadio += "<PARAM name='mute' value='false'>"
newRadio += "<PARAM name='ShowControls' value='0'>"
newRadio += "<PARAM name='ShowStatusBar' value='0'>"
newRadio += "<PARAM name='ShowDisplay' value='0'>"
newRadio += "<EMBED type='application/x-mplayer2' "
newRadio += "pluginspage = 'http://www.microsoft.com/Windows/MediaPlayer/' "
newRadio += "SRC='" + toPlay + "' "
newRadio += "name='Player' "
newRadio += "width='300' "
newRadio += "height='250' "
newRadio += "AutoStart='true' "
newRadio += "showcontrols='0' "
newRadio += "showstatusbar='0' "
newRadio += "showdisplay='0' "
newRadio += "id='insert_2'>"
newRadio += "</EMBED>"
newRadio += "</OBJECT>"
document.getElementById('radio').innerHTML = newRadio
}
-->
</script>
<!-- end radio code -->
Save.
Step two: Create a template called adv_portal_radio and use the following for the template content:
<table align="center" border="0" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" class="tborder" width="100%">
<tr>
<td class="tcat"><span class="smallfont"><b>$vboptions[blockbullet]Vb Radio</b></span></td>
</tr>
<tr>
<td class="$getbgrow"><span class="smallfont">
<table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center">
<tbody id="collapseobj_forumhome_radio" style="">
<tr>
<td class="thead" width="50%" align="center">Stations/Control</td>
<td class="thead" width="50%" align="center">Currently Playing</td>
</tr>
<tr>
<td class='alt2' valign='top'>
<fieldset class="fieldset">
<legend>Available Stations</legend>
<center>
<select class='button' id='thisStation'>
<optgroup label="Alternative Rock">
<option value='http://130.49.24.169:1015/listen.pls'>A.I.R. Radio</option>
<option value='http://www.myamericanradio.net/audio/heavymetalhigh/preload.asx'>ARN</option>
<option value='http://www.worldnettv.com/asx/live/cyberstormradio.asx'>Cyberstorm</option>
<option value='http://www.idobi.com/radio/iradio.rm'>Idobi</option>
<option value='http://release.theplatform.com/content.select?pid=_Vx9pkxpFxxCRGWMQ2FKCqW70iuLi6Mn&UserName=knaclive'>KNAC</option>
<option value='http://www.jr-digital.com/asx/nova969.asx'>NOVA969</option>
</optgroup>
<optgroup label="Blues/Jazz">
<option value='http://publicbroadcast.net/wdna/ppr/players/stations/wdna/wdna.asx'>88 Jazz Place</option>
<option value='http://www.electricblues.com/ram/ebradio16.asx'>Electric Blues</option>
<option value='mms://66.250.188.16/KKSF_FM'>KKSF-FM Jazz</option>
</optgroup>
<optgroup label="Classic Rock">
<option value='http://www.woxy.com/stream/wma20.asx'>97X Rock Radio</option>
<option value='mms://66.250.188.17/CFPL_FM'>CFPL-FM London, Ont</option>
<option value='mms://66.250.188.17/CILQ_FM'>CILQ-FM Toronto, CA</option>
<option value='http://radio.sonicnet.com/playlists/rpmprof.asp?C=LOW&B=68&X=X&playerID=24&Z=WMP.ASX'>CityHead Rock</option>
<option value='http://audio.musicradio.com/gold.asx'>Classic Gold</option>
<option value='mms://64.156.2.22:443/katt/24'>KATT-FM OK City, OK</option>
<option value='mms://66.250.188.13/khpt_fm'>KHPT-FM Conroe, Texas</option>
<option value='http://www.rock.com/rockcom2.asx'>ROCK.COM</option>
<option value='mms://66.250.188.16/WBAB_FM'>WBAB-FM</option>
<option value='mms://66.250.188.12/WBPT_FM'>WBPT-FM</option>
<option value='mms://66.250.188.18/WMXQ_FM'>WMXQ-FM</option>
<option value='mms://66.250.188.18/WPOI_FM'>WPOI-FM</option>
</optgroup>
<optgroup label="News/Talk Radio">
<option value='mms://66.250.188.20/KCBQ_AM'>KCBQ-AM</option>
<option value='mms://66.250.188.12/kstp_am'>KSTP-AM</option>
</optgroup>
<optgroup label="Oldies">
<option value='mms://moontaxi.net/cjoy'>CJOY-FM Oldies</option>
<option value='mms://66.250.188.23/KCMO_FM'>KCMO-FM Oldies</option>
</optgroup>
<optgroup label="Sports">
<option value='mms://66.250.188.16/kjr_am'>KJR-AM </option>
<option value='http://www.talksport.net/audio/talksport.asx'>TalkSport.net</option>
</optgroup>
<optgroup label="Variety">
<option value='http://www.bajaradio.com/bajaradio.asx'>Baja Radio Top 40</option>
<option value='http://www.virtuetv.com/clients/crysallis/heart1007.asx'>Heart FM</option>
<option value='http://www.emapdigitalradio.com/emapdigitalradio/metafiles/kiss.asx'>KISS 100 Rap/HIP-HOP</option>
<option value='http://www.hofstra.edu/Audio/WRHU_Hofstra.asx'>WRHU</option>
</optgroup>
</select><br /><br />
<input type='button' value='Play This Station' class='button' onclick='initiateStation()' />
</center>
</fieldset>
<br/>
<fieldset class="fieldset">
<legend>Player Controls</legend>
<center>
[<font id='mute'><a href='#' onClick='changeMute();'>Mute</a></font>]
[<a href='#' onClick='javascript:Player.controls.play();'>Play</a>]
[<a href='#' onClick='javascript:Player.controls.stop();'>Stop</a>]
<br/>[Controls: <a href='#' onClick='javascript:Player.uiMode = "mini";'>On</a> |
<a href='#' onClick='javascript:Player.uiMode = "none";'>Off</a>]
<br />
[Volume:
<a href='#' onClick='javascript:Player.settings.volume= 0;'>0</a>
<a href='#' onClick='javascript:Player.settings.volume= 10;'>1</a>
<a href='#' onClick='javascript:Player.settings.volume= 20;'>2</a>
<a href='#' onClick='javascript:Player.settings.volume= 30;'>3</a>
<a href='#' onClick='javascript:Player.settings.volume= 40;'>4</a>
<a href='#' onClick='javascript:Player.settings.volume= 50;'>5</a>
<a href='#' onClick='javascript:Player.settings.volume= 60;'>6</a>
<a href='#' onClick='javascript:Player.settings.volume= 70;'>7</a>
<a href='#' onClick='javascript:Player.settings.volume= 80;'>8</a>
<a href='#' onClick='javascript:Player.settings.volume= 90;'>9</a>
<a href='#' onClick='javascript:Player.settings.volume= 100;'>10</a>]
</center>
</fieldset>
</td>
<td class='alt2' align='center' id='radio'>
<OBJECT ID='Player' height='250' width='250' CLASSID='CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6'>
<PARAM name='URL' value='' id='insert_1'>
<PARAM name='uiMode' value='none'>
<PARAM name='mute' value='false'>
<PARAM name='ShowControls' value='0'>
<PARAM name='ShowStatusBar' value='0'>
<PARAM name='ShowDisplay' value='0'>
<EMBED type='application/x-mplayer2'
pluginspage = 'http://www.microsoft.com/Windows/MediaPlayer/'
SRC=''
name='Player'
width='250'
height='250'
AutoStart='true'
showcontrols='0'
showstatusbar='0'
showdisplay='0'
id='insert_2'>
</EMBED>
</OBJECT>
</td>
</tr>
</table>
</span>
</td>
</tr>
</table>
<br/>
Step Three:
Create a new module called "Radio" (or whatever you wish to call it)
Module identifier: leave blank
File to include: select NONE
"OR Template to Include": radio (do not enter 'adv_portal_radio' )
Column: CENTER
"Templates Used:" leave blank.
Save and activate.
See screenshot for how the module appears.
If you wish to manually edit your stations, change the links in the radio template. See the original hack thread for links to many stations (I have provided several as have other members)
Zachery or Brian: if you feel this being here is improper, remove it. I haven't been able to get ahold of Zero Tolerance (he's in a way different time zone!)
but I have assisted with a couple of his other hacks (Like Vb Chat) and I honestly don't think he will object to this being here.
Click here for the full hack (http://www.vbulletin.org/forum/showthread.php?t=72227)
I do not in any way, shape or form wish to make it appear as if I wrote this hack, all I did was convert it to a CMPS module. The fact is, you would be better off just installing the hack for your forum and using it that way. This module, while kind of cool, is really only useful for someone to listen to the pre-programmed radio stations right from your CMPS page. If they leave the page, the radio stops. However, if they come to your page and activate the radio, they can listen if they leave your page open. The difference between this and the full hack is that there is no provision for you to add or remove stations from your admin cpanel. This is a "stand alone" radio player with stations I have added manually as part of the hack. You can easily edit them via the radio template if you wish. (The original hack comes with only a few stations, I have added several for your use)
Install is not difficult. Be aware that you should only use this in the center of your page and it *may* screw up your table spacing. You can edit the radio template to suit your needs. You or your members must have WMP for this to work. Since it does not create a popup like the orignal hack, it will probably work for 99% of those who use it.
Ok, enough babling, let's get to work!
Step one:
Open template 'adv_portal' and directly above the </head> tag
add:
<!-- radio code -->
<script language="JavaScript">
<!--
function changeMute(){
Player.settings.mute = 'true';
mute.innerHTML='<a href="#" onClick="changeMute2();">Mute*</a>';
}
function changeMute2(){
Player.settings.mute = 'false';
mute.innerHTML='<a href="#" onClick="changeMute();">Mute</a>';
}
function initiateStation(){
toPlay = document.getElementById('thisStation')
toPlay = toPlay.options[toPlay.options.selectedIndex].value
newRadio = "";
newRadio += "<OBJECT ID='Player' height='250' width='300' CLASSID='CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6'>"
newRadio += "<PARAM name='URL' value='" + toPlay + "' id='insert_1'>"
newRadio += "<PARAM name='uiMode' value='none'>"
newRadio += "<PARAM name='mute' value='false'>"
newRadio += "<PARAM name='ShowControls' value='0'>"
newRadio += "<PARAM name='ShowStatusBar' value='0'>"
newRadio += "<PARAM name='ShowDisplay' value='0'>"
newRadio += "<EMBED type='application/x-mplayer2' "
newRadio += "pluginspage = 'http://www.microsoft.com/Windows/MediaPlayer/' "
newRadio += "SRC='" + toPlay + "' "
newRadio += "name='Player' "
newRadio += "width='300' "
newRadio += "height='250' "
newRadio += "AutoStart='true' "
newRadio += "showcontrols='0' "
newRadio += "showstatusbar='0' "
newRadio += "showdisplay='0' "
newRadio += "id='insert_2'>"
newRadio += "</EMBED>"
newRadio += "</OBJECT>"
document.getElementById('radio').innerHTML = newRadio
}
-->
</script>
<!-- end radio code -->
Save.
Step two: Create a template called adv_portal_radio and use the following for the template content:
<table align="center" border="0" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" class="tborder" width="100%">
<tr>
<td class="tcat"><span class="smallfont"><b>$vboptions[blockbullet]Vb Radio</b></span></td>
</tr>
<tr>
<td class="$getbgrow"><span class="smallfont">
<table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center">
<tbody id="collapseobj_forumhome_radio" style="">
<tr>
<td class="thead" width="50%" align="center">Stations/Control</td>
<td class="thead" width="50%" align="center">Currently Playing</td>
</tr>
<tr>
<td class='alt2' valign='top'>
<fieldset class="fieldset">
<legend>Available Stations</legend>
<center>
<select class='button' id='thisStation'>
<optgroup label="Alternative Rock">
<option value='http://130.49.24.169:1015/listen.pls'>A.I.R. Radio</option>
<option value='http://www.myamericanradio.net/audio/heavymetalhigh/preload.asx'>ARN</option>
<option value='http://www.worldnettv.com/asx/live/cyberstormradio.asx'>Cyberstorm</option>
<option value='http://www.idobi.com/radio/iradio.rm'>Idobi</option>
<option value='http://release.theplatform.com/content.select?pid=_Vx9pkxpFxxCRGWMQ2FKCqW70iuLi6Mn&UserName=knaclive'>KNAC</option>
<option value='http://www.jr-digital.com/asx/nova969.asx'>NOVA969</option>
</optgroup>
<optgroup label="Blues/Jazz">
<option value='http://publicbroadcast.net/wdna/ppr/players/stations/wdna/wdna.asx'>88 Jazz Place</option>
<option value='http://www.electricblues.com/ram/ebradio16.asx'>Electric Blues</option>
<option value='mms://66.250.188.16/KKSF_FM'>KKSF-FM Jazz</option>
</optgroup>
<optgroup label="Classic Rock">
<option value='http://www.woxy.com/stream/wma20.asx'>97X Rock Radio</option>
<option value='mms://66.250.188.17/CFPL_FM'>CFPL-FM London, Ont</option>
<option value='mms://66.250.188.17/CILQ_FM'>CILQ-FM Toronto, CA</option>
<option value='http://radio.sonicnet.com/playlists/rpmprof.asp?C=LOW&B=68&X=X&playerID=24&Z=WMP.ASX'>CityHead Rock</option>
<option value='http://audio.musicradio.com/gold.asx'>Classic Gold</option>
<option value='mms://64.156.2.22:443/katt/24'>KATT-FM OK City, OK</option>
<option value='mms://66.250.188.13/khpt_fm'>KHPT-FM Conroe, Texas</option>
<option value='http://www.rock.com/rockcom2.asx'>ROCK.COM</option>
<option value='mms://66.250.188.16/WBAB_FM'>WBAB-FM</option>
<option value='mms://66.250.188.12/WBPT_FM'>WBPT-FM</option>
<option value='mms://66.250.188.18/WMXQ_FM'>WMXQ-FM</option>
<option value='mms://66.250.188.18/WPOI_FM'>WPOI-FM</option>
</optgroup>
<optgroup label="News/Talk Radio">
<option value='mms://66.250.188.20/KCBQ_AM'>KCBQ-AM</option>
<option value='mms://66.250.188.12/kstp_am'>KSTP-AM</option>
</optgroup>
<optgroup label="Oldies">
<option value='mms://moontaxi.net/cjoy'>CJOY-FM Oldies</option>
<option value='mms://66.250.188.23/KCMO_FM'>KCMO-FM Oldies</option>
</optgroup>
<optgroup label="Sports">
<option value='mms://66.250.188.16/kjr_am'>KJR-AM </option>
<option value='http://www.talksport.net/audio/talksport.asx'>TalkSport.net</option>
</optgroup>
<optgroup label="Variety">
<option value='http://www.bajaradio.com/bajaradio.asx'>Baja Radio Top 40</option>
<option value='http://www.virtuetv.com/clients/crysallis/heart1007.asx'>Heart FM</option>
<option value='http://www.emapdigitalradio.com/emapdigitalradio/metafiles/kiss.asx'>KISS 100 Rap/HIP-HOP</option>
<option value='http://www.hofstra.edu/Audio/WRHU_Hofstra.asx'>WRHU</option>
</optgroup>
</select><br /><br />
<input type='button' value='Play This Station' class='button' onclick='initiateStation()' />
</center>
</fieldset>
<br/>
<fieldset class="fieldset">
<legend>Player Controls</legend>
<center>
[<font id='mute'><a href='#' onClick='changeMute();'>Mute</a></font>]
[<a href='#' onClick='javascript:Player.controls.play();'>Play</a>]
[<a href='#' onClick='javascript:Player.controls.stop();'>Stop</a>]
<br/>[Controls: <a href='#' onClick='javascript:Player.uiMode = "mini";'>On</a> |
<a href='#' onClick='javascript:Player.uiMode = "none";'>Off</a>]
<br />
[Volume:
<a href='#' onClick='javascript:Player.settings.volume= 0;'>0</a>
<a href='#' onClick='javascript:Player.settings.volume= 10;'>1</a>
<a href='#' onClick='javascript:Player.settings.volume= 20;'>2</a>
<a href='#' onClick='javascript:Player.settings.volume= 30;'>3</a>
<a href='#' onClick='javascript:Player.settings.volume= 40;'>4</a>
<a href='#' onClick='javascript:Player.settings.volume= 50;'>5</a>
<a href='#' onClick='javascript:Player.settings.volume= 60;'>6</a>
<a href='#' onClick='javascript:Player.settings.volume= 70;'>7</a>
<a href='#' onClick='javascript:Player.settings.volume= 80;'>8</a>
<a href='#' onClick='javascript:Player.settings.volume= 90;'>9</a>
<a href='#' onClick='javascript:Player.settings.volume= 100;'>10</a>]
</center>
</fieldset>
</td>
<td class='alt2' align='center' id='radio'>
<OBJECT ID='Player' height='250' width='250' CLASSID='CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6'>
<PARAM name='URL' value='' id='insert_1'>
<PARAM name='uiMode' value='none'>
<PARAM name='mute' value='false'>
<PARAM name='ShowControls' value='0'>
<PARAM name='ShowStatusBar' value='0'>
<PARAM name='ShowDisplay' value='0'>
<EMBED type='application/x-mplayer2'
pluginspage = 'http://www.microsoft.com/Windows/MediaPlayer/'
SRC=''
name='Player'
width='250'
height='250'
AutoStart='true'
showcontrols='0'
showstatusbar='0'
showdisplay='0'
id='insert_2'>
</EMBED>
</OBJECT>
</td>
</tr>
</table>
</span>
</td>
</tr>
</table>
<br/>
Step Three:
Create a new module called "Radio" (or whatever you wish to call it)
Module identifier: leave blank
File to include: select NONE
"OR Template to Include": radio (do not enter 'adv_portal_radio' )
Column: CENTER
"Templates Used:" leave blank.
Save and activate.
See screenshot for how the module appears.
If you wish to manually edit your stations, change the links in the radio template. See the original hack thread for links to many stations (I have provided several as have other members)
Zachery or Brian: if you feel this being here is improper, remove it. I haven't been able to get ahold of Zero Tolerance (he's in a way different time zone!)
but I have assisted with a couple of his other hacks (Like Vb Chat) and I honestly don't think he will object to this being here.