Iedereen de beste wensen voor 2015!
Mijn vraag is het volgende, ben al een tijdje aan het knutselen met onderstaand php bestand, de stream doet het prima. Maar krijg de artist en title maar niet afgebeeld op mijn website.
Mist er iets aan dit script? Kan iemand mij uitlegen wat ik verkeerd doe.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jPlayer</title>
<link rel="stylesheet" href="./css/style.css">
<link rel="stylesheet" href="./css/jplayer.blue.monday.css">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="./js/jquery.jplayer.min.js"></script>
<style>
.player {
margin: auto;
}
body {
background:transparent;
}
</style>
<script>
var station = "url:poort",
servertype = "sc1",
metadata = true,
autoplay = true,
stationname = "Hitradio Oranje",
slogan = "Internetradio",
twitter = false,
facebook = false;
</script>
<script type="text/javascript" src="./js/main.js"></script>
</head>
<body>
<input autocomplete="off" id="checker" value="" type="hidden">
<div class="player">
<div id="stationlogo">
<img src="./upload/78078707.png" alt="HitRadio Oranje" height="180" width="180">
</div>
<div id="nowplaying">
<div style="background-image: url(./img/no_cover.png);" id="albumcover"></div>
<div id="current">
<span class="artist big"></span><br>
<span class="title"></span>
</div>
<div id="station">
HitRadio Oranje<span id="divider"> - </span><span class="station">Internet Radio Nederland></span>
</div>
</div>
<div style="width: 0px; height: 0px;" id="jquery_jplayer_1" class="jp-jplayer">
<img style="width: 0px; height: 0px; display: none;" id="jp_poster_0"></img>
<object style="width: 0px; height: 0px;" tabindex="-1" type="application/x-shockwave-flash" data="./js/Jplayer.swf" name="jp_flash_0" id="jp_flash_0" height="1" width="1">
<param value="jQuery=jQuery;id=jquery_jplayer_1;vol=0.8;muted=false" name="flashvars">
<param value="always" name="allowscriptaccess"><param value="#000000" name="bgcolor">
<param value="window" name="wmode">
</object>
</div>
<div id="jp_container_1" class="jp-audio">
<div class="jp-type-single">
<div class="jp-gui jp-interface">
<ul class="jp-controls">
<li><a style="display: block;" href="javascript:;" class="jp-play" tabindex="1">play</a></li>
<li><a style="display: none;" href="javascript:;" class="jp-pause" tabindex="1">pause</a></li>
<li><a href="javascript:;" class="jp-mute" tabindex="1" title="mute">mute</a></li>
<li><a style="display: none;" href="javascript:;" class="jp-unmute" tabindex="1" title="unmute">unmute</a></li>
<li><a href="javascript:;" class="jp-volume-max" tabindex="1" title="max volume">max volume</a></li>
</ul>
<div class="jp-volume-bar">
<div style="width: 80%;" class="jp-volume-bar-value"></div>
</div>
<div class="jp-time-holder">
<div class="jp-current-time"></div>
</div>
</div>
<div style="display: none;" class="jp-no-solution">
<span>Update Required</span>
To play the media you will need to either update your browser to a recent version or update your <a href="http://get.adobe.com/flashplayer/" target="_blank">Flash plugin</a>.
</div>
</div>
</div>
</div>
</body>
</html>
