إستمع للمقال
.eworks-listner-container .loader{display:flex;justify-content:space-around;align-items:center}.audio__loading .loading-spinner{display:block!important}.loading-spinner{display:none;position:relative;margin:0 auto;width:25px;height:25px}.loading-spinner:before{content: »;display:block;padding-top:100%}.loading-spinner__circle-svg{animation:loading-spinner-rotate 1.28973s linear infinite;height:100%;transform-origin:center center;width:100%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.loading-spinner__circle-stroke{stroke-dasharray:1,200;stroke-dashoffset:0;animation:loading-spinner-dash 2s ease-in-out infinite,loading-spinner-color 8s ease-in-out infinite;stroke-linecap:round;stroke-width:4px}@keyframes loading-spinner-rotate{100%{transform:rotate(360deg)}}@keyframes loading-spinner-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@keyframes loading-spinner-color{100%,0%{stroke:#fff}40%{stroke:#fff}66%{stroke:#fff}80%,90%{stroke:#fff}}.eworks-listner-container{box-sizing:border-box;background:#4169e1;color:#fff;cursor:pointer;padding:4px 3px;margin:0 auto;position:relative;border-radius:25px;width:180px}.eworks-listner-container.audio__loading{display:flex!important;justify-content:space-around!important}.eworks-listner-container audio{display:none}.audio__loading .play-button::before{display:none!important}.eworks-listner-container .play-button{display:flex;flex-direction:row;justify-content:space-around;align-items:center;background-image:url(« https://barlamane.com/wp-content/themes/barlamane.com/assets/images/micro.png »);background-size: 15px;background-repeat: no-repeat;background-position: left;}.eworks-listner-container .play-button::before,.eworks-listner-container .play-button.playing::before{content: » »;display:inline-block;border:0;background:0 0;box-sizing:border-box;width:0;height:12px;margin-right:10px;border-color:#0000 #fff #0000 #0000;transition:100ms all ease;cursor:pointer;border-style:solid;border-width:6px 8px 6px 0}.eworks-listner-container .play-button.playing::before{border-style:double;border-width:0 8px 0 0}
window._eworks={post_id:1300593,host: »barlamane.com »,srv: »https://listen.backbone.ma »,isPlaying:false,};window.toggleListen=function(event){var audio=document.querySelector(‘.eworks-listner-container audio’);var container=document.querySelector(‘.eworks-listner-container’);var audioDuration=document.querySelector(‘.eworks-listner-container .duration’);var playButton=document.querySelector(‘.eworks-listner-container .play-button’);if(window._eworks.isPlaying){audio.pause()
window._eworks.isPlaying=false
playButton.classList.remove(‘playing’)
container.classList.remove(« audio__loading »)
return;}
if(!audio.src){container.classList.add(« audio__loading »);audio.src= »https://listen.backbone.ma/halima/barlamane.com/ »+window._eworks.post_id+ »/audio.mp3″;audio.load();audio.onloadedmetadata=function()
{if(!audio.duration)return;}
audio.onloadstart=function(){container.classList.add(« audio__loading »)}
audio.onplaying=function(){container.classList.remove(« audio__loading »)}
audio.onended=function()
{console.log(« neded »)
window._eworks.isPlaying=null;playButton.classList.remove(‘playing’)}
audio.oncanplaythrough=function()
{if(window._eworks.isPlaying===null)return;audio.play()
window._eworks.isPlaying=true
playButton.classList.add(‘playing’)}
return}
audio.play()
window._eworks.isPlaying=true
playButton.classList.add(‘playing’)}
The post أقوى لحظات اليوم الثاني من تظاهرة الأبواب المفتوحة بمدينة الرباط appeared first on برلمان.كوم.