// https://web.silvercherry.fr/player.html
// Version 19.26.2 (Year, week, version) by SilverCherry - CC-BY
"use strict";var audio=document.getElementsByTagName("audio"),player="
",head=document.getElementsByTagName("head")[0],style=document.createElement("style");style.type="text/css",style.innerHTML=".player .timer{white-space:nowrap}.player,.player *{box-sizing:border-box;margin:0;padding:0;line-height:1}audio{display:none}.player{display:flex;align-items:center;margin:15px;padding:5px;background-color:#FBFBFB;border-style:solid;border-width:2px 0;border-color:#333;border-radius:5px;flex-wrap:wrap;justify-content:space-around}.player .pause span,.player .play span,.playlist .forward span,.playlist .backward span{display:inline-block;height:20px;border-style:solid;width:15px}.player .play span,.playlist .forward span:first-of-type{border-width:10px 0 10px 15px;border-color:transparent transparent transparent #333}.player .pause span{border-width:0 5px;border-color:transparent #333}.player .pause,.player .play,.playlist .forward,.playlist .backward{display:flex;align-items:center;width:15px;height:30px;margin:0 10px;cursor:pointer}.playlist .forward,.playlist .backward{width:20px}.player .play:hover span,.playlist .forward:hover span:first-of-type{border-color:transparent transparent transparent #666}.player .pause:hover span{border-color:transparent #666}.player .prog{overflow:hidden;cursor:pointer;max-width:100%;min-width:100px;height:20px;margin:0 10px;background-color:#CCC;flex-grow:1}.player .prog:hover .progBarre{background-color:#666}.player .progBarre{width:0;background-color:#333;height:20px;overflow:visible;color:#000;text-indent:5px}.player .timer,.playlist{color:#333}.player .volumeF{cursor:pointer;width:75px;height:10px;margin:5px 10px;background-color:#CCC}.player .volumeF:hover .volumeBarre{background-color:#666}.player .volumeBarre{width:100%;background-color:#333;height:10px}.playlist{margin:15px}.playlist .player{border-bottom:0;border-radius:5px 5px 0 0;margin:0}.playlist ul{background-color:#FBFBFB;margin:0;padding:0 5px 5px;list-style-type:none;border-style:solid;border-width:0 0 2px;border-color:#333;border-radius:0 0 5px 5px}.playlist ul li{padding:5px;cursor:pointer}.playlist ul li:nth-of-type(odd){background-color:#CCC}.playlist ul li:nth-of-type(even){background-color:#DDD}.playlist ul li:hover{background-color:#FBFBFB}.playlist .backward span:first-of-type{border:0;border-right:5px solid #333}.playlist .forward span:last-of-type{border:0;border-left:5px solid #333}.playlist .backward span:last-of-type{border-width:10px 15px 10px 0;border-color: transparent #333 transparent transparent}.playlist .backward:hover span:first-of-type,.playlist .forward:hover span:last-of-type{border-color: #666}.playlist .backward:hover span:last-of-type{border-color: transparent #666 transparent transparent}.player .title{margin:5px}.playlist ul li.active{text-decoration:underline;font-style:italic}",head.appendChild(style);for(var play=document.getElementsByClassName("play"),pause=document.getElementsByClassName("pause"),backward=document.getElementsByClassName("backward"),forward=document.getElementsByClassName("forward"),i=0;i<=audio.length-1;i++){if(audio[i].insertAdjacentHTML("afterend",player),null!==audio[i].title&&"playlist"!==audio[i].parentNode.className&&(audio[i].nextElementSibling.getElementsByClassName("title")[0].innerHTML=audio[i].title),audio[i].getAttribute("data-volume")&&0<=audio[i].getAttribute("data-volume")&&1>=audio[i].getAttribute("data-volume")&&(audio[i].volume=audio[i].getAttribute("data-volume"),audio[i].nextElementSibling.getElementsByClassName("volumeF")[0].children[0].style.width=100*audio[i].getAttribute("data-volume")+"%"),"playlist"!==audio[i].parentNode.className){var deleteForward=audio[i].nextElementSibling.getElementsByClassName("forward")[0];audio[i].nextElementSibling.removeChild(deleteForward);var deleteBackward=audio[i].nextElementSibling.getElementsByClassName("backward")[0];audio[i].nextElementSibling.removeChild(deleteBackward)}audio[i].removeAttribute("autoplay")}for(var i=0;i<=audio.length-1;i++)play[i].addEventListener("click",function(){clearInterval(interval);for(var a=0;a<=audio.length-1;a++)audio[a].pause(),audio[a].nextElementSibling.getElementsByClassName("play")[0].style.display=null,audio[a].nextElementSibling.getElementsByClassName("pause")[0].style.display="none";this.style.display="none",this.nextElementSibling.style.display=null,clearInterval(time),"playlist"===this.parentNode.parentNode.className?Timer(!1,!0):Timer(),this.parentNode.previousElementSibling.play()});for(var i=0;i<=audio.length-1;i++)pause[i].addEventListener("click",function(){this.parentNode.previousElementSibling.pause(),clearInterval(time),this.style.display="none",this.previousElementSibling.style.display=null});var time,timer=document.getElementsByClassName("timer"),interval=setInterval(function(){for(var a,b=0;b<=audio.length-1;b++)if(a=timer[b].parentNode.previousElementSibling.duration,isNaN(a))timer[b].innerHTML="--:--";else{var c=Math.trunc(a/60),d=Math.trunc(a%60);c=("0"+c).slice(-2),d=("0"+d).slice(-2),timer[b].innerHTML=c+":"+d}},2e3);setTimeout(function(){clearInterval(interval)},10100);var progBarre=document.getElementsByClassName("progBarre"),audiotime=[],tempAudiotime=[];function Timer(a=!1,b=!1){!0===a?clearInterval(time):time=window.setInterval(function(){for(var a=0;a<=audio.length-1;a++){tempAudiotime[a]=audiotime[a],audiotime[a]=audio[a].currentTime;var c=Math.trunc(audiotime[a]/60),d=Math.trunc(audiotime[a]%60);c=("0"+c).slice(-2),d=("0"+d).slice(-2),tempAudiotime[a]==audiotime[a]&&!0!==audio[a].paused?timer[a].innerHTML="load":0!==audiotime[a]&&(timer[a].innerHTML=c+":"+d),isNaN(audio[a].duration)&&(timer[a].innerHTML="--:--");var e=100*(audio[a].currentTime/audio[a].duration);if(progBarre[a].style.width=e+"%",audiotime[a]===audio[a].duration&&!1===b&&!audio[a].hasAttribute("loop"))audio[a].currentTime=0,audio[a].pause(),progBarre[a].style.width="0%",timer[a].innerHTML="00:00",audio[a].nextElementSibling.getElementsByClassName("play")[0].style.display=null,audio[a].nextElementSibling.getElementsByClassName("pause")[0].style.display="none",Timer(!0);else if(audiotime[a]===audio[a].duration&&!0===b){for(var f=audio[a].parentNode,g=0;g<=playlist.length-1;g++)if(f===playlist[g]){var h=g;playerPlaylist[g].src=next[g];for(var l=0;l<=f.getElementsByTagName("ul")[0].children.length-1;l++)null!==f.getElementsByTagName("ul")[0].children[l].nextElementSibling&&f.getElementsByTagName("ul")[0].children[l].nextElementSibling.id===next[g]?(playerPlaylist[g].nextElementSibling.getElementsByClassName("title")[0].innerHTML=f.getElementsByTagName("ul")[0].children[l].nextElementSibling.innerHTML,f.getElementsByTagName("ul")[0].children[l].classList.remove("active"),f.getElementsByTagName("ul")[0].children[l].nextElementSibling.classList.add("active")):null===f.getElementsByTagName("ul")[0].children[l].nextElementSibling&&f.getElementsByTagName("ul")[0].children[0].id===next[g]&&(playerPlaylist[g].nextElementSibling.getElementsByClassName("title")[0].innerHTML=f.getElementsByTagName("ul")[0].children[0].innerHTML,f.getElementsByTagName("ul")[0].children[l].classList.remove("active"),f.getElementsByTagName("ul")[0].children[0].classList.add("active"))}audio[a].play(),Next(h)}}},500)}function getCoords(a){var b=a.getBoundingClientRect(),c=document.body,d=document.documentElement,e=window.pageXOffset||d.scrollLeft||c.scrollLeft,f=d.clientLeft||c.clientLeft||0,g=b.left+e-f;return Math.round(g)}for(var prog=document.getElementsByClassName("prog"),i=0;i<=audio.length-1;i++)prog[i].addEventListener("click",function(a){var b=a.clientX,c=getCoords(this),d=this.clientWidth,e=this.parentNode.previousElementSibling;e.currentTime=100*(b-c)/d*e.duration/100;var f=100*e.currentTime/e.duration;this.children[0].style.width=f+"%"});for(var volumeF=document.getElementsByClassName("volumeF"),i=0;i<=audio.length-1;i++)volumeF[i].addEventListener("click",function(a){var b=a.clientX,c=getCoords(this),d=this.clientWidth,e=this.parentNode.previousElementSibling;e.volume=100*(b-c)/d/100;var f=100*e.volume;this.children[0].style.width=f+"%"});for(var playlist=document.getElementsByClassName("playlist"),playerPlaylist=[],next=[],z=0;z<=playlist.length-1;z++){playerPlaylist[z]=playlist[z].getElementsByTagName("audio")[0],playerPlaylist[z].src=playlist[z].getElementsByTagName("ul")[0].children[0].id,playlist[z].getElementsByTagName("ul")[0].children[0].classList.add("active"),playerPlaylist[z].nextElementSibling.getElementsByClassName("title")[0].innerHTML=playlist[z].getElementsByTagName("ul")[0].children[0].innerHTML,next[z]=playlist[z].getElementsByTagName("ul")[0].children[1].id,forward[z].id=next[z],backward[z].id=playlist[z].getElementsByTagName("ul")[0].lastElementChild.id;for(var j=0;j<=playlist[z].getElementsByTagName("ul")[0].childElementCount-1;j++)playlist[z].getElementsByTagName("ul")[0].children[j].addEventListener("click",function(){clearInterval(time),clearInterval(interval);for(var b=this.parentNode.parentNode,c=0;c<=playlist.length-1;c++)b===playlist[c]&&(z=c);playerPlaylist[z]=this.parentNode.parentNode.getElementsByTagName("audio")[0],playerPlaylist[z].src=this.id,playerPlaylist[z].nextElementSibling.getElementsByClassName("title")[0].innerHTML=this.innerHTML,ForwardAndBackward(z,this)});playlist[z].getElementsByClassName("backward")[0].addEventListener("click",function(){clearInterval(time),clearInterval(interval);for(var c=this.parentNode.parentNode,d=0;d<=playlist.length-1;d++)c===playlist[d]&&(z=d);for(var e=0;e<=playlist[z].getElementsByTagName("ul")[0].childElementCount-1;e++)if(this.id===playlist[z].getElementsByTagName("ul")[0].children[e].id)var f=playlist[z].getElementsByTagName("ul")[0].children[e],g=playlist[z].getElementsByTagName("ul")[0].children[e].innerHTML;playerPlaylist[z]=this.parentNode.parentNode.getElementsByTagName("audio")[0],playerPlaylist[z].src=backward[z].id,playerPlaylist[z].nextElementSibling.getElementsByClassName("title")[0].innerHTML=g,ForwardAndBackward(z,f)}),playlist[z].getElementsByClassName("forward")[0].addEventListener("click",function(){clearInterval(time),clearInterval(interval);for(var c=this.parentNode.parentNode,d=0;d<=playlist.length-1;d++)c===playlist[d]&&(z=d);for(var e=0;e<=playlist[z].getElementsByTagName("ul")[0].childElementCount-1;e++)if(this.id===playlist[z].getElementsByTagName("ul")[0].children[e].id)var f=playlist[z].getElementsByTagName("ul")[0].children[e],g=playlist[z].getElementsByTagName("ul")[0].children[e].innerHTML;playerPlaylist[z]=this.parentNode.parentNode.getElementsByTagName("audio")[0],playerPlaylist[z].src=forward[z].id,playerPlaylist[z].nextElementSibling.getElementsByClassName("title")[0].innerHTML=g,ForwardAndBackward(z,f)})}function ForwardAndBackward(b,c){for(var d=c.parentNode.children,e=0;e<=d.length-1;e++)d[e].classList.remove("active");c.classList.add("active"),null===c.nextElementSibling?(next[b]=c.parentNode.children[0].id,forward[b].id=next[b]):(next[b]=c.nextElementSibling.id,forward[b].id=next[b]),backward[b].id=null===c.previousElementSibling?c.parentNode.lastElementChild.id:c.previousElementSibling.id;for(var f=0;f<=audio.length-1;f++)audio[f].pause(),audio[f].nextElementSibling.getElementsByClassName("play")[0].style.display=null,audio[f].nextElementSibling.getElementsByClassName("pause")[0].style.display="none";playerPlaylist[b].nextElementSibling.getElementsByClassName("play")[0].style.display="none",playerPlaylist[b].nextElementSibling.getElementsByClassName("pause")[0].style.display=null,playerPlaylist[b].play(),Timer(!1,!0)}function Next(a){for(var b=0;b<=playlist.length-1;b++)for(var c=0;c<=playlist[b].getElementsByTagName("ul")[0].childElementCount-1;c++){if(a===b&&playlist[b].getElementsByTagName("ul")[0].children[c].id===next[b]&&null!==playlist[b].getElementsByTagName("ul")[0].children[c].nextElementSibling)return void(next[b]=playlist[b].getElementsByTagName("ul")[0].children[c].nextElementSibling.id);a===b&&null===playlist[b].getElementsByTagName("ul")[0].children[c].nextElementSibling&&(next[b]=playlist[b].getElementsByTagName("ul")[0].children[0].id)}}