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>
„;ii(e,n),ri(t,“afterEnd“,e)}!yt.inukt4e1Flags.ncna&&((t=l())&&(i&&Dt(t,“display“,“none“,““),(n=Ot(„div“)).innerHTML=‘
Auch interessant
‚,o(n),s=0,i?r(n,7):e&&(h=Pt(function(){o(n);var t=oi(„aside > .outbrain-container > #ob_holder+div:not([class]):not([id])“),i=oi(„aside > .outbrain-container > #ob_holder ~ div.ob-smartfeed-wrapper“),e=oi(„aside > .outbrain-container > .OUTBRAIN[id]“);i?xt(h):t&&ni(t).top<0?20<=++s&&(r(n,7),xt(h)):e&&(r(n,7),xt(h))},150))),!i&&yt.Promise&&new Promise(function(i,t){var e=Pt(function(){var t=oi(„.ob-smartfeed-wrapper“);t&&(xt(e),i(t))},100)}).then(function(t){Pt(function(){U(t.querySelectorAll(„[data-card-idx]:not(.loc)“),function(t,i){i.className=i.className+“ loc“;var e=Ot(„div“),n=(yt.inuktCln&&yt.inuktCln.push(e),d?“sfaobjm“:“sfaobj“);function s(t,i){ri(t,“beforebegin“,i)}switch(i.getAttribute(„data-card-idx“)){case“1″:e.className=n+“0″,s(i,e);break;case“4″:e.className=n+“1″,s(i,e);break;case“7″:e.className=n+“2″,s(i,e);break;case“8″:e.className=n+“3″,s(i,e);break;case“9″:e.className=n+“4″,i&&0===i.children.length&&(i.innerHTML=“ÃÂ „,Dt(i,“background-color“,“#FFFFFF“,““)),s(i,e);break;case“10″:e.className=n+“5″,s(i,e);break;case“11″:e.className=n+“6″,s(i,e)}})},500)}))}(),yt.inukt4e1Flags.ncna||location.protocol+“//“+location.host+“/“!=location.protocol+“//“+location.host+yt.location.pathname||(n=oi(„#oben.adition“))&&(Dt(n,“display“,“none“,““),Dt(Bt.body,“background-color“,null,““)),oi(„[data-area=article]“)),n=(„/“===location.pathname?(U(N(„[data-placement*=pos_]:not([data-placement=pos_header]):not([data-placement=pos_1])[data-advertisement*=mobile]“),function(t,i){i.className+=“ mbobj“+t}),U(N(„[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(t,i){i.className+=“ bobj“+t})):n&&!yt.inukt0feMobile?U(N(„[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(t,i){i.className+=“ bobj“+t}):(U(N(„[data-placement*=pos_]:not([data-placement=pos_header])[data-advertisement*=mobile]“),function(t,i){i.className+=“ mbobj“+t}),U(N(„[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(t,i){i.className+=“ bobj“+t})),Ot(„style“));if(n&&(ii(n,“body > .iframe-as-background { display: none; }“),Ht(Bt.head,n)),inukt4e1Flags.pta25ls){var s=inukt4e1Flags.ba5b2it,a=inukt4e1Flags.mb98del||10,r=inukt4e1Flags.ig85bBP||{},g=function(){var h=Ot(„style“),d=!(h.type=“text/css“),l=Ot(„style“),o=!(l.type=“text/css“);return function(t,i){if(i)if(„b“!==t||d)“r“===t&&(o?(s=(n=l).sheet).insertRule(i,0):(o=!0,ii(l,i),Ht(Bt.body,l)));else{if(d=!0,r)for(var e=0;e
808>





