<!-- Плеер в профиле -->
<style>
div[id^="r2-"] {
  background-color: #9f9f9f; 
  border: 1px solid #59add4; 
  background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
 -moz-border-radius: 4px;border-radius: 4px;khtml-border-radius:4px;-webkit-border-radius:4px;
 -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
 -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
margin:1px;z-index:200;overflow:hidden;width:190px;opacity: 0.9;
text-shadow: 0 1px 0 rgba(255,255,255,.4);font-weight: bold;padding: 3px;
}

div[id^="r2-"] .volume {display: block;right:-10px;margin-left:60px;margin-top:10px;}
 
#play2 {background: transparent url(//forumstatic.ru/files/0012/72/15/89476.png) no-repeat scroll 0 -22px;
border: 0 none;cursor: pointer;display: block;float: left;height: 31px;left: 13px;margin: 7px;vertical-align: super;width: 31px;}
#prev2,#next2 {border: 0 none;cursor: pointer;height: 10px;margin-left: 9px;width: 21px; vertical-align: middle;}
#prev2 {background: transparent url(//forumstatic.ru/files/0012/72/15/89476.png) no-repeat scroll 0 0;}
#next2 {background: transparent url(//forumstatic.ru/files/0012/72/15/89476.png) no-repeat scroll 0 -11px;}
#volume2{-webkit-appearance:none;border-radius:4px;box-shadow:inset 0 0 1px#333;
background-color:#999;cursor: pointer;height:4px;left: 40px;position: absolute;top: 9px;vertical-align: bottom;width:70px;}

#seekbar2 { -webkit-appearance:none !important;background: #999;border-radius:4px; box-shadow:inset 0 0 1px#333;height:4px;width: 120px; vertical-align: super;}

#duration2, #end2 {font-size: 0.8em; vertical-align: super;}
#timebox2 {margin: 2px;}
#track2 { font-size: 0.8em;overflow: hidden;padding: 5px; text-align: left;width: 180px;}
#track2 li{cursor: pointer;}
#track2 li:nth-child(odd) {background: #dadada;}
#track2 li:nth-child(even) {background:#cdcdcd;}
#track2 li.active {background:#bddeee;}
</style>

<script type="text/javascript">
$('.pa-fld1:contains("[/player]")').map(function(){var ud2=$(this).closest("div.post").attr('id');var txt=$(this).html();txt=txt.replace(/\[player\](\[\{n\:\".*?\"\,u\:\".*?\"\}\])\[\/player\]/gm,'<div id="r2-'+ud2+'"><div id="cover2"><img height="24"width="24"align="left"src="http://forumstatic.ru/files/0012/72/15/53582.png"style="overflow: hidden; left: 0px; top: 0px; margin: 0px; max-width: none; max-height: none; border: medium none; line-height: 1; background-color: transparent; backface-visibility: hidden; width: 24px; height: 24px;filter: drop-shadow(0px 1px 3px DimGrey); -webkit-filter: drop-shadow(0px 1px 3px DimGrey); opacity: 1;"></div><button id="play2"title="play/stop"></button><button id="prev2"title="предыдущий"></button>&nbsp;<button id="next2"title="следующий"></button><span class="volume"style="padding-right: 5px;"><input id="volume2" min="0" max="10" value="5" type="range"step="1" title="громкость"></span><div id="timebox2"><span id="duration2">0.0</span>&nbsp;<input type="range" step="any" id="seekbar2" value="0" max="">&nbsp;<span id="end2"></span><i id="plist2"class="material-icons"style="cursor: pointer;margin-left: 5px;vertical-align: sub;"title="показать/скрыть плейлист">list</i></div><div id="action2"></div><div id="track2"></div><audio id="audio-'+ud2+'"></audio><div id="pl2" style="display:none">$1</div></div>');$(this).html(txt);var pt2=$('#r2-'+ud2+' #pl2').text();var audio=new Audio();var i=0;var playlist2=(new Function('return '+pt2+';')());if(!playlist2){return;};audio.src=playlist2[0].u;var t='<ul>';for(var i=0,max=playlist2.length;i<max;i++){var nm=playlist2[i].n;var ur2=playlist2[i].u;var cov2=playlist2[i].c;t+='<li data-audio-url="'+ur2+'" data-cover-src="'+cov2+'">'+(i+1)+'. <img src="'+cov2+'" height="16"width="16"> '+nm+'</li>';}
t+='</ul>';$('#r2-'+ud2+' #track2').append(t);audio.volume=0.5;$('#r2-'+ud2+' #volume2').live('change keyup input',function(){audio.volume=parseFloat(this.value/10);if(this.value<=2){$('#r2-'+ud2+' .volume').css('background-position','0 0');}
else if(this.value<=4){$('#r2-'+ud2+' .volume').css('background-position','0 -25px');}else if(this.value<=6){$('#r2-'+ud2+' .volume').css('background-position','0 -50px');}
else{$('#r2-'+ud2+' .volume').css('background-position','0 -75px');};return false;});if(!sessionStorage['act']){sessionStorage['act']='stop';};function playAct(){sessionStorage['act']!='stop'?audio.play():audio.pause()};function listAct(){$('#r2-'+ud2+' #track2 li').each(function(){var a=$(this).data('audio-url');var b=audio.src;var ti2=$(this).text();if(a.indexOf(b)!=-1){$(this).addClass('active').siblings('li').removeClass('active');$('#r2-'+ud2+' #action2').text(ti2);}});}
function vinil(){var c=$('#r2-'+ud2+' li.active').data('cover-src');if(c=='undefined'||c==''){$('#r2-'+ud2+' #cover2 img').attr('src','http://forumstatic.ru/files/0012/72/15/53582.png').addClass('spin');}else{$('#r2-'+ud2+' #cover2 img').attr('src',c).removeClass('spin');}}
$('#r2-'+ud2+' #play2').live('click',function(){if(audio.paused){err();audio.play();sessionStorage['act']='play';listAct();vinil();$(this).css({'background-position':'0 -53px','filter':'drop-shadow(0px 1px 2px deepskyblue)','-webkit-filter':'drop-shadow(0px 1px 2px deepskyblue)'});}else{audio.pause();sessionStorage['act']='stop';$(this).css({'background-position':'0 -22px','filter':'none','-webkit-filter':'none'});$('#r2-'+ud2+' #cover2 img').removeClass('spin');$('#r2-'+ud2+' #action2').text('');}});var seekbar2=$('#r2-'+ud2+' #seekbar2')[0];function setupSeekbar2(){seekbar2.max=audio.duration2;var min=parseInt(audio.duration2/60,10);var sec=parseInt(audio.duration2%60);var endTime=min+'.'+sec;if(seekbar2.max=='Infinity'){endTime='<i class="material-icons" style="font-size: 1.4em;vertical-align: sub;">all_inclusive</i>'};$('#r2-'+ud2+' #end2').html(endTime);}
audio.onduration2change=setupSeekbar2;audio.addEventListener('duration2change',setupSeekbar2);audio.addEventListener('timeupdate',function(){var s2=parseInt(audio.currentTime%60);var m2=parseInt((audio.currentTime/60)%60);$('#r2-'+ud2+' #duration2').html(m2+'.'+s2);$('#r2-'+ud2+' #seekbar2').attr('max',audio.duration2);$('#r2-'+ud2+' #seekbar2').val(audio.currentTime);var p=Math.ceil((audio.currentTime/audio.duration2)*100);$('#r2-'+ud2+' #seekbar2').css({'height':'4px','background-image':'-webkit-linear-gradient(left, #6ac3d4 '+p+'%, #999 '+p+'%)','background-image':'linear-gradient(to right, #6ac3d4 '+p+'%, #999 '+p+'%)'});return false;});$('#r2-'+ud2+' #seekbar2').live('change',function(){audio.currentTime=$(this).val();});$('#r2-'+ud2+' #next2').live('click',function(){i=$('#r2-'+ud2+' #track2').find('li.active').index();i=++i<playlist2.length?i:0;audio.src=playlist2[i].u;listAct();vinil();audio.currentTime=0;playAct();});$('#r2-'+ud2+' #prev2').live('click',function(){i=$('#r2-'+ud2+' #track2').find('li.active').index();i=--i>-1?i:playlist2.length-1;audio.src=playlist2[i].u;listAct();vinil();audio.currentTime=0;playAct();});$(audio).live('ended',function(){$('#r2-'+ud2+' #next2').trigger('click');});$('#r2-'+ud2+' #track2 li').live('click',function(){audio.src=$(this).data('audio-url');listAct();playAct();$('#r2-'+ud2+' #play2').trigger('click');});function err(){audio.addEventListener('error',function failed(e){switch(e.target.error.code){case e.target.error.MEDIA_ERR_SRC_NOT_SUPPORTED:$.jGrowl('Утраченная ссылка на аудио. Или неподдерживаемый этим браузером формат');break;}},true);}
$('#r2-'+ud2+' #plist2').live('click',function(){$('#r2-'+ud2+' #track2 ul').slideToggle('slow');});});
</script>