(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[64258],{58376:function(e,t,n){let r,i,s;var a=Object.create,o=Object.defineProperty,l=Object.getOwnPropertyDescriptor,p=Object.getOwnPropertyNames,h=Object.getPrototypeOf,u=Object.prototype.hasOwnProperty,d=(e,t,n)=>t in e?o(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,c=(e,t,n,r)=>{if(t&&"object"==typeof t||"function"==typeof t)for(let i of p(t))u.call(e,i)||i===n||o(e,i,{get:()=>t[i],enumerable:!(r=l(t,i))||r.enumerable});return e},y=(e,t,n)=>(d(e,"symbol"!=typeof t?t+"":t,n),n),m={};((e,t)=>{for(var n in t)o(e,n,{get:t[n],enumerable:!0})})(m,{default:()=>E}),e.exports=c(o({},"__esModule",{value:!0}),m);var v=(s=null!=(r=n(67294))?a(h(r)):{},c(!i&&r&&r.__esModule?s:o(s,"default",{value:r,enumerable:!0}),r)),P=n(71776);class E extends v.Component{constructor(){super(...arguments),y(this,"onReady",(...e)=>this.props.onReady(...e)),y(this,"onPlay",(...e)=>this.props.onPlay(...e)),y(this,"onBuffer",(...e)=>this.props.onBuffer(...e)),y(this,"onBufferEnd",(...e)=>this.props.onBufferEnd(...e)),y(this,"onPause",(...e)=>this.props.onPause(...e)),y(this,"onEnded",(...e)=>this.props.onEnded(...e)),y(this,"onError",(...e)=>this.props.onError(...e)),y(this,"onPlayBackRateChange",e=>this.props.onPlaybackRateChange(e.target.playbackRate)),y(this,"onEnablePIP",(...e)=>this.props.onEnablePIP(...e)),y(this,"onSeek",e=>{this.props.onSeek(e.target.currentTime)}),y(this,"onDurationChange",()=>{let e=this.getDuration();this.props.onDuration(e)}),y(this,"mute",()=>{this.player.muted=!0}),y(this,"unmute",()=>{this.player.muted=!1}),y(this,"ref",e=>{this.player=e})}componentDidMount(){this.props.onMount&&this.props.onMount(this),this.addListeners(this.player);let e=this.getPlaybackId(this.props.url);e&&(this.player.playbackId=e)}componentWillUnmount(){this.player.playbackId=null,this.removeListeners(this.player)}addListeners(e){let{playsinline:t}=this.props;e.addEventListener("play",this.onPlay),e.addEventListener("waiting",this.onBuffer),e.addEventListener("playing",this.onBufferEnd),e.addEventListener("pause",this.onPause),e.addEventListener("seeked",this.onSeek),e.addEventListener("ended",this.onEnded),e.addEventListener("error",this.onError),e.addEventListener("ratechange",this.onPlayBackRateChange),e.addEventListener("enterpictureinpicture",this.onEnablePIP),e.addEventListener("leavepictureinpicture",this.onDisablePIP),e.addEventListener("webkitpresentationmodechanged",this.onPresentationModeChange),e.addEventListener("canplay",this.onReady),t&&e.setAttribute("playsinline","")}removeListeners(e){e.removeEventListener("canplay",this.onReady),e.removeEventListener("play",this.onPlay),e.removeEventListener("waiting",this.onBuffer),e.removeEventListener("playing",this.onBufferEnd),e.removeEventListener("pause",this.onPause),e.removeEventListener("seeked",this.onSeek),e.removeEventListener("ended",this.onEnded),e.removeEventListener("error",this.onError),e.removeEventListener("ratechange",this.onPlayBackRateChange),e.removeEventListener("enterpictureinpicture",this.onEnablePIP),e.removeEventListener("leavepictureinpicture",this.onDisablePIP),e.removeEventListener("canplay",this.onReady)}async load(e){var t;let{onError:n,config:r}=this.props;if(!(null==(t=globalThis.customElements)?void 0:t.get("mux-player")))try{let e="https://cdn.jsdelivr.net/npm/@mux/mux-player@VERSION/dist/mux-player.mjs".replace("VERSION",r.version);await import(`${e}`),this.props.onLoaded()}catch(e){n(e)}let[,i]=e.match(P.MATCH_URL_MUX);this.player.playbackId=i}play(){let e=this.player.play();e&&e.catch(this.props.onError)}pause(){this.player.pause()}stop(){this.player.playbackId=null}seekTo(e,t=!0){this.player.currentTime=e,t||this.pause()}setVolume(e){this.player.volume=e}enablePIP(){this.player.requestPictureInPicture&&document.pictureInPictureElement!==this.player&&this.player.requestPictureInPicture()}disablePIP(){document.exitPictureInPicture&&document.pictureInPictureElement===this.player&&document.exitPictureInPicture()}setPlaybackRate(e){try{this.player.playbackRate=e}catch(e){this.props.onError(e)}}getDuration(){if(!this.player)return null;let{duration:e,seekable:t}=this.player;return e===1/0&&t.length>0?t.end(t.length-1):e}getCurrentTime(){return this.player?this.player.currentTime:null}getSecondsLoaded(){if(!this.player)return null;let{buffered:e}=this.player;if(0===e.length)return 0;let t=e.end(e.length-1),n=this.getDuration();return t>n?n:t}getPlaybackId(e){let[,t]=e.match(P.MATCH_URL_MUX);return t}render(){let{url:e,playing:t,loop:n,controls:r,muted:i,config:s,width:a,height:o}=this.props,l={width:"auto"===a?a:"100%",height:"auto"===o?o:"100%"};return!1===r&&(l["--controls"]="none"),v.default.createElement("mux-player",{ref:this.ref,"playback-id":this.getPlaybackId(e),style:l,preload:"auto",autoPlay:t||void 0,muted:i?"":void 0,loop:n?"":void 0,...s.attributes})}}y(E,"displayName","Mux"),y(E,"canPlay",P.canPlay.mux)}}]);