Hello,
I have been trying to ...Hello,
I have been trying to get the title of the currently playing item to display, and cannot.
Here is my code. The display script, got from; a suggestion from Lefty on another forum.
here is my code. The playlist plays, but I cannot get the currently playing item to display.
Cheers! Ricco
-----
<html>
webulite.com media player
<script type="text/javascript" src="http://webulite.com/media/swfobject.js"></script>
<script type="text/javascript">
function createPlayer() {
var xxx = 'http://webulite.com/media/playlist.xml?t='+Math.round(1000 * Math.random())
var flashvars = {
file: xxx,
autostart:"true",
playlist:"none",
repeat:"always",
volume:"100"
}
var params = {
allowfullscreen:"true",
allowscriptaccess:"always"
}
var attributes = {
id:"player1",
name:"player1"
}
swfobject.embedSWF("http://webulite.com/media/player.swf", "placeholder1", "250", "20", "9.0.115", false, flashvars, params, attributes);
}
</script>
<script type="text/javascript">
var player = null;
function playerReady(obj)
{
player = gid(obj.id);
displayFirstItem();
};
function itemMonitor(obj)
{
gid('nowplaying').innerHTML = 'Now Playing: <span>' + player.getPlaylist()[obj.index].title + '</span>';
};
function displayFirstItem()
{
if(player.getPlaylist())
{
itemMonitor({index:0});
player.addControllerListener('ITEM', 'itemMonitor');
}
else
{
setTimeout("displayFirstItem()",100);
}
};
function gid(name)
{
return document.getElementById(name);
};
</script>
</head>
<body onload="createPlayer();">
<div id="placeholder1"></div>
<p>
<div id="nowplaying"></div>
</body>
</html>
lefTy says, "Try this code":
<html><head>
<title>webulite.com media player</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.1/swfobject.js"></script>
<script type="text/javascript">
var xxx = encodeURIComponent('http://webulite.com/media/playlist.xml?t=' + Math.round(1000 * Math.random()));
var flashvars =
{
'file': xxx,
'playlist': 'none',
'repeat': 'always',
'volume': '100',
'id': 'playerID',
'autostart': 'true'
};
var params =
{
'allowfullscreen': 'true',
'allowscriptaccess': 'always'
};
var attributes =
{
'id': 'playerID',
'name': 'playerID'
};
swfobject.embedSWF('http://webulite.com/media/player.swf', 'player', '250', '20', '9.0.124', false, flashvars, params, attributes);
</script>
<script type="text/javascript">
var player = null;
var playlist = null;
function playerReady(obj)
{
player = gid(obj.id);
displayFirstItem();
};
function displayFirstItem()
{
try
{
playlist = player.getPlaylist();
}
catch(e)
{
setTimeout("displayFirstItem()", 100);
}
player.addControllerListener('ITEM', 'itemMonitor');
itemMonitor({index:0});
};
function itemMonitor(obj)
{
gid('nowplaying').innerHTML = 'Now Playing: <span>' + player.getPlaylist()[obj.index].title + '</span>';
};
function gid(name)
{
return document.getElementById(name);
};
</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>
<br />
<div id="nowplaying"></div>
</body>
</html>
Be sure that you are testing online. The JavaScript API only works online.