panikweb_templates/templates/includes/player.html

   1 {% load i18n %}
   2 <div id="player-container" class="normal cf">
   3         <button id="togglePlayer" class="hidden left huge icon-double-angle-left "></button>
   4         <div id="player" class="cf">
   5                 <div id="audioPlayer" class="cf">
   6                         <div class="padded cf">
   7                                 <div class="metas custom">
   8                                         <a class="button resymbol icon-download inBlock" title="{% trans 'Get the stream on your player!' %}" href="http://streaming.domainepublic.net:8000/radiopanik.ogg.m3u"></a>
   9                                         <!--<li><button class="icon-eye-open " title="Show/Hidden HTML5 audio player" onclick="$('#DirectStreamPanik').toggleClass('hidden');$(this).toggleClass('icon-eye-open icon-eye-close');return false;"></button></li>-->
  10                                         <button title="{% trans 'Need some help?' %}" onclick="$('#PlayerHelp').toggle();" class="icon-question-sign"></button>
  11                                         <!--<li><a title="{% trans 'Need some help?' %}" href="/support/player" class="icon-question-sign"></a></li>-->
  12                                 </div>
  13                                 <span class="button" id="DirectStreamPanikControler">
  14                                         <div id="streamSymbol" class="icon-volume-up resymbol"></div>
  15                                         <div class="label">{% trans 'live' %}</div>
  16                                 </span>
  17                                 <div id="CurrentlyPlaying" class="ellipsis">
  18                                         <button class="icon-refresh" id="RefreshWhatsOnAir"></button>
  19                                         <span id="WhatsOnAir"></span>
  20                                 </div>
  21                                 <audio
  22                                         id="DirectStreamPanik"
  23                                         preload="none"
  24                                         class="hidden"
  25                                         tabindex="0"
  26                                         src="http://streaming.domainepublic.net:8000/radiopanik.ogg?&unique={{ uuid }}"
  27                                         controls="controls"
  28                                         ></audio>
  29                                 <div id="PlayerHelp" class="sub hidden help">
  30                                         <p>Le contenu des émissions n&#8217;étant pas limité à un niveau local, le stream permet de les écouter aux quatre coins du monde. Mais aussi et surtout, à Bruxelles, dans les zones où la radio n&#8217;est pas captée facilement.</p>
  31                                         <p>Le serveur de streaming a été mis en place par l&#8217;asbl A.C.T.I.C et est hébergé par <a href="http://www.domainepublic.net/" class='spip_out' rel='external'>Domainepublic.net</a> . Il fonctionne exclusivement grâce à des logiciels libres.</p>
  32                                         <p>Si votre logiciel ne parvient pas à lire le stream de Radio Panik, nous vous conseillons de télécharger  <a href="http://framakey.org/Portables/PortableVLC" class='spip_out' rel='external'>VLC Media Player</a>, un lecteur multimedia impressionnant de par ses nombreuses fonctionnalités (supporte de nombreux formats de stream, d&#8217;audio, de vidéo, peut servir de relais streamcast), qui fonctionne aussi bien sous Linux que sous Windows ou Mac OS.</p>
  33                                         <p><dt>URL du stream</dt><dd class="ellipsis"><a href="http://streaming.domainepublic.net:8000/radiopanik.ogg">http://streaming.domainepublic.net:8000/radiopanik.ogg</a></dd></p>
  34                                 </div>
  35                         </div>
  36                 </div>
  37                 <div id="Playlist" class="cf">
  38                         <div id="localList" class="padded" style="display: none;">
  39                                 <div id="playlistLabel" class="label">
  40                                         <button title="Empty playlist" id="emptyList" class="icon-trash button" style="float:right;"></button>
  41                                         <button title="Show/Hide playlist" id="toggleList" class="button" ><span class="icon-list"></span>&nbsp;Playlist</button>
  42                                 </div>
  43                         </div>
  44                 </div>
  45         </div>
  46 </div>