https://static.disco.ac/disco-app/7986-1cb4d09879760624.min.js

1"use strict";(self.webpackChunkdisco_frontend=self.webpackChunkdisco_frontend||[]).push([[7986],{646136(e,t,i){Object.defineProperty(t,"__esModule",{value:!0}),t.getPlaylistCreatorWidth=function(e,t,i,r){let a=e,o=i?300:400;i?(a-=20,t&&(a-=10)):(a-=t?240:56,r&&(a-=o));let s=a-250;s<300&&(s=300);let n=0,l=i?s:o;return r&&(n=Math.min(a,l)),!i&&n<350&&(n=350),i&&n<300&&(n=300),n},t.getExplorerWidth=a,t.getBaseColumnWidth=o,t.getColCount=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"Default",i=Math.floor(e/o(t));return i>0?i:1},t.getConstrainedColCount=s,t.getAdaptedBaseColumnWidth=n,t.getMaxMinPaneWidth=l,t.getExplorerPaneWidth=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"Default",i=arguments.length>2?arguments[2]:void 0,r=!(arguments.length>3)||void 0===arguments[3]||arguments[3],o=arguments.length>4?arguments[4]:void 0,d=arguments.length>5&&void 0!==arguments[5]?arguments[5]:400,h=arguments.length>6?arguments[6]:void 0,p=null!=h?h:a(e,i,r,o,d);if(o&&e<600)return p-10;{let{maxPaneWidth:i,minPaneWidth:r}=l(e),a=n(t||"Default",e),o=p;e>=1200&&(o+=d);let h=Math.min(a,Math.floor(o/s(p,t||"Default"))),u=h-24;return(u<r&&(u=r),e>1800&&(u=Math.floor(h+100)),u<r)?r:u>i?i:u}},t.getSearchItemWidthStyle=function(){let e=window.innerWidth-(0,r.convertRemToPx)(24.5);return{width:"".concat(e,"px")}},t.getExplorerLeftOffset=function(e,t){return t?56*(e>=600):0},t.getVideoSize=function(){let e,t,i=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return i||window.innerWidth<768||window.innerHeight<500?window.innerWidth>window.innerHeight?((e=(t=window.innerHeight)/.5625)>window.innerWidth&&(t=.5625*(e=window.innerWidth-(0,r.convertRemToPx)(4))),e>(0,r.convertRemToPx)(60)&&(t=.5625*(e=(0,r.convertRemToPx)(60)))):t=.5625*(e=window.innerWidth-(0,r.convertRemToPx)(4)):t=.5625*(e=window.innerWidth/3>430?window.innerWidth/3:430),{width:e,height:t}};let r=i(253380);function a(e,t,i,r,a){let o=e;return r?o-=20:(o-=t?240:56,i&&(o-=null!=a?a:400)),o}function o(e){switch(e.toLowerCase()){case"default":default:return 320;case"large":return 380;case"larger":return 490}}function s(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"Default",i=o(t),r=e-10-16,a=Math.floor(r/i);return Math.max(a=Math.min(a,Math.floor(r/Math.min(i,484))),1)}function n(e,t){let i=o(e);return t>=1400&&(i+=50),t>=1600&&(i+=100),t>=1800&&(i+=125),i}function l(e){let t=450,i=250;return e>=600&&(i=300),e>1800&&(i+=150,t+=100),{maxPaneWidth:t,minPaneWidth:i}}},906079(e,t,i){i.r(t)},648170(e,t,i){i.r(t)},527986(e,t,i){var r,a=this&&this.__createBinding||(Object.create?function(e,t,i,r){void 0===r&&(r=i);var a=Object.getOwnPropertyDescriptor(t,i);(!a||("get"in a?!t.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return t[i]}}),Object.defineProperty(e,r,a)}:function(e,t,i,r){void 0===r&&(r=i),e[r]=t[i]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),s=this&&this.__importStar||(r=function(e){return(r=Object.getOwnPropertyNames||function(e){var t=[];for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&(t[t.length]=i);return t})(e)},function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var i=r(e),s=0;s<i.length;s++)"default"!==i[s]&&a(t,e,i[s]);return o(t,e),t}),n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),i(778977),i(906079),i(648170);let l=n(i(837737)),d=i(234218),h=s(i(758330)),p=i(253380),u=i(646136),c=i(449016),v=i(928591),f=i(431941),y=n(i(596632)),m=n(i(894597)),k=n(i(10589)),g=s(i(541275)),P=i(977702),b=i(490001),w=n(i(140587)),_=n(i(203516)),S=n(i(620935)),E=i(699941),H=[];class T extends g.Component{static defaultProps={modalStyle:"default"};video;state={startPlaybackTime:null,startPlaybackEvent:null,userActive:!0};canPlayHandler=e=>{if(this.props.playbackStatus===d.PAUSED)return;let t=e.target.getElementsByTagName("video")[0];if(!this.props.track.duration&&t?.duration&&this.props.updateTrackDuration(this.props.track.id,t?.duration),this.props.updatePlaybackStatus(this.props.track.id,d.LOADED,d.PLAYING),!this.state.startPlaybackTime)return;let i=new Date().getTime()-this.state.startPlaybackTime.getTime();i<3e4&&("Seek"===this.state.startPlaybackEvent&&i>100||"Play"===this.state.startPlaybackEvent)&&l.default.sendPureEvent(`${this.state.startPlaybackEvent} video`,{Format:this.props.track.ext,Time:i,Url:this.props.track.internal_play_url})};seekHandler=()=>{this.setState({startPlaybackTime:new Date,startPlaybackEvent:"Seek"})};pauseHandler=()=>{this.video&&!this.video.seeking()&&this.props.updatePlaybackStatus(this.props.track.id,d.LOADED,d.PAUSED)};playHandler=()=>{H.filter(e=>e!==`video-${this.props.videoJsId||this.props.track.id}

1`).forEach(e=>(0,_.default)(e).pause()),this.props.playbackStatus!==d.PLAYING&&(this.props.updatePlaybackStatus(this.props.track.id,d.LOADED,d.PLAYING),this.props.onTrackStart&&this.props.onTrackStart())};performUpdate=()=>{if(this.video&&this.props.playbackStatus!==d.SEEKING){let e=0;try{e=this.video?this.video.currentTime():0}catch(t){e=0}this.props.updatePlaybackProgress(this.props.track.id,e)}};_updateProgress=(0,k.default)(this.performUpdate,300);progressHandler=()=>this._updateProgress();endedHandler=()=>{if("overlay"===this.props.modalStyle&&this.props.nextVideo)return this.props.nextTrack(!0,this.props.nextVideo);let{onTrackEnd:e,notModal:t}=this.props;e&&!t&&e()};errorHandler=e=>{let t=(0,m.default)(e,"target.error.code",null);if(t){let i=(0,h.getMediaErrorStatus)(t);(0,h.default)(Error("Video playback error"),{moduleName:"playback.video",extra:{track:this.props.track,url:this.props.track.internal_play_url,code:t,status:i,error:e}}),l.default.sendPureEvent("Video playback error",{Format:this.props.track.ext,Url:this.props.track.internal_play_url,Code:0,Status:i})}this.endedHandler()};fullscreenHandler=()=>{let e=document.getElementsByClassName("ReactModal__Content")[0];e&&(e.style.display="none",e.offsetHeight,e.style.display="")};volumeHandler=()=>{this.video&&this.props.changeVolume(this.video.volume().toFixed(2))};_onNextVideo=()=>{this.props.nextVideo&&this.props.nextTrack(!1,this.props.nextVideo)};_onPrevVideo=()=>{this.props.prevVideo&&this.props.previousTrack(this.props.prevVideo)};_handleKeyDown=e=>{if("overlay"!==this.props.modalStyle)return;let t=!1;this.props.nextVideo&&(0,v.keyEqualTo)(e,"ArrowRight")?(this.props.nextTrack(!1,this.props.nextVideo),t=!0):this.props.prevVideo&&(0,v.keyEqualTo)(e,"ArrowLeft")&&(this.props.previousTrack(this.props.prevVideo),t=!0),t&&(e.stopPropagation(),e.preventDefault())};UNSAFE_componentWillReceiveProps(e){if(this.video){if(this.props.volume!==e.volume&&this.video.volume(e.volume),this.props.track.id!==e.track.id){try{this.setState({startPlaybackTime:new Date,startPlaybackEvent:"Play",userActive:!0}),this.video&&this.video.src({src:e.track.internal_play_url,type:(0,c.getVideoMediaType)(e.track.ext)}),this.video?.titleBar&&this.video.titleBar.update({title:e.track.name})}catch(e){this.errorHandler(e)}return}if(this.props.track.id===e.track.id&&e.playbackStatus===d.SEEKING){this.video.currentTime(e.playbackPosition),this.props.updatePlaybackStatus(e.track.id,d.LOADED,d.PLAYING);return}this.props.playbackStatus!==e.playbackStatus&&(e.playbackStatus===d.PLAYING?this.video.play():this.video.pause()),this.props.mediaManagerPlaybackTrackStatus!==e.mediaManagerPlaybackTrackStatus&&e.mediaManagerPlaybackTrackStatus===d.PLAYING&&this.video.pause()}}componentDidMount(){window.addEventListener("resize",this._handleResize),document.addEventListener("keydown",this._handleKeyDown);let{playbackStatus:e,notModal:t}=this.props;e!==d.PAUSED&&this.props.updatePlaybackStatus(this.props.track.id,d.LOADING,d.PLAYING),t&&this._mountVideo()}userActiveHandler=()=>{this.setState({userActive:!0})};userInactiveHandler=()=>{this.setState({userActive:!1})};_mountVideo=()=>{let{playbackStatus:e,bigPlayButton:t,videoJsId:i}=this.props,r=i||this.props.track.id,a=this;this.video=(0,_.default)(`video-${r}`,{controls:!0,autoplay:e!==d.PAUSED,preload:"auto",bigPlayButton:t,controlBar:{pictureInPictureToggle:!1}},function(){H.push(`video-${r}`),this.on("canplay",a.canPlayHandler),this.on("seeking",a.seekHandler),this.on("pause",a.pauseHandler),this.on("play",a.playHandler),this.on("timeupdate",a.progressHandler),this.on("ended",a.endedHandler),this.on("error",a.errorHandler),this.on("fullscreenchange",a.fullscreenHandler),this.on("volumechange",a.volumeHandler),this.on("useractive",a.userActiveHandler),this.on("userinactive",a.userInactiveHandler);try{this.volume(a.props.volume),e!==d.PAUSED&&this.play()}catch(e){a.errorHandler.call(a,e)}this.titleBar.update({title:a.props.track.name}),a.setState({startPlaybackTime:new Date,startPlaybackEvent:"Play"})})};componentWillUnmount(){window.removeEventListener("resize",this._handleResize),document.removeEventListener("keydown",this._handleKeyDown),this.video&&this.video.off("canplay",this.canPlayHandler),this.video&&this.video.off("seeking",this.seekHandler),this.video&&this.video.off("pause",this.pauseHandler),this.video&&this.video.off("play",this.playHandler),this.video&&this.video.off("timeupdate",this.progressHandler),this.video&&this.video.off("ended",this.endedHandler),this.video&&this.video.off("error",this.errorHandler),this.video&&this.video.off("fullscreenchange",this.fullscreenHandler),this.video&&this.video.off("volumechange",this.volumeHandler),this.video&&this.video.off("useractive",this.userActiveHandler),this.video&&this.video.off("userinactive",this.userInactiveHandler),this.video&&this.video.dispose(),H=H.filter(e=>e!==`video-${this.props.videoJsId||this.props.track.id}`)}_handleResize=()=>{let e="overlay"===this.props.modalStyle,{width:t,height:i}=(0,u.getVideoSize)(e);this.video&&this.video.dimensions(t,i)};handleRightClick=e=>e?e=>e.preventDefault():void 0;_renderVideoContent(){let e="overlay"===this.props.modalStyle,{width:t,height:i}=(0,u.getVideoSize)(e),{ext:r,internal_play_url:a,id:o,public_download_url2:s,artwork:n}=this.props.track,{bigPlayButton:l,videoJsId:d}=this.props,{prevVideo:h,nextVideo:p,notModal:v}=this.props,f=e&&(p||h);return g.default.createElement(g.default.Fragment,null,g.default.createElement("video",{id:`video-${d||o}`,className:(0,y.default)("video-js ",{"vjs-default-skin":!l,"vjs-big-play-centered":l,"vjs-show-big-play-button-on-pause":l}),width:t,height:i,onContextMenu:this.handleRightClick(!s),...n?{poster:n}:{}},g.default.createElement("source",{src:a,type:(0,c.getVideoMediaType)(r)})),!v&&g.default.createElement("button",{className:"VideoPlayer_Close",onClick:this.props.onClose},g.default.createElement(S.default,{type:"close",width:"24",height:"24"})),f&&g.default.createElement("button",{className:"VideoPlayer_Next",onClick:this._onNextVideo,disabled:!p},g.default.createElement(b.MdKeyboardArrowRight,{color:p?"#fff":"#333",size:"50"})),f&&g.default.createElement("button",{className:"VideoPlayer_Prev",onClick:this._onPrevVideo,disabled:!h},g.default.createElement(P.MdKeyboardArrowLeft,{color:h?"#fff":"#333",size:"50"})))}render(){let e="overlay"===this.props.modalStyle,{width:t,height:i}=(0,u.getVideoSize)(e),r=window.innerWidth<768||window.innerHeight<500,a="default"===this.props.modalStyle?E.videoModalStyles:E.publicPlaylistVideoModalStyles,o=!r||e?a:{...a,overlay:{...a.overlay,top:"50%",left:"50%",width:t,height:i,marginLeft:-1*t/2,marginTop:-1*i/2-(0,p.convertRemToPx)(3)/2,minWidth:"100px"}},s=this._renderVideoContent();return this.props.notModal||(s=g.default.createElement(w.default,{contentLabel:"Video player",onRequestClose:this.props.onClose,isOpen:!0,style:o,onAfterOpen:this._mountVideo}

1,g.default.createElement(f.Theme,{hasBackground:!1},s))),g.default.createElement("div",{className:"VideoPlayer_Container"},s)}}t.default=T}}]);
2//# sourceMappingURL=7986-1cb4d09879760624.min.js.map