]> git.0d.be Git - panikweb.git/blob - panikweb_templates/templates/includes/player.html
templates: add accessibility to search and audio buttons
[panikweb.git] / panikweb_templates / templates / includes / player.html
1 {% load i18n paniktags %}
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 id="Live" class="padded cf">
7                                 <div class="metas custom">
8                                         <a id="ogg-m3u" 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                                         <a id="aac-m3u" style="display: none;" class="button icon-download inBlock" title="{% trans 'Get the stream on your player!' %}" href="http://streaming.domainepublic.net:8000/radiopanik.aac.m3u"></a>
10                                 </div>
11                                 <span class="button" id="DirectStreamPanikControler">
12                                         <div id="streamSymbol" class="icon-volume-up resymbol"></div>
13                                         <div class="label">{% trans 'live' %}</div>
14                                 </span>
15                                 <div id="CurrentlyPlaying">
16                                         <span id="WhatsOnAir"></span>
17                                         <button class="icon-refresh" id="RefreshWhatsOnAir"></button>
18                                 </div>
19                                 <div id="CurrentlyChatting" style="display: none;">
20                                         <a href=""><div id="chatSymbol" class="icon-comments control"></div>
21                                                 <div class="label">CHAT</div></a>
22                                         <span>La radio est ouverte</span>
23                                 </div>
24                                 <audio 
25                                         id="DirectStreamPanik" 
26                                         preload="none" 
27                                         class="hidden" 
28                                         tabindex="0" 
29                                         controls="controls">
30                                         <source src="http://streaming.domainepublic.net:8000/radiopanik.ogg?{{ unique }}" type="audio/ogg"/>
31                                         <source src="http://streaming.domainepublic.net:8000/radiopanik.aac?{{ unique }}" type="audio/aac"/>
32                                 </audio>
33                         </div>
34                 </div>
35                 <div id="Playlist" class="cf">
36                         <div id="localList" class="padded" style="display: none;">
37                                 <div id="playlistLabel">
38                                         <button title="{% trans "Empty playlist" %}" id="emptyList" class="icon-trash button" style="float:right;"><span class="sr-only">{% trans "Empty playlist" %}</span></button>
39                                 </div>
40                         </div>
41             </div>
42         </div>
43
44 </div>