panikweb_esperanzah/templates/includes/player.html

   1 {% load i18n paniktags %}
   2 <div id="player-container" class="normal cf">
   3         <button id="togglePlayer" class="hidden left huge no-icon-double-angle-left "></button>
   4         <div id="player" class="cf">
   5                 <div id="audioPlayer" class="cf">
   6                         <div id="Live" class="cf">
   7                                 <span class="button" id="DirectStreamPanikControler">
   8                                         <div id="streamSymbol" class="player-start"></div>
   9                                 <div id="CurrentlyPlaying">
  10                                         <span id="WhatsOnAir"></span>
  11                                 </div>
  12                                 </span>
  13                                 <div id="CurrentlyChatting" style="display: none;">
  14                                         <a href=""><div id="chatSymbol" class="no-icon-comments control"></div>
  15                                                 <div class="label">CHAT</div></a>
  16                                         <span>La radio est ouverte</span>
  17                                 </div>
  18                                 <audio
  19                                         id="DirectStreamPanik"
  20                                         preload="none"
  21                                         class="hidden"
  22                                         tabindex="0"
  23                                         controls="controls">
  24                                         <source src="http://hertz.run.be:8000/espe.mp3" type="audio/mpeg"/>
  25                                 </audio>
  26                         </div>
  27                 </div>
  28                 <div id="Playlist" class="cf">
  29                         <div id="localList" class="" style="display: none;">
  30                           <div class="label">Podcast</div>
  31                         </div>
  32             </div>
  33         </div>
  34
  35 </div>