https://perspective-daily.de/static/assets/DreamPlayer.vue_vue_type_script_setup_true_lang-DtIcHOmM.js

1import{d as a,aw as e,i as l,ao as i,J as n,a as s,c as o,f as r,k as c,l as t,p as u,b as d,ap as p,B as v,z as m,g as k,T as g,e as y,F as b,t as f,E as h,S as C,h as T,r as A,o as w,a8 as _,v as x,H as L,A as j,x as M}from"./vue-Cbujuoqu.js";import{d as S}from"./index-DT-syVUl.js";import{_ as z}from"./FluidImage.vue_vue_type_script_setup_true_lang-C-8YIJH8.js";import{m as B,k as P}from"./preload-helper-D9jEkzRM.js";import{u as H}from"./AudioPlayer-BtufwItL.js";const D=Symbol(),F=Symbol(),V={class:"text"},I={class:"reading"},$={key:0,class:"type"},U={class:"team"},E={class:"author"},J=["innerHTML"],W={class:"narrator"},q=["innerHTML"],G={class:"reading"},K={key:0,class:"type"},N=["innerHTML"],O={class:"reading"},Q={key:3},R=a({__name:"DreamFeedAudioTrack",props:{article:{},loggedIn:{type:Boolean},extra:{default:""},noType:{type:Boolean,default:!1},layout:{default:"horizontal-podcast"}},setup(a){const w=a,_=T(()=>{var a;return L&&x&&(null==(a=L.value)?void 0:a.id)===w.article.id?x.value:"unloaded"}),{playerState:x,playingArticle:L,togglePlay:j}=e(F),{incrementClick:M}=e(D);function B(a){"playing"===x.value&&a===L.value||M(a.id),j(a)}const P=A(w.article.title),H=T(()=>["vertical-audio","vertical-podcast"].includes(w.layout)?w.article.coauthor?"von ".concat(w.article.author.name," und ").concat(w.article.coauthor.name):"von ".concat(w.article.author.name):w.article.coauthor?"".concat(w.article.author.name," <br> ").concat(w.article.coauthor.name):w.article.author.name),R=T(()=>{var a;const e=null==(a=w.article.audioVersion)?void 0:a.narrators.map(a=>a.name);if(!e)return"";if(1===e.length)return"gelesen von ".concat(e[0]);const l=e.pop();return"gelesen von ".concat(e.join(", ")," und ").concat(l)});l(()=>{!async function(){["vertical-audio"].includes(w.layout)&&(P.value=await S.hyphenateHTML(w.article.title))}()});const{$collectionToggle:X,showArticleCollections:Y,toggleArticleCollections:Z,closeArticleCollections:aa,closeThisArticleCollection:ea}=i();return(e,l)=>{const i=n("ArticleCollection");return s(),o("div",{class:r(["card",a.layout])},[c(g,{name:"fade"},{default:t(()=>[u(Y)?d((s(),v(i,{key:0,articleId:a.article.id,onClick:l[0]||(l[0]=m(()=>{},["stop","prevent"])),onCloseMenu:u(ea)},null,8,["articleId","onCloseMenu"])),[[u(p),u(aa)]]):k("",!0)]),_:1}),y("div",{class:"card-content nofb",onClick:l[4]||(l[4]=m(e=>B(a.article),["stop","prevent"]))},[y("div",{class:r(["image",{active:"unloaded"!==_.value}])},[c(z,{focus:a.article.focus,imageBase:a.article.imageBase,backgroundColor:a.article.imageDominantColor},null,8,["focus","imageBase","backgroundColor"]),a.article.audioVersion?(s(),o("div",{key:0,class:"media-toggle",onClick:l[1]||(l[1]=m(e=>B(a.article),["stop","prevent"]))},[y("a",{href:"javascript:void(0)",class:r(["icon icon-audio-round nofb",_.value]),"aria-label":"Audio abspielen"},null,2)])):k("",!0)],2),y("div",V,["horizontal-audio"===a.layout?(s(),o(b,{key:0},[y("h2",null,f(P.value),1),y("span",I,[l[5]||(l[5]=y("i",{class:"icon icon-clock"},null,-1)),h("  "+f(a.article.readingDuration)+" min ",1)]),u(C)?(s(),o("div",{key:0,ref_key:"$collectionToggle",ref:X,class:"collections-toggle"},[y("a",{href:"javascript:void(0)",class:r(["icon nofb",[a.article.saved?"icon-bookmarked":"icon-bookmark"]]),"aria-label":"Artikel zu einer Liste hinzufügen",onClick:l[2]||(l[2]=m(a=>u(Z)(),["stop","prevent"]))},null,2)],512)):k("",!0)],64)):"vertical-audio"===a.layout?(s(),o(b,{key:1},[a.article.articleType?(s(),o("span",$,f(a.article.articleType.title),1)):k("",!0),y("h2",{class:r([a.article.articleType?"":"without-type"])},f(P.value),3),y("div",U,[y("span",E,[y("span",{innerHTML:H.value},null,8,J)]),y("span",W,[y("span",{innerHTML:R.value},null,8,q)])]),y("span",G,[l[6]||(l[6]=y("i",{class:"icon icon-clock"},null,-1)),h("  "+f(a.article.readingDuration)+" min ",1)]),u(C)?(s(),o("div",{key:1,ref_key:"$collectionToggle",ref:X,class:"collections-toggle"},[y("a",{href:"javascript:void(0)",class:r(["icon nofb",[a.article.saved?"icon-bookmarked":"icon-bookmark"]]),"aria-label":"Artikel zu einer Liste hinzufügen",onClick:l[3]||(l[3]=m(a=>u(Z)(),["stop","prevent"]))},null,2)],512)):k("",!0)],64)):"vertical-podcast"===a.layout?(s(),o(b,{key:2},[""!==a.extra?(s(),o("span",K,f(a.extra),1)):k("",!0),y("h2",null,f(P.value),1),y("span",{class:"author",innerHTML:H.value},null,8,N),y("span",O,[l[7]||(l[7]=y("i",{class:"icon icon-clock"},null,-1)),h("  "+f(a.article.readingDuration)+" min ",1)])],64)):"horizontal-podcast"===a.layout?(s(),o("h2",Q,f(P.value),1)):k("",!0)])])],2)}}}),X={class:"player-body"},Y={class:"player-top"},Z={class:"smallTitle"},aa={class:"player-play-controls"},ea={class:"player-bottom"},la={class:"narrators"},ia={class:"player-timeline"},na={class:"time"},sa={class:"inputcontainer sliderinput dark"},oa=["disabled"],ra={class:"time"},ca={class:"volume"},ta={class:"inputcontainer sliderinput dark"},ua={class:"mobile-track"},da={key:0,class:"player-overlay"},pa={class:"image"},va={class:"player-ui"},ma={class:"smallTitle"},ka={class:"narrators"},ga={class:"player-timeline"},ya={class:"inputcontainer sliderinput dark"},ba=["disabled"],fa={class:"time"},ha={class:"time"},Ca={class:"player-play-controls"},Ta=a({__name:"DreamPlayer",setup(a){const[l,i]=M(),p=A(null),v=T(()=>{switch(D.value){case"loading":default:return"micon-play-l";case"playing":return"micon-pause-l"}}),{playingArticle:h}=e(F);const C=T(()=>B(V.value,!0,!0)),S=T(()=>B(W.value,!1,!0)),{player:z,playerState:D,remainingTime:V,muted:I,volume:$,progress:U,emptyPlayer:E,setProgress:J,currentTime:W,speed:q,skipSeconds:G}=H();function K(){switch(q.value){case.75:default:q.value=1;break;case 1:q.value=1.25;break;case 1.25:q.value=1.5;break;case 1.5:q.value=2;break;case 2:q.value=.75}}function N(){P||i(!0)}return w(()=>{window.addEventListener("beforeunload",a=>{if("playing"===D.value){const e="Du hörst gerade einen Artikel. Möchtest du die Wiedergabe abbrechen?";return(a||window.event).returnValue=e,e}})}),(a,e)=>{const T=n("FluidImage");return s(),o(b,null,[u(z).track?(s(),o("section",{key:0,class:r(["player",[u(D),u(_)?"guest-user":""]]),ref_key:"$playerSection",ref:p,onClick:N},[y("div",X,[y("div",Y,[y("span",Z,f(u(z).track.title),1),y("div",aa,[e[16]||(e[16]=y("span",{class:"playback-speed dummy"},null,-1)),y("i",{class:"icon icon-backward skip back",onClick:e[0]||(e[0]=a=>

1u(G)(-10)),"aria-label":"10 Sekunden zurück springen"}),y("span",{class:r(["toggle",u(D)]),"aria-label":"Artikel anhören",onClick:e[1]||(e[1]=m(a=>u(z).togglePlay(),["stop"]))},[y("i",{class:r(["micon",v.value])},null,2)],2),y("i",{class:"icon icon-forward skip forward",onClick:e[2]||(e[2]=a=>u(G)(10)),"aria-label":"10 Sekunden vor springen"}),y("span",{class:"playback-speed",onClick:m(K,["stop"]),"aria-label":"Abspielgeschwindigkeit umschalten"},f(u(q))+"x",1)]),y("i",{class:"icon icon-close",onClick:e[3]||(e[3]=m(a=>(E(),void(h.value=void 0)),["stop"])),"aria-label":"Player schließen"})]),y("div",ea,[y("span",la," gelesen von "+f(u(z).track.narrators.map(a=>a.name).join(", ")),1),y("div",ia,[y("span",na,f(S.value),1),y("div",sa,[d(y("input",{id:"progress-slider","onUpdate:modelValue":e[4]||(e[4]=a=>L(U)?U.value=a:null),type:"range",min:"0",max:"1",step:"0.00001","aria-label":"Fortschritt",disabled:!u(z).isLoaded,onClick:e[5]||(e[5]=(...a)=>u(J)&&u(J)(...a)),onTouchend:e[6]||(e[6]=(...a)=>u(J)&&u(J)(...a))},null,40,oa),[[x,u(U)]])]),y("span",ra,f(C.value),1)]),y("span",ca,[y("i",{class:r(["micon",u(I)||0===u($)?"micon-mute":"micon-loudness"]),onClick:e[7]||(e[7]=a=>u(z).toggleMute())},null,2),y("div",ta,[d(y("input",{id:"volume-slider","onUpdate:modelValue":e[8]||(e[8]=a=>L($)?$.value=a:null),type:"range",min:"0",max:"1",step:"0.00001","aria-label":"Lautstärke"},null,512),[[x,u($)]])])])])]),y("div",ua,[y("div",{class:"progress",style:j({"flex-basis":"".concat(100*u(U),"%")})},null,4)])],2)):k("",!0),c(g,{name:"fade-fast"},{default:t(()=>[u(z).track&&u(l)?(s(),o("div",da,[y("div",pa,[y("i",{class:"icon icon-close",onClick:e[9]||(e[9]=a=>u(i)()),"aria-label":"Player minimieren"}),c(T,{imageBase:u(z).track.imageBase,backgroundColor:"#1e1e1e"},null,8,["imageBase"]),e[17]||(e[17]=y("div",{class:"blur"},null,-1))]),y("div",va,[y("span",ma,f(u(z).track.title),1),y("span",ka," gelesen von "+f(u(z).track.narrators.map(a=>a.name).join(", ")),1),y("div",ga,[y("div",ya,[d(y("input",{id:"progress-slider-overlay","onUpdate:modelValue":e[10]||(e[10]=a=>L(U)?U.value=a:null),type:"range",min:"0",max:"1",step:"0.00001","aria-label":"Fortschritt",disabled:!u(z).isLoaded,onClick:e[11]||(e[11]=(...a)=>u(J)&&u(J)(...a)),onTouchend:e[12]||(e[12]=(...a)=>u(J)&&u(J)(...a))},null,40,ba),[[x,u(U)]])]),y("span",fa,f(S.value),1),y("span",ha,f(C.value),1)]),y("div",Ca,[y("span",{class:"playback-speed",onClick:K,"aria-label":"Abspielgeschwindigkeit umschalten"},f(u(q))+"x",1),y("i",{class:"icon icon-backward skip back",onClick:e[13]||(e[13]=a=>

1u(G)(-10)),"aria-label":"10 Sekunden zurück springen"}),y("span",{class:r(["toggle",u(D)]),"aria-label":"Artikel anhören",onClick:e[14]||(e[14]=a=>u(z).togglePlay())},[y("i",{class:r(["micon",v.value])},null,2)],2),y("i",{class:"icon icon-forward skip forward",onClick:e[15]||(e[15]=a=>u(G)(10)),"aria-label":"10 Sekunden vor springen"})])])])):k("",!0)]),_:1})],64)}}});export{Ta as _,R as a,D as b,F as d};