1<!DOCTYPE html>
2<html>
3<head>
4<meta charset="utf-8" />
5<!-- Website Design By: www.happyworm.com -->
6<title>Demo : jPlayer as an audio live-stream player</title>
7<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
8<link href="../../dist/skin/blue.monday/css/jplayer.blue.monday.min.css" rel="stylesheet" type="text/css" />
9<script type="text/javascript" src="../../lib/jquery.min.js"></script>
10<script type="text/javascript" src="../../dist/jplayer/jquery.jplayer.min.js"></script>
11<script type="text/javascript">
12//<![CDATA[
13$(document).ready(function(){
14
15	var stream = {
16		title: "ABC Jazz",
17		mp3: "http://listen.radionomy.com/abc-jazz"
18	},
19	ready = false;
20
21	$("#jquery_jplayer_1").jPlayer({
22		ready: function (event) {
23			ready = true;
24			$(this).jPlayer("setMedia", stream);
25		},
26		pause: function() {
27			$(this).jPlayer("clearMedia");
28		},
29		error: function(event) {
30			if(ready && event.jPlayer.error.type === $.jPlayer.error.URL_NOT_SET) {
31				// Setup the media stream again and play it.
32				$(this).jPlayer("setMedia", stream).jPlayer("play");
33			}
34		},
35		swfPath: "../../dist/jplayer",
36		supplied: "mp3",
37		preload: "none",
38		wmode: "window",
39		useStateClassSkin: true,
40		autoBlur: false,
41		keyEnabled: true
42	});
43
44});
45//]]>
46</script>
47</head>
48<body>
49<div id="jquery_jplayer_1" class="jp-jplayer"></div>
50<div id="jp_container_1" class="jp-audio-stream" role="application" aria-label="media player">
51	<div class="jp-type-single">
52		<div class="jp-gui jp-interface">
53			<div class="jp-controls">
54				<button class="jp-play" role="button" tabindex="0">play</button>
55			</div>
56			<div class="jp-volume-controls">
57				<button class="jp-mute" role="button" tabindex="0">mute</button>
58				<button class="jp-volume-max" role="button" tabindex="0">max volume</button>
59				<div class="jp-volume-bar">
60					<div class="jp-volume-bar-value"></div>
61				</div>
62			</div>
63		</div>
64		<div class="jp-details">
65			<div class="jp-title" aria-label="title">&nbsp;</div>
66		</div>
67		<div class="jp-no-solution">
68			<span>Update Required</span>
69			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>.
70		</div>
71	</div>
72</div>
73</body>
74
75</html>
76