+ Post New Thread
Results 1 to 6 of 6
How do you do....it? Thread, How do you play radio in a webpage for tv displays around school in Technical; Our head would like music playiong for the kids during break times, And the easiest way for me to do ...
  1. #1
    round2it's Avatar
    Join Date
    May 2009
    Location
    UK
    Posts
    1,036
    Thank Post
    205
    Thanked 156 Times in 113 Posts
    Rep Power
    40

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

    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.

  2. #2
    round2it's Avatar
    Join Date
    May 2009
    Location
    UK
    Posts
    1,036
    Thank Post
    205
    Thanked 156 Times in 113 Posts
    Rep Power
    40
    or can anyone think of a way that a web page can play a folder of mp3 files

  3. #3
    vizubeat's Avatar
    Join Date
    Feb 2010
    Posts
    27
    Thank Post
    6
    Thanked 7 Times in 5 Posts
    Rep Power
    11
    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/;

  4. Thanks to vizubeat from:

    round2it (17th April 2012)

  5. #4
    mb2k01's Avatar
    Join Date
    Jan 2007
    Posts
    1,139
    Thank Post
    189
    Thanked 230 Times in 195 Posts
    Rep Power
    92
    I've done the following before. I'm sure there will be a cleaner way though.

    Step 1: Enter this in to your webpage:

    Code:
    <div id="Layer1" style="position:absolute; margin: 0px; left:9px; top:0px; width:834px; height:650px; z-index:1">
      <object type="video/x-ms-wmv" id="media1" style="width: 836px; height: 641px">
        <param name="filename" value="playlist.wpl">
        <param name="windowlessVideo" value="0">
        <param name="enabled" value="0">
        <param name="loop" value="true">
        <param name="uiMode" value="none">
        <embed src="playlist.wpl" width="857" height="623" loop="true" filename="playlist.wpl" windowlessvideo="0" enabled="0" uimode="none"></embed>
      </object>
    </div>
    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:

    Code:
    <?wpl version="1.0"?>
    <smil>
        <head>
            <meta name="Generator" content="Microsoft Windows Media Player -- 12.0.7600.16385"/>
            <meta name="ItemCount" content="2"/>
            <meta name="IsFavorite"/>
            <meta name="ContentPartnerListID"/>
            <meta name="ContentPartnerNameType"/>
            <meta name="ContentPartnerName"/>
            <meta name="Subtitle"/>
            <author/>
            <title>test1</title>
        </head>
        <body>
            <seq>
                <media src="Track1.mp3"/>
                <media src="Track2.mp3"/>
                <media src="track3.mp2"/>
            </seq>
        </body>
    </smil>
    Last edited by mb2k01; 16th April 2012 at 05:01 PM.

  6. Thanks to mb2k01 from:

    round2it (17th April 2012)

  7. #5
    round2it's Avatar
    Join Date
    May 2009
    Location
    UK
    Posts
    1,036
    Thank Post
    205
    Thanked 156 Times in 113 Posts
    Rep Power
    40
    thanks for that i will give it a go today

  8. #6
    mb2k01's Avatar
    Join Date
    Jan 2007
    Posts
    1,139
    Thank Post
    189
    Thanked 230 Times in 195 Posts
    Rep Power
    92
    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.
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    
    <head>
    <HTA:APPLICATION 
    border="thin" 
    borderStyle="normal" 
    caption="yes"  
    maximizeButton="no" 
    minimizeButton="no" 
    showInTaskbar="no" 
    windowState="normal"
     innerBorder="yes"
     navigable="no"
     scroll="no"
     scrollFlat="yes" /> 
    <meta content="en-gb" http-equiv="Content-Language" />
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
    <title>Your Radio Station Name from Your School</title>
    <style type="text/css">
    a {
    	color: #FFFF00
    }
    a:visited {
    	color: #FFFF00
    }
    a:active {
    	color: #FFFF00
    }
    a:hover {
    	color: #FFFF00
    }
    .auto-style1 {
    	text-align: center;
    }
    .auto-style2 {
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: x-small;
    }
    .auto-style3 {
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: medium;
    }
    .auto-style5 {
    	text-align: center;
    	font-size: xx-small;
    	font-family: Arial, Helvetica, sans-serif;
    	color: #C0C0C0
    }
    </style>
    </head>
    <SCRIPT Language="VBScript">
        Sub Window_Onload
            strComputer = "."
            Set objWMIService = GetObject("winmgmts:\\" & strComputer & "\root\cimv2")
            Set colItems = objWMIService.ExecQuery("Select * From Win32_DesktopMonitor")
            For Each objItem in colItems
                intHorizontal = objItem.ScreenWidth
                intVertical = objItem.ScreenHeight
            Next
            intLeft = (intHorizontal - 800) / 2
            intTop = (intVertical - 600) / 2
            window.resizeTo 600,350
            window.moveTo intLeft, intTop
        End Sub
    </SCRIPT>
    
    <body style="color: #FFFFFF background-color: #000000">
    
    <p class="auto-style1">
    <img alt="Your Radio Station Name from Your School" class="auto-style2" height="137" src="radiologo.jpg" width="350" /><br />
    <object id="SchoolRadio" class="auto-style2" style="height: 57px" type="video/x-ms-wmv" width="200">
    <param name="filename" value="playlist.asx" />
    <param name="uiMode" value="none" />
    </object></p>
    <p class="auto-style1"><span class="auto-style3"><strong>On air Monday to Friday</strong></span><strong><br class="auto-style3" />
    </strong><span class="auto-style3"><strong>1.30pm - 2.15pm</strong></span></p>
    
    </body>
    
    <p class="auto-style5">(C) 2012 Your School. All rights reserved</p>
    
    
    </html>
    Step two: Create playlist.asx - here is the code from mine:
    Code:
    <Asx Version = "3.0" > 
    <Title > schoolradio</Title>
    
    <Param Name = "AllowShuffle" Value = "yes" />
    
    <Entry> 
    <Duration value = "00:00:0.000" />
    <Param Name = "Bitrate" Value = "128016" />
    <Param Name = "FileSize" Value = "5022" />
    <Param Name = "Is_Protected" Value = "False" />
    <Param Name = "Is_Trusted" Value = "false" />
    <Param Name = "IsVBR" Value = "False" />
    <Param Name = "MediaType" Value = "audio" />
    <Param Name = "SourceURL" Value = "mms://streaming.server.com/school" />
    <Param Name = "Streams" Value = "audio" />
    
    <Title > Your School</Title>
    
    <Param Name = "type" Value = "broadcast" />
    <Param Name = "WMFSDKNeeded" Value = "0.0.0.0000" />
    <Param Name = "WMFSDKVersion" Value = "12.0.7601.17514" />
    <Param Name = "WMS_CONTENT_DESCRIPTION_PLAYLIST_ENTRY_URL" Value = "push:*" />
    <Param Name = "WMS_CONTENT_DESCRIPTION_SERVER_BRANDING_INFO" Value = "WMServer/9.1" />
    <Param Name = "WMServerVersion" Value = "9.1" />
    
    <Ref href = "mms://streaming.server.com/school"/>
    </Entry>
    </Asx>
    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

SHARE:
+ Post New Thread

Similar Threads

  1. Replies: 177
    Last Post: 7th July 2014, 12:56 PM
  2. How much do you earn and in what post?
    By Dos_Box in forum Budgets and Expenditure
    Replies: 162
    Last Post: 12th July 2009, 09:50 AM
  3. How do you uninstall apps in ubuntu?
    By redsnappa in forum *nix
    Replies: 10
    Last Post: 5th May 2009, 02:08 PM
  4. Roaming Profiles in 2008 - how do you do it?
    By fox1977 in forum Windows Server 2008
    Replies: 7
    Last Post: 18th September 2008, 08:39 AM
  5. Replies: 4
    Last Post: 17th December 2007, 05:15 PM

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •