Internet Radio Popup

[alex777]

Hi, I have an internet radio installed on my website. It's  the following code in a html+bbc block:

Code Select Expand

<select id="cancion" size="1" onchange="document.getElementById('MediaPlayer').filename=document.getElementById('cancion').value;document.getElementById('MediaPlayer').autostart=1;" name="Music">
<option selected="selected">-------Tune-------</option>
<option value="http://virussimul.stream.sunrise.ch:8000">Virus Radio</option>
<option value="http://virusshake.stream.sunrise.ch:8000">Virus Shake</option>
<option value="http://virusbounce.stream.sunrise.ch:8000">Virus Bounce</option>
<option value="http://212.23.5.99:8004">Jazz</option>
<option value="http://scfire-chi0l-2.stream.aol.com:80/stream/1022">Rock (The Buz)</option>
</select><object id="MediaPlayer" type="application/x-oleobject" height="147" standby="Loading Windows Media Player components..." width="250" classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95">
<param valuetype="ref" value="http://scfire-chi0l-2.stream.aol.com:80/stream/1022" name="FileName" />
<param value="1" name="AudioStream" />
<param value="0" name="AutoSize" />
<param value="0" name="AutoStart" />
<param value="0" name="AnimationAtStart" />
<param value="-1" name="AllowScan" />
<param value="-1" name="AllowChangeDisplaySize" />
<param value="0" name="AutoRewind" />
<param value="0" name="Balance" />
<param value="" name="BaseURL" />
<param value="5" name="BufferingTime" />
<param value="" name="CaptioningID" />
<param value="-1" name="ClickToPlay" />
<param value="0" name="CursorType" />
<param value="-1" name="CurrentPosition" />
<param value="0" name="CurrentMarker" />
<param value="" name="DefaultFrame" />
<param value="0" name="DisplayBackColor" />
<param value="16777215" name="DisplayForeColor" />
<param value="1" name="DisplayMode" />
<param value="1" name="DisplaySize" />
<param value="-1" name="Enabled" />
<param value="-1" name="EnableContextMenu" />
<param value="-1" name="EnablePositionControls" />
<param value="-1" name="EnableFullScreenControls" />
<param value="-1" name="EnableTracker" />
<param value="-1" name="InvokeURLs" />
<param value="-1" name="Language" />
<param value="0" name="Mute" />
<param value="0" name="PlayCount" />
<param value="0" name="PreviewMode" />
<param value="1" name="Rate" />
<param value="" name="SAMILang" />
<param value="" name="SAMIStyle" />
<param value="" name="SAMIFileName" />
<param value="-1" name="SelectionStart" />
<param value="-1" name="SelectionEnd" />
<param value="-1" name="SendOpenStateChangeEvents" />
<param value="-1" name="SendWarningEvents" />
<param value="-1" name="SendErrorEvents" />
<param value="0" name="SendKeyboardEvents" />
<param value="0" name="SendMouseClickEvents" />
<param value="0" name="SendMouseMoveEvents" />
<param value="-1" name="SendPlayStateChangeEvents" />
<param value="-1" name="ShowCaptioning" />
<param value="-1" name="ShowControls" />
<param value="-1" name="ShowAudioControls" />
<param value="-1" name="ShowDisplay" />
<param value="0" name="ShowGotoBar" />
<param value="0" name="ShowPositionControls" />
<param value="-1" name="ShowStatusBar" />
<param value="-1" name="ShowTracker" />
<param value="0" name="TransparentAtStart" />
<param value="0" name="VideoBorderWidth" />
<param value="333333" name="VideoBorderColor" />
<param value="-1" name="VideoBorder3D" />
<param value="-1" name="Volume" />
<param value="-1" name="WindowlessVideo" /></object>

My problem is that when a user goes forward from the homepage to a page in the forum the music player will stop to play. My question: Is there a way to install a sound box which will open in a popup window so that a user can also hear music when he goes to another side?

On the following link in the middle of the right side you can find an IP-Radio which will open in a popup window. I am looking exactly for something similar like this.....IP-Radio

Is there anybody who could help me?

[Zetan]

If you search for posts by me, you should be able to find a topic.
You'll need to edit the script to remove some of whats there, include your script leaving the basic popup.

You'll need to upload the file when done to your server.

[alex777]

Many many thanks. I found this topic here:

http://www.tinyportal.net/index.php?topic=20295.10

....and was able to install the popup radio player.      :up:

[Zetan]

  Cool. You might want to check for any errors.

[RoarinRow]

I tried it and it didn't work.  All I got was the media player box, the drop down box, and when I click on play, nothing happened     Oh well, I'll look at it tomorrow with fresh eyes.

[Zetan]

I don't know about the player code, theres so many different ones, some work in some browsers, some don't.. Many have been passed around and changed, it took me ages to find one that works for us with Shoutcast and Firefox.

The embedded Windows Media Player doesn't support Shoutcast natively. Even the player that our stream host doesn't work properly, the one we use is a hack.

[alex777]

Hi, the installation was easy and everything works fine but after a check with the W3C-Validator I was shocked. 

Before the installation I had only 18 failed validations...something with the smf gallery I guess....but after I had installed the popup radio scriptbox I suddenly had 233 errors!

Is there a W3C-Specialist who could help me? Beneath is a Link to the failed validations:

W3C-Validation-Nightmare

Code Select Expand

<div align="center">
        <table border="0" cellpadding="0"
                 style="border-collapse: collapse; background-color: #ffffff; padding: 20px 5px 0 5px;"
                 width="100%" id="table1" height="100%">
          <tr>
            <td width="100%" align="center" valign="top" height="100" colspan="3">
<center>
<table border="1">
<tr>

<td align="center">

<html>

<head>
<SCRIPT LANGUAGE="JavaScript">
function popUp(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=1,location=1,statusbar=1,menubar=0,resizable=1,width=320,height=120');");
}
// End -->
</script>
</head>

<body text="" bgcolor="">
<div align="center">
  <p align="left">

  </p>

<html>

<head> 
<SELECT id=cancion onchange="document.getElementById('MediaPlayer').filename=document.getElementById('cancion').value;document.getElementById

('MediaPlayer').autostart=1;" size=1 name=Music >
<OPTION selected>Sender auswählen!!</OPTION>
<OPTION value="http://asx.skypro.ch/radio/internet-64/radio24.asx">Radio24</OPTION>
<OPTION value="http://asx.skypro.ch/radio/internet-64/radioenergyzh.asx">Radio Energy</OPTION>
<OPTION value="http://asx.skypro.tv/asx/radio-drs/DRS3.asx">DRS 3</OPTION>
<OPTION value="http://asx.skypro.tv/asx/radio-drs/DRS2.asx">DRS 2</OPTION>
<OPTION value="http://asx.skypro.tv/asx/radio-drs/DRS1.asx">DRS 1</OPTION>
<OPTION value="http://asx.skypro.ch/radio/internet-64/radioargovia.asx">Radio Argovia</OPTION>
<OPTION value="http://www.hitmusicradio.co.uk/asx/mediabb.asx">Hits radio</OPTION>
<OPTION value="http://virusshake.stream.sunrise.ch:8000">Virus Shake</OPTION>
<OPTION value="http://virussimul.stream.sunrise.ch:8000">Virus Radio</OPTION>
</SELECT>

<br />

<object id="MediaPlayer" classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" standby="Loading Windows Media Player components..." type="application/x-

oleobject" height="80" width="200">

<param name="FileName" value="http://scfire-chi0l-2.stream.aol.com:80/stream/1022" valuetype="ref" ref=""><!--http://streaming.gmgradio.com/live/wm_cne.asx?

155204-->
<param name="AudioStream" value="1">
<param name="AutoSize" value="0">
<param name="AutoStart" value="0">
<param name="AnimationAtStart" value="0">

<param name="AllowScan" value="-1">
<param name="AllowChangeDisplaySize" value="-1">
<param name="AutoRewind" value="0">
<param name="Balance" value="0">
<param name="BaseURL" value="">
<param name="BufferingTime" value="5">
<param name="CaptioningID" value="">
<param name="ClickToPlay" value="-1">
<param name="CursorType" value="0">
<param name="CurrentPosition" value="-1">
<param name="CurrentMarker" value="0">
<param name="DefaultFrame" value="">
<param name="DisplayBackColor" value="0">
<param name="DisplayForeColor" value="16777215">
<param name="DisplayMode" value="1">
<param name="DisplaySize" value="1">
<param name="Enabled" value="-1">

<param name="EnableContextMenu" value="-1">
<param name="EnablePositionControls" value="-1">
<param name="EnableFullScreenControls" value="-1">
<param name="EnableTracker" value="-1">
<param name="InvokeURLs" value="-1">
<param name="Language" value="-1">
<param name="Mute" value="0">
<param name="PlayCount" value="0">
<param name="PreviewMode" value="0">
<param name="Rate" value="1">
<param name="SAMILang" value="">
<param name="SAMIStyle" value="">
<param name="SAMIFileName" value="">
<param name="SelectionStart" value="-1">
<param name="SelectionEnd" value="-1">
<param name="SendOpenStateChangeEvents" value="-1">
<param name="SendWarningEvents" value="-1">

<param name="SendErrorEvents" value="-1">
<param name="SendKeyboardEvents" value="0">
<param name="SendMouseClickEvents" value="0">
<param name="SendMouseMoveEvents" value="0">
<param name="SendPlayStateChangeEvents" value="-1">
<param name="ShowCaptioning" value="-1">
<param name="ShowControls" value="-1">
<param name="ShowAudioControls" value="-1">
<param name="ShowDisplay" value="-1">
<param name="ShowGotoBar" value="0">
<param name="ShowPositionControls" value="0">
<param name="ShowStatusBar" value="-1">
<param name="ShowTracker" value="-1">
<param name="TransparentAtStart" value="0">
<param name="VideoBorderWidth" value="0">
<param name="VideoBorderColor" value="333333">
<param name="VideoBorder3D" value="-1">

<param name="Volume" value="-1">
<param name="WindowlessVideo" value="-1">
<embed type="application/x-mplayer2" src="all.pls" name="MediaPlayer" height="100" width="300">
</object>
<br />

<h6><font color="#0026FF" face="Verdana">Separates Fenster öffnen<br />[<A HREF="javascript:popUp('popupradio.php')">Hier klicken!</A>]</font></h6>
          </tr>
        </table>
      </div>

</td>
</tr>
</table>
</center>
</div>
</body>
</html>


PS: @RoarinRow, it doesn't work with MozillaFirefox but with IE it works. If anyobody knows how to fix that problem please help.

[Zetan]

It fails on my site too.. and I think it's more to do with the script.
I will take mine apart later and check it over.

Validation fails on silly things like Amazon advert codes and also on my Amptracker script. It doesn't like the URL.

As for the player not working, I have no control over it, all the embedded radio player scripts I've seen are all different, some work, some don't. All I provided was the popup, some css for your site, what you put in the popup is down to you.

[alex777]

I've just fixed some validation errors and like this I could reduce the errors to from 233 to 123 but it still doesn't work with firefox and opera it only works with IE and Netscape 7.1.

Code with less validation errors:

Code Select Expand

<div align="center">
        <table border="0" cellpadding="0"
                 style="border-collapse: collapse; background-color: #ffffff; padding: 20px 5px 0 5px;"
                 width="100%" id="table1" height="100%">
          <tr>
            <td width="100%" align="center" valign="top" height="100" colspan="3">
<center>
<table border="1">
<tr>

<td align="center">

<html>

<head>
<SCRIPT LANGUAGE="JavaScript">
function popUp(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=1,location=1,statusbar=1,menubar=0,resizable=1,width=320,height=120');");
}
// End -->
</script>
</head>

<body text="" bgcolor="">
<div align="center">
  <p align="left">

  </p>

<html>

<head> 
<SELECT id=cancion onchange="document.getElementById('MediaPlayer').filename=document.getElementById('cancion').value;document.getElementById

('MediaPlayer').autostart=1;" size=1 name=Music >
<OPTION selected>Sender auswählen!!</OPTION>
<OPTION value="http://asx.skypro.ch/radio/internet-64/radio24.asx">Radio24</OPTION>
<OPTION value="http://asx.skypro.ch/radio/internet-64/radioenergyzh.asx">Radio Energy</OPTION>
<OPTION value="http://asx.skypro.tv/asx/radio-drs/DRS3.asx">DRS 3</OPTION>
<OPTION value="http://asx.skypro.tv/asx/radio-drs/DRS2.asx">DRS 2</OPTION>
<OPTION value="http://asx.skypro.tv/asx/radio-drs/DRS1.asx">DRS 1</OPTION>
<OPTION value="http://asx.skypro.ch/radio/internet-64/radioargovia.asx">Radio Argovia</OPTION>
<OPTION value="http://www.hitmusicradio.co.uk/asx/mediabb.asx">Hits radio</OPTION>
<OPTION value="http://virusshake.stream.sunrise.ch:8000">Virus Shake</OPTION>
<OPTION value="http://virussimul.stream.sunrise.ch:8000">Virus Radio</OPTION>
</SELECT>

<br />

<object id="MediaPlayer" classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" standby="Loading Windows Media Player components..." type="application/x-

oleobject" height="80" width="220">

<param name="FileName" value="http://scfire-chi0l-2.stream.aol.com:80/stream/1022" valuetype="ref" ref=""><!--http://streaming.gmgradio.com/live/wm_cne.asx?

155204-->
<param name="AudioStream" value="1"/>
<param name="AutoSize" value="0"/>
<param name="AutoStart" value="0"/>
<param name="AnimationAtStart" value="0"/>

<param name="AllowScan" value="-1"/>
<param name="AllowChangeDisplaySize" value="-1"/>
<param name="AutoRewind" value="0"/>
<param name="Balance" value="0"/>
<param name="BaseURL" value=""/>
<param name="BufferingTime" value="5"/>
<param name="CaptioningID" value=""/>
<param name="ClickToPlay" value="-1"/>
<param name="CursorType" value="0"/>
<param name="CurrentPosition" value="-1"/>
<param name="CurrentMarker" value="0"/>
<param name="DefaultFrame" value=""/>
<param name="DisplayBackColor" value="0"/>
<param name="DisplayForeColor" value="16777215"/>
<param name="DisplayMode" value="1"/>
<param name="DisplaySize" value="1"/>
<param name="Enabled" value="-1"/>

<param name="EnableContextMenu" value="-1"/>
<param name="EnablePositionControls" value="-1"/>
<param name="EnableFullScreenControls" value="-1"/>
<param name="EnableTracker" value="-1"/>
<param name="InvokeURLs" value="-1"/>
<param name="Language" value="-1"/>
<param name="Mute" value="0"/>
<param name="PlayCount" value="0"/>
<param name="PreviewMode" value="0"/>
<param name="Rate" value="1"/>
<param name="SAMILang" value=""/>
<param name="SAMIStyle" value=""/>
<param name="SAMIFileName" value=""/>
<param name="SelectionStart" value="-1"/>
<param name="SelectionEnd" value="-1"/>
<param name="SendOpenStateChangeEvents" value="-1"/>
<param name="SendWarningEvents" value="-1"/>

<param name="SendErrorEvents" value="-1"/>
<param name="SendKeyboardEvents" value="0"/>
<param name="SendMouseClickEvents" value="0"/>
<param name="SendMouseMoveEvents" value="0"/>
<param name="SendPlayStateChangeEvents" value="-1"/>
<param name="ShowCaptioning" value="-1"/>
<param name="ShowControls" value="-1"/>
<param name="ShowAudioControls" value="-1"/>
<param name="ShowDisplay" value="-1"/>
<param name="ShowGotoBar" value="0"/>
<param name="ShowPositionControls" value="0"/>
<param name="ShowStatusBar" value="-1"/>
<param name="ShowTracker" value="-1"/>
<param name="TransparentAtStart" value="0"/>
<param name="VideoBorderWidth" value="0"/>
<param name="VideoBorderColor" value="333333"/>
<param name="VideoBorder3D" value="-1"/>

<param name="Volume" value="-1"/>
<param name="WindowlessVideo" value="-1"/>
<embed type="application/x-mplayer2" src="all.pls" name="MediaPlayer" height="100" width="300">
</object>
<br />

<h6><font color="#0026FF" face="Verdana">Separates Fenster öffnen<br />[<A HREF="javascript:popUp('popupradio.php')">Hier klicken!</A>]</font></h6>
          </tr>
        </table>
      </div>

</td>
</tr>
</table>
</center>
</div>
</body>
</html>


It would be nice if it works with firefox too because 27% of my visitors use firefox (70% use IE).

[Zetan]

lol.. do you know how long I hunted around for a script that would work with Shoutcast in FireFox? About 6 months. We have a different script hacked together for our MySpace page.. It won't display in firefox either.

They are a pain in the ass tbh. I even bought Wimpy Player to try to use a Flash Based player.. I was duped into thinking it would work with Shoutcast, when in reality it will only work with Shoutcast through a proxy, not the ideal way to run a stream, through a proxy.


Additionaly, I'm going to have to refer you to websites that specialise in streams, players and broadcasting. We at TinyPortal do not have the scope to deal with streaming media or the problems associated with it.