89

إستمع للمقال .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:1258003,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() … اقرأ المزيد