html/index.html

   1 <!DOCTYPE html>
   2 <html>
   3
   4 <head>
   5         <meta charset="UTF-8" />
   6
   7         <link rel="stylesheet" type="text/css" media="all" href="style.css" />
   8
   9         <script type="text/javascript"
  10                 language="javascript"
  11                 src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js">
  12         </script>
  13
  14         <link type="text/css" href="skin/blue.monday/css/jplayer.blue.monday.min.css" rel="stylesheet" />
  15         <script type="text/javascript" src="js/jquery.jplayer.min.js"></script>
  16
  17         <script>
  18
  19 $(document).ready(function(){
  20           var stream = {
  21                 title: "Proxy Radio",
  22                 mp3: "http://radio.wpitchoune.net:8080/mp3"
  23         },
  24         ready = false;
  25
  26         $("#jquery_jplayer_1").jPlayer({
  27                 ready: function (event) {
  28                         ready = true;
  29                         $(this).jPlayer("setMedia", stream);
  30                 },
  31                 pause: function() {
  32                         $(this).jPlayer("clearMedia");
  33                 },
  34                 error: function(event) {
  35                         if(ready && event.jPlayer.error.type === $.jPlayer.error.URL_NOT_SET) {
  36                                 // Setup the media stream again and play it.
  37                                 $(this).jPlayer("setMedia", stream).jPlayer("play");
  38                         }
  39                 },
  40                 swfPath: "../dist/jplayer",
  41                 supplied: "mp3",
  42                 preload: "none",
  43                 wmode: "window",
  44                 useStateClassSkin: true,
  45                 autoBlur: false,
  46                 keyEnabled: true
  47         });
  48 });
  49         </script>
  50
  51         <title>Proxy Radio</title>
  52 </head>
  53
  54 <body>
  55         <nav>
  56                 <ul>
  57                         <li class="selected">Proxy Radio</li>
  58                         <li><a href="last_songs.html">Played songs</a></li>
  59                         <li><a href="songs.html">All songs</a></li>
  60                 </ul>
  61         </nav>
  62
  63         <section>
  64 <div id="jquery_jplayer_1" class="jp-jplayer"></div>
  65 <div id="jp_container_1" class="jp-audio" role="application" aria-label="media player">
  66         <div class="jp-type-single">
  67                 <div class="jp-gui jp-interface">
  68                         <div class="jp-volume-controls">
  69                                 <button class="jp-mute" role="button" tabindex="0">mute</button>
  70                                 <button class="jp-volume-max" role="button" tabindex="0">max volume</button>
  71                                 <div class="jp-volume-bar">
  72                                         <div class="jp-volume-bar-value"></div>
  73                                 </div>
  74                         </div>
  75                         <div class="jp-controls-holder">
  76                                 <div class="jp-controls">
  77                                         <button class="jp-play" role="button" tabindex="0">play</button>
  78                                         <button class="jp-stop" role="button" tabindex="0">stop</button>
  79                                 </div>
  80                                 <div class="jp-progress">
  81                                         <div class="jp-seek-bar">
  82                                                 <div class="jp-play-bar"></div>
  83                                         </div>
  84                                 </div>
  85                                 <div class="jp-current-time" role="timer" aria-label="time">&nbsp;</div>
  86                         </div>
  87                 </div>
  88                 <div class="jp-details">
  89                         <div class="jp-title" aria-label="title">&nbsp;</div>
  90                 </div>
  91                 <div class="jp-no-solution">
  92                         <span>Update Required</span>
  93                         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>.
  94                 </div>
  95         </div>
  96 </div>
  97                 <!--<audio controls>
  98                         <source src="http://radio.wpitchoune.net:8080/mp3">
  99                 </audio>-->
 100
 101                 <p>If the above player does not work you can play directly the
 102                         <a href="http://radio.wpitchoune.net:8080/mp3">stream</a>.</p>
 103
 104                 <p>The name of the current song can be read on
 105                         <a href="http://radio.wpitchoune.net:8080">the icecast
 106                                    page</a>.</p>
 107
 108                 <p>See the list of <a href="last_songs.html">recently played songs</a>.</p>
 109
 110                 <p>All songs have been downloaded from the <a href="http://freemusicarchive.org/">Free Music Archive</a> and as far as I know can be shared on this stream. Feel free to send me an email to <a href="mailto:proxyradio@wpitchoune.net">proxyradio@wpitchoune.net</a>                        if you have a concern about a song. Read the list of
 111                         <a href="songs.html">songs</a> with credits and licensing information. No changes have been made to the songs.
 112                 </p>
 113         </section>
 114
 115         <footer>
 116                 <p><address><a href="mailto:proxyradio@wpitchoune.net">Proxy Radio</a></address</p>
 117         </footer>
 118 </body>
 119
 120 </html>