Order Now AdSolution Sign Up | Login » Bits on the Run Sign Up | Login »

Forums

JW Player
/
Setup Issues and Embedding

Streaming Radio Help Please

12 replies [Last post]
Posted: Sat, 2009-10-24 05:51 Matt
Anonymous's picture

Hey I am trying to get this to work with streaming radio I have looked on here and tried just about everything but can't get it to work here is the HTML I currently have -

<html>
<head>
<title>Stream</title>
<table>

<tr>
<td height="120" valign="bottom">
<object type="application/x-shockwave-flash" data="player.swf?playlist=http://dir.xiph.org/listen/13560417/listen.xspf" width="220" height="120" wmode="transparent">
<param name="type" value="application/x-shockwave-flash" />
<param name="codebase" value="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" />
<param name="movie" value="player.swf?playlist=http://dir.xiph.org/listen/13560417/listen.xspf" />
<param name="wmode" value="transparent" />

</object>
</td>

</table>
</body>
</html>

Anyone know what I am doing wrong?

Thanks.

Posted: Sat, 2009-10-24 11:39 hobbs  
hobbs's picture

There is no flashvar playlist that is supported by the v4.x JW FLV Player.

Use the flashvar file to refer to the URI for your playlist.

See the v4.6 player supported flashvars documentation here http://developer.longtailvideo.com/trac/wiki/FlashVars

Posted: Sat, 2009-10-24 13:41 Matt  
Matt's picture

I really don't understand there is no getplaylist.php file do I have to make one? I don't see a flashvar file either don't know what that is. Could you post a working Streaming Radio HTML would save a lot of trouble if there was one this is driving me nuts.

Thanks.

Posted: Sat, 2009-10-24 14:01 hobbs  
hobbs's picture

Many streaming radio examples (Shoutcast/Icecast/Nicecast) here:

    http://www.longtailvideo.com/jw/?search=Shoutcast

Posted: Sat, 2009-10-24 16:36 Matt  
Matt's picture

That is were I have looked and tried all of them and different variations I must just be totally doing something totally wrong could you post a working HTML please??! Or is there more to this than just the HTML file?! Threads posting to search results posting to threads all I have tried and nothing works :\

Posted: Sat, 2009-10-24 17:55 hobbs  
hobbs's picture

Here are a couple of players that are functinal now.

Shoutcast JW FLV Media Player v3.17 http://willswonders.myip.org:8074/Simple_Shoutcast_v3.html

Shoutcast JW FLV Player v4.6.485 http://willswonders.myip.org:8074/Simple_Shoutcast-10.html

If you don't plan on using the player's JavaScript API, you can ignore the block of code for the API. It begins with:

    <script type="text/javascript">
      var player           =  null;
      var playlist         =  null;

Posted: Sun, 2009-10-25 07:08 Matt  
Matt's picture

Hey thanks for the sample but this still won't work properly after playing around with it I got it all to show up but it shows as 1: undefined, SomaFM, 3: undefined,
and so on.. and does not play anything.

Here is the HTML:

<html lang="en"><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<title>Stream</title>

<script src="swfobject.js"></script>

<script type="text/javascript">
var windownamein = window.name;

if(window.name == '')
{
window.name = 'load';
}
else if(window.name == 'load')
{
window.name = 'reload';
setTimeout("location.reload();", 0);
}
else if(window.name == 'reload')
{
window.name = 'load';
}

var windownameout = window.name;
</script>

<script type="text/javascript">
var flashvars =
{
'file': 'playlist_Shoutcast_v3.xml',
'displayheight': '0',
'showstop': 'true',
'bufferlength': '15',
'frontcolor': '0xFF00FF', // text & icons (magenta)
'backcolor': '0xFFFFFF', // playlist background (white)
'lightcolor': '0xCCFF66', // selected text/track highlight (lime-green)
'screencolor': '0xFFFFFF', // screen background (white)
'autostart': 'false'
};

var params =
{
'allowfullscreen': 'true',
'allowscriptaccess': 'always',
'bgcolor': '#FFFFFF'
};

var attributes =
{
'id': 'playerID',
'name': 'playerID'
};

swfobject.embedSWF('mediaplayer-3.17.swf', 'player', '400', '143', '7', false, flashvars, params, attributes);
</script><style media="screen" type="text/css">#player {visibility:hidden}</style>

</head><body linkifytime="1" linkified="0" linkifying="false" style="cursor: auto ! important;">

<div id="windownamein">Window Name IN: reload</div>
<div id="windownameout">Window Name OUT: load</div>
<div id="playercontainer" class="playercontainer"><object data="mediaplayer-3.swf" name="playerID" id="playerID" type="application/x-shockwave-flash" height="143" width="400"><param value="true" name="allowfullscreen"><param value="always" name="allowscriptaccess"><param value="#FFFFFF" name="bgcolor"><param value="file=playlist_Shoutcast_v3.xml&displayheight=0&showstop=true&bufferlength=15&frontcolor=0xFF00FF&backcolor=0xFFFFFF&lightcolor=0xCCFF66&screencolor=0xFFFFFF&autostart=false" name="flashvars"></object></div>
<script type="text/javascript">
document.getElementById('windownamein').innerHTML = 'Window Name IN: ' + windownamein;
document.getElementById('windownameout').innerHTML = 'Window Name OUT: ' + windownameout;
</script>

</body></html>

And the XML:

<playlist version="1">
-
<trackList>
-
<track>
<creator>SomaFM</creator>
<title>Boot Liquor</title>
<location>http://207.200.96.230:8014/;stream.nsv</location>
<image>images/SomaFMBootLiquor.jpg</image>
<meta rel="type">mp3</meta>
</track>
-
<track>
<creator>SomaFM</creator>
<title>Groove Salad</title>
-
<location>
http://streamer-ntc-aa07.somafm.com:80/stream/1018/;stream.nsv
</location>
<image>images/SomaFMGrooveSalad.jpg</image>
<meta rel="type">mp3</meta>
</track>
-
<track>
<creator>SomaFM</creator>
<title>Lush</title>
<location>http://voxsc1.somafm.com:8800/;stream.nsv</location>
<image>images/SomaFMLush.jpg</image>
<meta rel="type">mp3</meta>
</track>
-
<track>
<creator>Giss TV</creator>
<title>Many Mount Points</title>
<location>http://www.giss.tv:8000/ExpressFM.mp3</location>
<image>images/image01.jpg</image>
</track>
-
<track>
<creator>Nico</creator>
<title>Urbana Live</title>
<location>http://streaming.urbana.com.uy/urbana.mp3</location>
<image>images/image02.jpg</image>
</track>
-
<track>
<creator>Guillermo Perez</creator>
<title>Guillermo Perez</title>
<location>http://astarbagus.no-ip.biz:8000/;stream.nsv</location>
<image>images/image03.jpg</image>
<meta rel="type">mp3</meta>
</track>
-
<track>
<creator>Jesse</creator>
<title>Jesse</title>
<location>http://fmt01.egihosting.com:18051/;stream.nsv</location>
<image>images/image04.jpg</image>
<meta rel="type">mp3</meta>
</track>
-
<track>
<creator>RADIOGRITALO</creator>
<title>Live Musik</title>
<location>http://78.129.197.192:34212/;stream.nsv</location>
<image>images/image05.jpg</image>
<meta rel="type">mp3</meta>
</track>
-
<track>
<creator>Stefano</creator>
<title>VirtualDJ</title>
<location>http://151.60.201.234:34780/VirtualDJ.mp3</location>
<image>images/image06.jpg</image>
<meta rel="type">mp3</meta>
</track>
-
<track>
<creator>1Club.FM</creator>
<title>Ladies of Country</title>
<location>http://66.103.27.16:11110</location>
<image>images/image07.jpg</image>
<meta rel="type">mp3</meta>
</track>
-
<track>
<creator/>
<title/>
<location/>
<image>images/image08.jpg</image>
<meta rel="type">mp3</meta>
</track>
</trackList>
</playlist>

Still not working I don't understand why.

Posted: Sun, 2009-10-25 09:42 hobbs  
hobbs's picture

It doesn't work because it's all screwed up.

See: http://willswonders.myip.org:8074/Matt.html

Matt.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html lang="en">

  <head>

    <title>Stream</title>

    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

    <script src="http://www.google.com/jsapi"></script>

    <script>
      google.load('swfobject', '2.2');
    </script>

    <script type="text/javascript">
      var flashvars =
      {
        'file':                        'playlist_Shoutcast_v3_Matt.xml',
        'displayheight':               '0',
        'showstop':                    'true',
        'bufferlength':                '15',
        'frontcolor':                  '0xFF00FF', // text & icons (magenta)
        'backcolor':                   '0xFFFFFF', // playlist background (white)
        'lightcolor':                  '0xCCFF66', // selected text/track highlight (lime-green)
        'screencolor':                 '0xFFFFFF', // screen background (white)
        'autostart':                   'false'
      };

      var params =
      {
        'allowfullscreen':             'true',
        'allowscriptaccess':           'always',
        'bgcolor':                     '#FFFFFF'
      };

      var attributes =
      {
        'id':                          'playerID',
        'name':                        'playerID'
      };

      swfobject.embedSWF('mediaplayer-3.17.swf', 'player', '400', '143', '7', false, flashvars, params, attributes);
    </script>

  </head>

  <body>

    <div id="playercontainer" class="playercontainer"><a id="player" class="player" href="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash">Get the Adobe Flash Player to see this video.</a></div>

  </body>

</html>

playlist_Shoutcast_v3_Matt.xml

<playlist version="1">
  <trackList>
    <track>
      <creator>SomaFM</creator>
      <title>Boot Liquor</title>
      <location>http://207.200.96.230:8014/;stream.nsv</location>
      <image>images/SomaFMBootLiquor.jpg</image>
      <meta rel="type">mp3</meta>
    </track>
    <track>
      <creator>SomaFM</creator>
      <title>Groove Salad</title>
      <location>http://streamer-ntc-aa07.somafm.com:80/stream/1018/;stream.nsv</location>
      <image>images/SomaFMGrooveSalad.jpg</image>
      <meta rel="type">mp3</meta>
    </track>
    <track>
      <creator>SomaFM</creator>
      <title>Lush</title>
      <location>http://voxsc1.somafm.com:8800/;stream.nsv</location>
      <image>images/SomaFMLush.jpg</image>
      <meta rel="type">mp3</meta>
    </track>
    <track>
      <creator>Giss TV</creator>
      <title>Many Mount Points</title>
      <location>http://www.giss.tv:8000/ExpressFM.mp3</location>
      <image>images/image01.jpg</image>
    </track>
    <track>
      <creator>Nico</creator>
      <title>Urbana Live</title>
      <location>http://streaming.urbana.com.uy/urbana.mp3</location>
      <image>images/image02.jpg</image>
    </track>
    <track>
      <creator>Guillermo Perez</creator>
      <title>Guillermo Perez</title>
      <location>http://astarbagus.no-ip.biz:8000/;stream.nsv</location>
      <image>images/image03.jpg</image>
      <meta rel="type">mp3</meta>
    </track>
    <track>
      <creator>Jesse</creator>
      <title>Jesse</title>
      <location>http://fmt01.egihosting.com:18051/;stream.nsv</location>
      <image>images/image04.jpg</image>
      <meta rel="type">mp3</meta>
    </track>
    <track>
      <creator>RADIOGRITALO</creator>
      <title>Live Musik</title>
      <location>http://78.129.197.192:34212/;stream.nsv</location>
      <image>images/image05.jpg</image>
      <meta rel="type">mp3</meta>
    </track>
    <track>
      <creator>Stefano</creator>
      <title>VirtualDJ</title>
      <location>http://151.60.201.234:34780/VirtualDJ.mp3</location>
      <image>images/image06.jpg</image>
      <meta rel="type">mp3</meta>
    </track>
    <track>
      <creator>1Club.FM</creator>
      <title>Ladies of Country</title>
      <location>http://66.103.27.16:11110</location>
      <image>images/image07.jpg</image>
      <meta rel="type">mp3</meta>
    </track>
    <track>
      <creator></creator>
      <title></title>
      <location></location>
      <image>images/image08.jpg</image>
      <meta rel="type">mp3</meta>
    </track>
  </trackList>
</playlist>

Posted: Sun, 2009-10-25 14:45 Matt  
Matt's picture

Your link works but this won't work for me at all nothing comes up just blank. However this XML with my other HTML and uploaded seems to be finally working!

Thanks lots for your help and patience thought I would never get there.

Posted: Sun, 2009-10-25 15:04 hobbs  
hobbs's picture

Usually, if it's blank, that means you are missing the player. Do you have a file named mediaplayer-3.17.swf on your server?

Posted: Sun, 2009-10-25 16:28 Matt  
Matt's picture

Yup works with my html above but not yours no idea why though.

Posted: Fri, 2010-01-29 17:22 is anyone here?  
is anyone here?'s picture

can someone help with embedding a player in a website using shoutcast as the server?

Posted: Wed, 2010-04-14 00:18 winterwolf.988@gmail.com  
winterwolf.988@gmail.com's picture

you need to have some code for player, like media player...then change "URL" to to your own, and embend it to your website...

  • Locked