player.html 3 KB
Newer Older
fred's avatar
fred committed
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="wrapper cf">
5
		<div id="audioPlayer" class="cf">
Simon Daron's avatar
Simon Daron committed
6
			<div class="padded cf">
Simon Daron's avatar
Simon Daron committed
7
				<ul class="metas custom right big">
fred's avatar
fred committed
8
					<li><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></li>
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>-->
fred's avatar
fred committed
10
					<li><button title="{% trans 'Need some help?' %}" onclick="$('#PlayerHelp').toggle();" class="icon-question-sign"></button></li>
11
				</ul>
Simon Daron's avatar
Simon Daron committed
12
				<span class="button" id="DirectStreamPanikControler">
Simon Daron's avatar
Simon Daron committed
13
					<div id="streamSymbol" class="icon-volume-up resymbol"></div>
fred's avatar
fred committed
14
					<div class="label">{% trans 'live' %}</div>
Simon Daron's avatar
Simon Daron committed
15
				</span>
16
17
18
19
20
21
22
23
24
25
26
27
				<div id="CurrentlyPlaying" class="ellipsis">
					<button class="icon-refresh" id="RefreshWhatsOnAir"></button>
					<span id="WhatsOnAir"></span>
				</div>
				<audio 
					id="DirectStreamPanik" 
					preload="none" 
					class="hidden" 
					tabindex="0" 
					src="http://streaming.domainepublic.net:8000/radiopanik.ogg?&unique={{ uuid }}"
					controls="controls"
					></audio> 
Simon Daron's avatar
Simon Daron committed
28
				<div id="PlayerHelp" class="sub small padded hidden help">
Simon Daron's avatar
Simon Daron committed
29
30
31
32
33
					<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>
					<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>
					<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>
					<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>
				</div> 
34
35
			</div> 
		</div>
36
		<div id="Playlist" class="cf">
37
			<div id="localList" class="padded">
38
39
40
				<div id="playlistLabel" class="label">
					<button title="Empty playlist" id="emptyList" class="icon-trash button" style="float:right;"></button>
					<button title="Show/Hide playlist" id="toggleList" class="button" ><span class="icon-list"></span>&nbsp;Playlist</button>			
41
				</div>
42
43
			</div>
		</div>
Simon Daron's avatar
Simon Daron committed
44
45
	</div>
</div>