https://de.serlo.org/_next/static/chunks/1509.01b3ce1659aee254.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1509,759],{38486:function(e,t,i){i.d(t,{w:function(){return a}});var s=i(4413),r=i(72082);class a{#e;src=(0,r.signal)("");referrerPolicy=null;get iframe(){return this.#e}constructor(e){this.#e=e,e.setAttribute("frameBorder","0"),e.setAttribute("aria-hidden","true"),e.setAttribute("allow","autoplay; fullscreen; encrypted-media; picture-in-picture; accelerometer; gyroscope"),null!==this.referrerPolicy&&e.setAttribute("referrerpolicy",this.referrerPolicy)}setup(){(0,r.listenEvent)(window,"message",this.#t.bind(this)),(0,r.listenEvent)(this.#e,"load",this.onLoad.bind(this)),(0,r.effect)(this.#i.bind(this))}#i(){let e=this.src();if(!e.length){this.#e.setAttribute("src","");return}let t=(0,r.peek)(()=>this.buildParams());this.#e.setAttribute("src",(0,s.nQ)(e,t))}postMessage(e,t){s.W6||this.#e.contentWindow?.postMessage(JSON.stringify(e),t??"*")}#t(e){let t=this.getOrigin();if((null===e.source||e.source===this.#e?.contentWindow)&&(!(0,r.isString)(t)||t===e.origin)){try{let t=JSON.parse(e.data);t&&this.onMessage(t,e);return}catch(e){}e.data&&this.onMessage(e.data,e)}}}},759:function(e,t,i){i.d(t,{getVimeoVideoInfo:function(){return o},resolveVimeoVideoId:function(){return n}});let s=/(?:https:\/\/)?(?:player\.)?vimeo(?:\.com)?\/(?:video\/)?(\d+)(?:(?:\?hash=|\?h=|\/)(.*))?/,r=new Map,a=new Map;function n(e){let t=e.match(s);return{videoId:t?.[1],hash:t?.[2]}}async function o(e,t,i){if(r.has(e))return r.get(e);if(a.has(e))return a.get(e);let s=`https://vimeo.com/api/oembed.json?url=https://player.vimeo.com/video/${e}`;i&&(s=s.concat(`?h=${i}`));let n=window.fetch(s,{mode:"cors",signal:t.signal}).then(e=>e.json()).then(t=>{let i=t?.thumbnail_url?.match(/vimeocdn.com\/video\/(.*)?_/)?.[1],s=i?`https://i.vimeocdn.com/video/${i}_1920x1080.webp`:"",a={title:t?.title??"",duration:t?.duration??0,poster:s,pro:"basic"!==t.account_type};return r.set(e,a),a}).finally(()=>a.delete(e));return a.set(e,n),n}},81509:function(e,t,i){i.r(t),i.d(t,{VimeoProvider:function(){return h}});var s=i(72082),r=i(4413),a=i(38486),n=i(759);i(2784);let o=["bufferend","bufferstart","durationchange","ended","enterpictureinpicture","error","fullscreenchange","leavepictureinpicture","loaded","playProgress","loadProgress","pause","play","playbackratechange","qualitychange","seeked","seeking","timeupdate","volumechange","waiting"];class h extends a.w{$$PROVIDER_TYPE="VIMEO";scope=(0,s.createScope)();fullscreen;#s;#r=(0,s.signal)("");#a=(0,s.signal)(!1);#n=null;#o=null;#h=!1;#c=new r.tn(0,0);#l=new r.LK(this.#u.bind(this));#d=null;#f=null;#p=new Map;#g=null;constructor(e,t){super(e),this.#s=t;let i=this;this.fullscreen={get active(){return i.#h},supported:!0,enter:()=>this.#m("requestFullscreen"),exit:()=>this.#m("exitFullscreen")}}cookies=!1;title=!0;byline=!0;portrait=!0;color="00ADEF";get type(){return"vimeo"}get currentSrc(){return this.#o}get videoId(){return this.#r()}get hash(){return this.#n}get isPro(){return this.#a()}preconnect(){(0,r.$P)(this.getOrigin())}setup(){super.setup(),(0,s.effect)(this.#y.bind(this)),(0,s.effect)(this.#v.bind(this)),(0,s.effect)(this.#b.bind(this)),this.#s.notify("provider-setup",this)}destroy(){for(let e of(this.#k(),this.fullscreen=void 0,this.#p.values()))for(let{reject:t}of e)t("provider destroyed");this.#p.clear(),this.#m("destroy")}async play(){return this.#m("play")}async pause(){return this.#m("pause")}setMuted(e){this.#m("setMuted",e)}setCurrentTime(e){this.#m("seekTo",e),this.#s.notify("seeking",e)}setVolume(e){this.#m("setVolume",e),this.#m("setMuted",(0,s.peek)(this.#s.$state.muted))}setPlaybackRate(e){this.#m("setPlaybackRate",e)}async loadSource(e){if(!(0,s.isString)(e.src)){this.#o=null,this.#n=null,this.#r.set("");return}let{videoId:t,hash:i}=(0,n.resolveVimeoVideoId)(e.src);this.#r.set(t??""),this.#n=i??null,this.#o=e}#y(){this.#k();let e=this.#r();if(!e){this.src.set("");return}this.src.set(`${this.getOrigin()}/video/${e}`),this.#s.notify("load-start")}#v(){let e=this.#r();if(!e)return;let t=(0,s.deferredPromise)(),i=new AbortController;return this.#g=t,(0,n.getVimeoVideoInfo)(e,i,this.#n).then(e=>{t.resolve(e)}).catch(e=>{t.reject()}),()=>{t.reject(),i.abort()}}#b(){let e=this.#a(),{$state:t,qualities:i}=this.#s;if(t.canSetPlaybackRate.set(e),i[r.HV.setReadonly](!e),e)return(0,s.listenEvent)(i,"change",()=>{if(i.auto)return;let e=i.selected?.id;e&&this.#m("setQuality",e)})}getOrigin(){return"https://player.vimeo.com"}buildParams(){let{keyDisabled:e}

1=this.#s.$props,{playsInline:t,nativeControls:i}=this.#s.$state,s=i();return{title:this.title,byline:this.byline,color:this.color,portrait:this.portrait,controls:s,h:this.hash,keyboard:s&&!e(),transparent:!0,playsinline:t(),dnt:!this.cookies}}#u(){this.#m("getCurrentTime")}#x=!1;#w(e,t){if(this.#x&&0===e)return;let{realCurrentTime:i,paused:s,bufferedEnd:r,seekableEnd:a,live:n}=this.#s.$state;if(i()===e)return;let o=i();this.#s.notify("time-change",e,t),Math.abs(o-e)>1.5&&(this.#s.notify("seeking",e,t),!s()&&r()<e&&this.#s.notify("waiting",void 0,t)),!n()&&a()-e<.01&&(this.#s.notify("end",void 0,t),this.#x=!0,setTimeout(()=>{this.#x=!1},500))}#P(e,t){this.#s.notify("seeked",e,t)}#V(e){let t=this.#r();this.#g?.promise.then(t=>{if(!t)return;let{title:i,poster:s,duration:r,pro:a}=t;this.#a.set(a),this.#s.notify("title-change",i,e),this.#s.notify("poster-change",s,e),this.#s.notify("duration-change",r,e),this.#T(r,e)}).catch(()=>{t===this.#r()&&(this.#m("getVideoTitle"),this.#m("getDuration"))})}#T(e,t){let{nativeControls:i}=this.#s.$state,s=i();this.#c=new r.tn(0,e);let a={buffered:new r.tn(0,0),seekable:this.#c,duration:e};this.#s.delegate.ready(a,t),s||this.#m("_hideOverlay"),this.#m("getQualities"),this.#m("getChapters")}#I(e,t,i){switch(e){case"getVideoTitle":this.#s.notify("title-change",t,i);break;case"getDuration":this.#s.$state.canPlay()?this.#s.notify("duration-change",t,i):this.#T(t,i);break;case"getCurrentTime":this.#w(t,i);break;case"getBuffered":(0,s.isArray)(t)&&t.length&&this.#C(t[t.length-1][1],i);break;case"setMuted":this.#$((0,s.peek)(this.#s.$state.volume),t,i);break;case"getChapters":this.#R(t);break;case"getQualities":this.#A(t,i)}this.#M(e)?.resolve()}#S(){for(let e of o)this.#m("addEventListener",e)}#E(e){this.#l.stop(),this.#s.notify("pause",void 0,e)}#_(e){this.#l.start(),this.#s.notify("play",void 0,e)}#q(e){let{paused:t}=this.#s.$state;t()||this.#x||this.#s.notify("playing",void 0,e)}#C(e,t){let i={buffered:new r.tn(0,e),seekable:this.#c};this.#s.notify("progress",i,t)}#O(e){this.#s.notify("waiting",void 0,e)}#L(e){let{paused:t}=this.#s.$state;t()||this.#s.notify("playing",void 0,e)}#Q(e){let{paused:t}=this.#s.$state;t()&&this.#s.notify("play",void 0,e),this.#s.notify("waiting",void 0,e)}#$(e,t,i){this.#s.notify("volume-change",{volume:e,muted:t},i)}#R(e){if(this.#F(),!e.length)return;let t=new r.n8({kind:"chapters",default:!0}),{seekableEnd:i}=this.#s.$state;for(let s=0;s<e.length;s++){let r=e[s],a=e[s+1];t.addCue(new window.VTTCue(r.startTime,a?.startTime??i(),r.title))}this.#f=t,this.#s.textTracks.add(t)}#F(){this.#f&&(this.#s.textTracks.remove(this.#f),this.#f=null)}#A(e,t){for(let i of(this.#s.qualities[r.WX.enableAuto]=e.some(e=>"auto"===e.id)?()=>this.#m("setQuality","auto"):void 0,e)){if("auto"===i.id)continue;let e=+i.id.slice(0,-1);isNaN(e)||this.#s.qualities[r.HV.add]({id:i.id,width:16/9*e,height:e,codec:"avc1,h.264",bitrate:-1},t)}this.#W(e.find(e=>e.active),t)}#W({id:e}={},t){if(!e)return;let i="auto"===e,s=this.#s.qualities.getById(e);i?(this.#s.qualities[r.WX.setAuto](i,t),this.#s.qualities[r.HV.select](void 0,!0,t)):this.#s.qualities[r.HV.select](s??void 0,!0,t)}#N(e,t,i){switch(e){case"ready":this.#S();break;case"loaded":this.#V(i);break;case"play":this.#_(i);break;case"playProgress":this.#q(i);break;case"pause":this.#E(i);break;case"loadProgress":this.#C(t.seconds,i);break;case"waiting":this.#Q(i);break;case"bufferstart":this.#O(i);break;case"bufferend":this.#L(i);break;case"volumechange":this.#$(t.volume,(0,s.peek)(this.#s.$state.muted),i);break;case"durationchange":this.#c=new r.tn(0,t.duration),this.#s.notify("duration-change",t.duration,i);break;case"playbackratechange":this.#s.notify("rate-change",t.playbackRate,i);break;case"qualitychange":this.#W(t,i);break;case"fullscreenchange":this.#h=t.fullscreen,this.#s.notify("fullscreen-change",t.fullscreen,i);break;case"enterpictureinpicture":this.#s.notify("picture-in-picture-change",!0,i);break;case"leavepictureinpicture":this.#s.notify("picture-in-picture-change",!1,i);break;case"ended":this.#s.notify("end",void 0,i);break;case"error":this.#j(t,i);break;case"seek":case"seeked":this.#P(t.seconds,i)}}#j(e,t){let{message:i,method:s}=e;"setPlaybackRate"===s&&this.#a.set(!1),s&&this.#M(s)?.reject(i)}onMessage(e,t){e.event?this.#N(e.event,e.data,t):e.method&&this.#I(e.method,e.value,t)}onLoad(){}async #m(e,t){let i=(0,s.deferredPromise)(),r=this.#p.get(e);return r||this.#p.set(e,r=[]),r.push(i),this.postMessage({method:e,value:t}),i.promise}#k(){this.#l.stop(),this.#c=new r.tn(0,0),this.#g=null,this.#d=null,this.#a.set(!1),this.#F()}#M(e){return this.#p.get(e)?.shift()}}}}]);
2//# sourceMappingURL=1509.01b3ce1659aee254.js.map