Playlist werkt niet!
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.
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
<!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>
<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>
- Aar -:
Gelieve in het vervolg bij code de [code][/code]-tags gebruiken.
Hier kan je meer lezen over de mogelijke opmaakcodes.
Alvast bedankt!
Hier kan je meer lezen over de mogelijke opmaakcodes.
Alvast bedankt!
Gewijzigd op 02/01/2015 13:40:06 door - Ariën -
Heb je misschien anders een voorbeeld, bij voorkeur in JSfiddle?
Hier is de link, http://jsfiddle.net/pd1lg/up3k1fqa/19/
Ik heb geen ervaring met jsFiddle, denk dus niet dat ik het er goed ingezet heb!