Mehr lesen über
Audio Player maximieren
Die Wiedergabe wurde unterbrochen.
<button x-data=“{playbackRates: [ 0.8, 0.9, 1, 1.1, 1.2, 1.5, 1.7, 2.0, 2.5 ],get nextPlaybackRate() {const index = this.playbackRates.findIndex((playbackRate) => playbackRate === $store.WebAudio.playbackRate);const nextIndex = (index + 1) % this.playbackRates.length;return this.playbackRates[nextIndex];}}“ class=“border font-bold font-sansUI h-24 px-6 rounded-oval text-xs border-sec2-dark dark:border-shade-lighter hover:border-sec2-darker dark:hover:border-shade-lightest text-sec2-dark dark:text-shade-lighter hover:text-sec2-darker dark:hover:text-shade-lightest“ title=“Wiedergabegeschwindigkeit ändern“ nextplaybackrate data-sara-click-el=“button“>
<span x-text=“($store.WebAudio.playbackRate).toFixed(1) + ‚x'“></span>
<span class=“sr-only“>Wiedergabegeschwindigkeit ändern</span>
</button>
<input class=“audio-player-range-thumb hover:cursor-pointer absolute w-full appearance-none h-2 bg-opacity-slight dark:bg-opacity-slight bg-no-repeat bg-gradient-to-r bg-sec2-dark dark:bg-sec2-lightest from-sec2-dark dark:from-sec2-lightest to-sec2-dark dark:to-sec2-lightest“ type=“range“ x-model=“$store.WebAudio.volume“ :min=“0″ :max=“1″ :step=“0.01″ style=“background-size: calc(100% * var(–polygon-range-progress)) 100%;“ title=“Lautstärke“>
<span class=“absolute left-0 bottom-0 top-0 my-auto rounded-pill w-12 h-12 pointer-events-none bg-sec2-dark dark:bg-sec2-lightest“ style=“left: calc(100% * var(–polygon-range-progress) – var(–polygon-range-progress) * 8px);“></span>
<input class=“audio-player-range-thumb hover:cursor-pointer absolute w-full appearance-none h-2 bg-opacity-slight dark:bg-opacity-slight bg-no-repeat bg-gradient-to-r bg-sec2-dark dark:bg-sec2-lightest from-sec2-dark dark:from-sec2-lightest to-sec2-dark dark:to-sec2-lightest“ type=“range“ x-model=“$store.WebAudio.currentTime“ :min=“0″ :max=“$store.WebAudio.duration“ :step=“1″ style=“background-size: calc(100% * var(–polygon-range-progress)) 100%;“ title=“Abspielposition“ :disabled=“$store.WebAudio.isLoading“>
<template x-for=“marker in $store.WebAudio.chapterPositions“><svg width=“4″ height=“2″ class=“absolute text-sec2-lightest dark:text-sec2-darker“ :style=“{ ‚left‘: `${ marker * 100 / $store.WebAudio.duration }%` }“ role=“img“ aria-hidden=“true“>
<rect width=“4″ height=“2″ class=“fill-current“></rect>
</svg>
</template>
<span class=“absolute left-0 bottom-0 top-0 my-auto rounded-pill w-12 h-12 pointer-events-none bg-sec2-dark dark:bg-sec2-lightest“ style=“left: calc(100% * var(–polygon-range-progress) – var(–polygon-range-progress) * 8px);“></span>
„;t1(t,d),o1(n,“afterEnd“,t)}!qn.dnntacb0Flags.ncna&&((n=h())&&(e&&Mn(n,“display“,“none“,““),(d=Hn(„div“)).innerHTML=‘
Auch interessant
‚,l(d),s=0,e?b(d,7):t&&(i=Jn(function(){l(d);var n=b1(„aside > .outbrain-container > #ob_holder+div:not([class]):not([id])“),e=b1(„aside > .outbrain-container > #ob_holder ~ div.ob-smartfeed-wrapper“),t=b1(„aside > .outbrain-container > .OUTBRAIN[id]“);e?Wn(i):n&&s1(n).top<0?20<=++s&&(b(d,7),Wn(i)):t&&(b(d,7),Wn(i))},150))),!e&&qn.Promise&&new Promise(function(e,n){var t=Jn(function(){var n=b1(„.ob-smartfeed-wrapper“);n&&(Wn(t),e(n))},100)}).then(function(n){Jn(function(){N(n.querySelectorAll(„[data-card-idx]:not(.loc)“),function(n,e){e.className=e.className+“ loc“;var t=Hn(„div“),d=(qn.dnntaCln&&qn.dnntaCln.push(t),a?“sfaobjm“:“sfaobj“);function s(n,e){o1(n,“beforebegin“,e)}switch(e.getAttribute(„data-card-idx“)){case“1″:t.className=d+“0″,s(e,t);break;case“4″:t.className=d+“1″,s(e,t);break;case“7″:t.className=d+“2″,s(e,t);break;case“8″:t.className=d+“3″,s(e,t);break;case“9″:t.className=d+“4″,e&&0===e.children.length&&(e.innerHTML=“ÃÂ „,Mn(e,“background-color“,“#FFFFFF“,““)),s(e,t);break;case“10″:t.className=d+“5″,s(e,t);break;case“11″:t.className=d+“6″,s(e,t)}})},500)}))}(),qn.dnntacb0Flags.ncna||location.protocol+“//“+location.host+“/“!=location.protocol+“//“+location.host+qn.location.pathname||(d=b1(„#oben.adition“))&&(Mn(d,“display“,“none“,““),Mn(Bn.body,“background-color“,null,““)),b1(„[data-area=article]“)),d=(„/“===location.pathname?(N(T(„[data-placement*=pos_]:not([data-placement=pos_header]):not([data-placement=pos_1])[data-advertisement*=mobile]“),function(n,e){e.className+=“ mbobj“+n}),N(T(„[data-placement=pos_2][data-device=desktop],[data-placement=pos_3][data-device=desktop],[data-placement=pos_4][data-device=desktop], [data-placement=pos_5][data-device=desktop], [data-placement=pos_6][data-device=desktop], [data-placement=pos_7][data-device=desktop], [data-placement=pos_8][data-device=desktop]“),function(n,e){e.className+=“ bobj“+n})):d&&!qn.dnnta774Mobile?N(T(„[data-placement=pos_4][data-device=desktop], [data-placement=pos_5][data-device=desktop], [data-placement=pos_6][data-device=desktop], [data-placement=pos_7][data-device=desktop], [data-placement=pos_8][data-device=desktop]“),function(n,e){e.className+=“ bobj“+n}):(N(T(„[data-placement*=pos_]:not([data-placement=pos_header])[data-advertisement*=mobile]“),function(n,e){e.className+=“ mbobj“+n}),N(T(„[data-placement=pos_3][data-device=desktop],[data-placement=pos_4][data-device=desktop], [data-placement=pos_5][data-device=desktop], [data-placement=pos_6][data-device=desktop], [data-placement=pos_7][data-device=desktop], [data-placement=pos_8][data-device=desktop]“),function(n,e){e.className+=“ bobj“+n})),Hn(„style“));if(d&&(t1(d,“body > .iframe-as-background { display: none; }“),Gn(Bn.head,d)),dnntacb0Flags.pt48fls){var s=dnntacb0Flags.bacc3it,o=dnntacb0Flags.mb846el||10,b=dnntacb0Flags.igb26BP||{},r=function(){var i=Hn(„style“),a=!(i.type=“text/css“),h=Hn(„style“),l=!(h.type=“text/css“);return function(n,e){if(e)if(„b“!==n||a)“r“===n&&(l?(s=(d=h).sheet).insertRule(e,0):(l=!0,t1(h,e),Gn(Bn.body,h)));else{if(a=!0,b)for(var t=0;t
0fe:>6670588809i740f5eg69>





