Popup Music Player

[Rideharder]

4.x.x


1.Download and extract the popup.html and up load it into your main directory "/public_html" as your fourm.

Code in popup.html
<embed src='http://www.shoutcast.com/media/popupPlayer_V19.swf?stationid=http://yp.shoutcast.com/sbin/tunein-station.pls?id=2187022&play_status=1' quality='high' bgcolor='#000000' width='400' height='104' name='popupPlayer_V19' align='middle' allowScriptAccess='always' allowFullScreen='true' type='application/x-shockwave-flash' pluginspage='http://www.adobe.com/go/getflashplayer' ></embed>



2.Go into your admin area Advertising/Ad Selector/header1 add code and add this code.
<a href="popup.html" onclick="window.open('popup.html','popup','width=440,height =155,scrollbars=yes,resizable=yes,toolbar=no,direc tories=no,location=no,menubar=no,status=no,left=50 ,top=0'); return false">Popup Music Player</a>

Demo: speedaholic.net


You can add your own music into the HTML page by going to http://www.shoutcast.com and getting the embed code, then edit the popup.html with the embed code you prefer to listen to.



Please see attached pictures.

[Rideharder]

Feel free to share different ways that you guys embed your popup codes in the navigation link.

[Krusty1231]

I threw it up as a forum block. I used the image as the click link instead of the text.

Your choice as default station was great.

Thanks for the how-to!

[Preech]

I want to be able to upload music to my server, once they click a image on a create page, it will pop up. Interesting though.

[Rideharder]

I threw it up as a forum block. I used the image as the click link instead of the text.

Your choice as default station was great.

Thanks for the how-to!

That was a very good idea, do you mind sharing the block code?

When I have time I'll create some block code images as I seen what you did in your attachment. Looks great on your site.


<a href="popup.html" onclick="window.open('popup.html','popup','width=440,height =155,scrollbars=yes,resizable=yes,toolbar=no,direc tories=no,location=no,menubar=no,status=no,left=50 ,top=0'); return false"><a href="http://www.YOURSITE.com">
<img src="YOUR.jpg"/></a>

[Emeralda]

Rawr, how would I go on about adding a button for this on the navbar?

[basilrath]

Rawr, how would I go on about adding a button for this on the navbar?

Find:

<li><a href="calendar.php{vb:raw session.sessionurl_q}">{vb:rawphrase calendar}</a></li>



After add your code

<li><a href="popup.html" onclick="window.open('popup.html','popup','width=440,height =145,scrollbars=yes,resizable=yes,toolbar=no,direc tories=no,location=no,menubar=no,status=no,left=50 ,top=0'); return false">Name of Station</a></li>


You can make it work with any radio station you fancy by editing the embed src code within the html page

[Emeralda]

It didn't find that in 4.2 >.<

[Krusty1231]

You could use this:

https://vborg.vbsupport.ru/showthread.php?t=228507

Since the upgrade to 4.2 it's an easy way to add the missing stuff from my navbar.

Hope it helps?

[basilrath]

Can be used with the new tab system within 4.2 also for any radio station you wish

[tambo]

Added to an xmas theme. Very easy to use. Thanks.