X-Git-Url: http://git.wpitchoune.net/gitweb/?p=radio.git;a=blobdiff_plain;f=html%2Findex.html;h=8f7a641dcf011804592d2bc8b0e161d7bd282472;hp=d54de39357182a9610aff777d3d7e9583394beac;hb=3fac49d3070d819daf793a68714f06774b7ecc03;hpb=b1a94bbe13dae39b5e81226aa8823fd9d66224bb

diff --git a/html/index.html b/html/index.html
index d54de39..8f7a641 100644
--- a/html/index.html
+++ b/html/index.html
@@ -11,6 +11,43 @@
                 src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js">
         </script>
 
+        <link type="text/css" href="skin/blue.monday/css/jplayer.blue.monday.min.css" rel="stylesheet" />
+        <script type="text/javascript" src="js/jquery.jplayer.min.js"></script>
+
+        <script>
+
+$(document).ready(function(){
+          var stream = {
+      		title: "Proxy Radio",
+      		mp3: "http://radio.wpitchoune.net:8080/mp3"
+      	},
+      	ready = false;
+
+      	$("#jquery_jplayer_1").jPlayer({
+      		ready: function (event) {
+      			ready = true;
+      			$(this).jPlayer("setMedia", stream);
+      		},
+      		pause: function() {
+      			$(this).jPlayer("clearMedia");
+      		},
+      		error: function(event) {
+      			if(ready && event.jPlayer.error.type === $.jPlayer.error.URL_NOT_SET) {
+      				// Setup the media stream again and play it.
+      				$(this).jPlayer("setMedia", stream).jPlayer("play");
+      			}
+      		},
+      		swfPath: "../dist/jplayer",
+      		supplied: "mp3",
+      		preload: "none",
+      		wmode: "window",
+      		useStateClassSkin: true,
+      		autoBlur: false,
+      		keyEnabled: true
+      	});
+});
+        </script>
+
         <title>Proxy Radio</title>
 </head>
 
@@ -24,9 +61,42 @@
         </nav>
 
         <section>
-                <audio controls>
+<div id="jquery_jplayer_1" class="jp-jplayer"></div>
+<div id="jp_container_1" class="jp-audio" role="application" aria-label="media player">
+        <div class="jp-type-single">
+                <div class="jp-gui jp-interface">
+                        <div class="jp-volume-controls">
+                                <button class="jp-mute" role="button" tabindex="0">mute</button>
+                                <button class="jp-volume-max" role="button" tabindex="0">max volume</button>
+                                <div class="jp-volume-bar">
+                                        <div class="jp-volume-bar-value"></div>
+                                </div>
+                        </div>
+                        <div class="jp-controls-holder">
+                                <div class="jp-controls">
+                                        <button class="jp-play" role="button" tabindex="0">play</button>
+                                        <button class="jp-stop" role="button" tabindex="0">stop</button>
+                                </div>
+                                <div class="jp-progress">
+                                        <div class="jp-seek-bar">
+                                                <div class="jp-play-bar"></div>
+                                        </div>
+                                </div>
+                                <div class="jp-current-time" role="timer" aria-label="time">&nbsp;</div>                                
+                        </div>
+                </div>
+                <div class="jp-details">
+                        <div class="jp-title" aria-label="title">&nbsp;</div>
+                </div>
+                <div 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>
+                <!--<audio controls>
                         <source src="http://radio.wpitchoune.net:8080/mp3">
-                </audio>
+                </audio>-->
 
                 <p>If the above player does not work you can play directly the
                         <a href="http://radio.wpitchoune.net:8080/mp3">stream</a>.</p>