How do you play radio in a webpage for tv displays around school

[round2it]

Our head would like music playiong for the kids during break times, And the easiest way for me to do this is through a webpage

 

i need a direct url to a audio stream bbc radio 1 for example to play without any user interaction

 

we are using samsung displays with the god awful magic info (Xibo i know iknow) but it is what we have set up at the moment.

 

We have a frog vle and wanted to create a page on there to basically just play the radio stream with out user interaction

 

has anyone done this or do you know of a better way.

[round2it]

or can anyone think of a way that a web page can play a folder of mp3 files

[vizubeat]

MP3 Player seems to do the trick - it can be set to auto play, and you can specify a playlist. not sure how it would work with files uploaded into frog, but if you stuck everything on your /frogweb/ share it should run OK! Also this player works with SHOUTcast and other MPEG streams, if you just add a semi-colon to the end of the url, e.g. http://server.radio.com:8000/;

[mb2k01]

I've done the following before. I'm sure there will be a cleaner way though.

 

Step 1: Enter this in to your webpage:

 

 

Step 2: Create a file called playlist.wpl and have it save in the same location as your webpage above (or append the location in the code above as required)

Playlist.wpl should have the following:

 

   
       
       
       
       
       
       
       
       
       test1
   
   
       
           
           
           
       
   

Edited April 16, 2012 by mb2k01

[round2it]

thanks for that i will give it a go today

[mb2k01]

The post I made above was actually based on a video streaming page I made a while ago.

Today, as I have had a helpdesk ticket for quite some time to do something very similar, I thought I'd explore a bit further.

Here is what I've done (so now you have to options from me!)

 

Step one: Create the webpage. My HTML code is below. You can either save this as HTML and have opened normally, or save as .hta and open in a nice contained webpage application.

border="thin" 
borderStyle="normal" 
caption="yes"  
maximizeButton="no" 
minimizeButton="no" 
showInTaskbar="no" 
windowState="normal"
innerBorder="yes"
navigable="no"
scroll="no"
scrollFlat="yes" /> 


Your Radio Station Name from Your School
<br />
a {<br />
	color: [url=http://www.edugeek.net/usertag.php?do=list&action=hash&hash=FFFF00]#FFFF00[/url]<br />
}<br />
a:visited {<br />
	color: [url=http://www.edugeek.net/usertag.php?do=list&action=hash&hash=FFFF00]#FFFF00[/url]<br />
}<br />
a:active {<br />
	color: [url=http://www.edugeek.net/usertag.php?do=list&action=hash&hash=FFFF00]#FFFF00[/url]<br />
}<br />
a:hover {<br />
	color: [url=http://www.edugeek.net/usertag.php?do=list&action=hash&hash=FFFF00]#FFFF00[/url]<br />
}<br />
.auto-style1 {<br />
	text-align: center;<br />
}<br />
.auto-style2 {<br />
	font-family: Arial, Helvetica, sans-serif;<br />
	font-size: x-small;<br />
}<br />
.auto-style3 {<br />
	font-family: Arial, Helvetica, sans-serif;<br />
	font-size: medium;<br />
}<br />
.auto-style5 {<br />
	text-align: center;<br />
	font-size: xx-small;<br />
	font-family: Arial, Helvetica, sans-serif;<br />
	color: [url=http://www.edugeek.net/usertag.php?do=list&action=hash&hash=C0C0C0]#C0C0C0[/url]<br />
}<br />


<br />
    Sub Window_Onload<br />
        strComputer = "."<br />
        Set objWMIService = GetObject("winmgmts:\\" & strComputer & "\root\cimv2")<br />
        Set colItems = objWMIService.ExecQuery("Select * From Win32_DesktopMonitor")<br />
        For Each objItem in colItems<br />
            intHorizontal = objItem.ScreenWidth<br />
            intVertical = objItem.ScreenHeight<br />
        Next<br />
        intLeft = (intHorizontal - 800) / 2<br />
        intTop = (intVertical - 600) / 2<br />
        window.resizeTo 600,350<br />
        window.moveTo intLeft, intTop<br />
    End Sub<br />






radiologo.jpg






On air Monday to Friday

1.30pm - 2.15pm




(C) 2012 Your School. All rights reserved

 

Step two: Create playlist.asx - here is the code from mine:

 
 schoolradio



 










 Your School

 

As with the other example, make sure your .html (or .hta if you go that route) are saved in the same place as the .asx file - or ammend the paths in the above code accordingly.

Obviously you can also play around with my CSS settings. Our school colours are black and red, so it's quite dark! (There is also a reference to radiologo.jpg which you may either wish to create, or remove)

 

Step 3: The bit I haven't done is find the MMS link for the BBC. For my purposes I used the MMS link for our own school radio system (system supplied by schoolradio.com)

If you are able to locate a valid mms link for an existing radio station I would imagine you could just replace the two references above in your asx file.

 

I hope either of my two examples in the thread help!

(As your post prompted me to do the work and clear my own helpdesk ticket, I figured I may as well post this too!)

 

Cheers