Commit 3c6f98c8 authored by Simon Daron's avatar Simon Daron

Player big button & style

parent c17b3ffb
......@@ -27,7 +27,7 @@ a {
color:inherit;
text-decoration: none;
}
a:hover {
#Main a:hover {
text-decoration: underline;
}
a.block:hover,nav a:hover{
......
......@@ -302,7 +302,6 @@ background-color:#ff6633; border-color:#fff;}
#player-container button,#player-container a{
}
#player-container .metas{
color:white !important;
}
#player-container .label{
......@@ -312,8 +311,19 @@ background-color:#ff6633; border-color:#fff;}
border-top:2px solid black;
border-bottom:2px solid black;
}
#DirectStreamPanikControler {
display:inline !important;
}
#streamSymbol{
float:left;
font-size:120px;
margin-right:5px;
}
#CurrentlyPlaying{
padding:0 0 0 0.5em;
padding:0 0 0 0;
}
#DirectStreamPanikControler .label{
padding-top:10px;
}
#player-container.fixed{
z-index:500;
......
......@@ -2,16 +2,16 @@
<div id="player-container" class="normal cf">
<div id="player" class="wrapper cf">
<div id="audioPlayer" class="cf">
<div class="padded">
<div class="padded cf">
<ul class="metas custom right big">
<li><a class="button resymbol icon-download inBlock" title="Get the stream on your player!" href="http://streaming.domainepublic.net:8000/radiopanik.ogg.m3u"></a></li>
<!--<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>-->
<li><button title="Need some help?" onclick="$('#PlayerHelp').toggle();" class="icon-question-sign"></button></li>
</ul>
<button id="DirectStreamPanikControler" class="label">
<span class="icon-volume-up resymbol"></span>
<span class="">en direct</span>
</button>
<span class="button block" id="DirectStreamPanikControler">
<div id="streamSymbol" class="icon-volume-up resymbol"></div>
<div class="label">en direct</div>
</span>
<div id="CurrentlyPlaying" class="ellipsis">
<button class="icon-refresh" id="RefreshWhatsOnAir"></button>
<span id="WhatsOnAir"></span>
......@@ -84,14 +84,15 @@
}else{
stream.play();
}
return false;
});
$('#DirectStreamPanik').on('play',function(){
$('audio:not(#DirectStreamPanik)').each(function(){this.pause();});
$('#DirectStreamPanikControler').find('.control').removeClass('icon-volume-up').addClass('icon-pause');
$('#streamSymbol').removeClass('icon-volume-up').addClass('icon-pause');
$('#RefreshWhatsOnAir').trigger('activate');
}).on('pause',function(){
//$('audio:not(#DirectStreamPanik)').each(function(){this.pause();});
$('#DirectStreamPanikControler').find('.control').addClass('icon-volume-up').removeClass('icon-pause');
$('#streamSymbol').addClass('icon-volume-up').removeClass('icon-pause');
$('#RefreshWhatsOnAir').trigger('deactivate');
});
});
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment