• Welcome to Simple Machines Community Forum. Please login or sign up.

[Tip/Trick] How to add a Nice radio player for your forum

Started by ImperiumRSPS, April 18, 2012, 04:54:40 AM

Previous topic - Next topic

ImperiumRSPS

Hey Guys, Wouldn't let me post in Tips&Tricks so if a mod could move would be great. I've spent alot of time here but only registered today if i'm honest, I've learnt alot here so i'm going to give something back.

Firstly you're going to want a Radio Stream. I used RadioUp's as they are a Free online radio station.

Make a new file called radioplayer.html or similar, i called mine radio.html and insert this into there.


<html>
<head>
<title>ImperiumRSPS - Radio Player</title>
<head>
<body bgcolor="#000000">
<div align="center" style="color:#fff;">
<p>This Radio player is supplied by RadioUp.com</p>
<OBJECT id=WM classid=CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6 height="62" width="300" type="video/x-ms-wma">
<PARAM NAME="autoStart" VALUE="-1">
<param name="URL" value="http://www.radioup.com/listen/mix.asx">
<PARAM NAME="AnimationatStart" Value="1">
<param name="rate" value="1">
<param name="balance" value="0">
<param name="playCount" value="0">
<param name="currentMarker" value="0">
<param name="invokeURLs" value="-1">
<param name="volume" value="50">
<!-- param name="volume" value="25" -->
<param name="mute" value="0">
<!-- param name="uiMode" value="mini" -->
<param name="stretchToFit" value="0">
<param name="windowlessVideo" value="1">
<param name="currentPosition" value="0">
<param name="enabled" value="-1">
<param name="enableContextMenu" value="0">
<param name="fullScreen" value="0">
<param name="enableErrorDialogs" value="0">
<param name="defaultFrame" value>
<param name="baseURL" value>
<param name="SAMIStyle" value>
<param name="SAMILang" value>
<param name="SAMIFilename" value>
<param name="captioningID" value>
<EMBED TYPE="application/x-mplayer2"
PLUGINSPAGE="http://microsoft.com/windows/mediaplayer/en/download/"
ID=WM
Width="300"
Height="62"
Src="http://www.radioup.com/listen/mix.asx">
</EMBED>
</OBJECT>
</div>
</body>
</html>


Then save it.

Now go to your theme location, and edit your index.template.php

Be sure to make a back-up

Now wherever you would like this to appear add this.

<a onClick="window.open(\'http://yoursite.com/radio.html\',\'help\',\'height=125,width=400,top=0,left=0,scrollbars=no\')">Listen To Our Radio!</a>

and you're done, Post feedback and errors and i'll try my best to help.

Demo: hxxp:imperiumrsps.com [nonactive] - just click the "Listen to Our radio" link.


Putyrski Nancy


pujan

Thank you so much for the post...
Can I Add this radio player in my this blog???
My blog is:allactivationzone.blogspot.com

gerzok


Night09

Anyone coming up blank dont forget you could edit the stream sources to other stations or anyone a bit decent with code could make it into a list instead with a choice. If the method works sound then the code is valuable for that alone not the stream source. ;)




farhanahanat010

good work friend, can i use it any website or blog or free blog? ???

Crozz

Your link doesn't show any demo, but I like your method. Thanks.

Inti31

thx for the html... i tested it but implemented the above code into the server settings in the maintenance area

so now visitors/member can listen to the stream whil waiting for the end of maintenance... - works in Chrome, IE anf firefox

by the way - it needs for firefox the wmpfirefoxplugin

Okay, faithful users - I'll be back soon... enjoy the radio stream...<br /><iframe src="radioup.html" width="400" height="125" scrolling="no" frameborder="0"></iframe>



Demo...
my forum
my testforum


my mods - which I only made them work for 2.0 Gold:
Topics Filter v3.2 SMF 2.0 Gold
MemberNumber

Advertisement: