1"use strict";(self.webpackChunkglifos_digital_archive=self.webpackChunkglifos_digital_archive||[]).push([[3489,2780],{3489:(e,t,n)=>{n.r(t),n.d(t,{default:()=>m});var i=n(72791),l=n(96710),a=n(77443),o=n(92780),s=n(87398),r=n(71434),d=n(96751),u=n(67784),c=n(94697),f=n(62124),p=n(80184);function m(e){const[t,n]=(0,i.useState)({currentX:0,initialX:0,captured:!1,handleDelta:0}),[m,g]=(0,i.useState)(!1),[h,_]=(0,i.useState)({display:!1,pos:0,time:"00:00"}),[v,b]=(0,i.useState)(null),y=(0,a.useGlifosPlayerData)(),k=(0,a.useGlifosPlayerUpdate)(),P=(0,a.useGlifosPlayerRef)(),x=(0,i.useRef)(null),R=(0,i.useRef)(null),{src:M}=e;let G=0,E="",j={start:0,end:0};function L(e){e.preventDefault(),e.stopPropagation(),n({captured:!1,currentX:e.clientX,initialX:e.clientX});let i=36*y.volume,l=e.clientX-t.initialX;i=i+l>36?36:i+l<0?0:i+l,k.update({volume:i/36}),document.removeEventListener("mousemove",S,!1),document.removeEventListener("mouseup",L,!1),console.log("Mouse Up",l)}function S(e){e.preventDefault(),e.stopPropagation();let i=36*y.volume,l=e.clientX-t.initialX;i=i+l>36?36:i+l<0?0:i+l,k.update({volume:i/36}),n({...t,captured:!0,currentX:e.clientX}),console.log("Dragging sound ",l)}function X(){m&&(g(!1),document.removeEventListener("mousemove",T,!1),document.removeEventListener("mouseup",X,!1))}function T(e){if(m){e.preventDefault(),e.stopPropagation();let i=document.getElementById("gp-tb-01");var t=i.getBoundingClientRect(),n=e.clientX-t.left;console.log("seek = ",console.log(i.id),{type:"seek",value:(0,d.secondsToTime)(n/i.offsetWidth*y.videoLength)}),b(n/i.offsetWidth),k.update({markTime:null}),k.command({type:"seek",value:n/i.offsetWidth*y.videoLength}),console.log("dragging nudge",e.clientX);let l=n-16>5?n-16:5;l=l+48>i.offsetWidth?i.offsetWidth-48:l,_({display:!0,pos:l,time:(0,d.secondsToTime)(n/i.offsetWidth*y.videoLength)})}}(0,i.useEffect)((()=>{function e(){k.update({onFullScreen:Boolean(f.Z.isFullscreen)})}return document.addEventListener("fullscreenchange",e,!1),document.addEventListener("fullscreenchange",e,!1),k.update({src:M}),()=>document.removeEventListener("fullscreenchange",e)}),[]);const W={onReady:function(e){console.log("onReady",e),k.update({ready:!0})},onStart:function(e){console.log("onStart",e)},onPlay:function(e){k.update({status:"playing"})},onProgress:function(e){null!==v&&b(null),k.update({currentPosition:e.playedSeconds})},onDuration:function(e){k.update({videoLength:e})},onPause:function(e){k.update({status:"paused"})},onBuffer:function(e){k.update({buffering:!0})},onBufferEnd:function(e){k.update({buffering:!1})},onSeek:function(e){},onEnded:function(e){console.log("onEnded",e),k.update({status:"stopped"})},onError:function(e){console.log("onError",e)},onClickPreview:function(e){console.log("onClickPreview",e)},onEnablePIP:function(e){k.update({videoInPIP:!0})},onDisablePIP:function(e){k.update({videoInPIP:!1,pipEnabled:!1})}};let w=document.getElementById("gp-tb-01");return null!==w&&(null!==v?(G=(y.onFullScreen,(v*w.offsetWidth).toString()+"px"),E=(v*w.offsetWidth).toString()+"px"):(G=(y.onFullScreen,(y.currentPosition/y.videoLength*w.offsetWidth).toString()+"px"),E=(y.currentPosition/y.videoLength*w.offsetWidth).toString()+"px"),null!==y.markTime&&(y.markTime.start?j.start=y.markTime.start/y.videoLength*w.offsetWidth:j.start=0,y.markTime.end?j.end=y.markTime.end/y.videoLength*w.offsetWidth:j.end=w.offsetWidth)),(0,p.jsxs)("div",{ref:R,className:o.default.gpwrapper,children:[" ",(0,p.jsx)(l.Z,{ref:function(e){P.setUp(e)},className:"react-player",url:y.src,width:"100%",height:"100%",pip:y.pipEnabled,controls:!1,playing:y.playing,volume:y.volume,...W,id:"gp-v-01"}),(0,p.jsxs)("div",{className:o.default.overlay+" "+function(){if(y.markTime)return o.default.statuspaused;switch(y.status){case"paused":return o.default.statuspaused;case"playing":return o.default.statusplaying}}()+" "+(t.captured?o.default.soundbarmoving:"")+(y.onFullScreen?o.default.Ofullscreen:""),children:[(0,p.jsx)("div",{className:o.default.viewarea,onClick:e=>{e.stopPropagation(),e.preventDefault();const t=R.current;"ontouchstart"in window?t.contains(e.target)&&(y.playing,k.command({type:"play"})):k.command({type:"play"})}}),(0,p.jsxs)("div",{className:o.default.timebarc,children:[(0,p.jsxs)("div",{className:o.default.timebar,id:"gp-tb-01",onClick:function(e){let t=document.getElementById("gp-tb-01");
1e.stopPropagation(),e.preventDefault();var n=e.target.getBoundingClientRect(),i=e.clientX-n.left;console.log("seek = ",console.log(e.target.id),{type:"seek",value:(0,d.secondsToTime)(i/t.offsetWidth*y.videoLength)}),b(i/t.offsetWidth),k.update({markTime:null}),k.command({type:"seek",value:i/t.offsetWidth*y.videoLength})},onMouseOver:function(e){let t=document.getElementById("gp-tb-01");var n=e.target.getBoundingClientRect(),i=e.clientX-n.left;let l=i-16>5?i-16:5;l=l+48>t.offsetWidth?t.offsetWidth-48:l,_({display:!0,pos:l,time:(0,d.secondsToTime)(i/t.offsetWidth*y.videoLength)}),k.update({markTime:null})},onMouseMove:function(e){if(!0!==h.display)return;let t=document.getElementById("gp-tb-01");var n=e.target.getBoundingClientRect(),i=e.clientX-n.left;let l=i-16>5?i-16:5;l=l+48>t.offsetWidth?t.offsetWidth-48:l,_({display:!0,pos:l,time:(0,d.secondsToTime)(i/t.offsetWidth*y.videoLength)})},children:[(0,p.jsx)("div",{className:o.default.progressibar,ref:x,style:{width:E},children:" "}),null!==y.markTime?(0,p.jsx)("div",{className:o.default.progressmarkbar,style:{left:j.start.toString()+"px",width:(j.end-j.start).toString()+"px"},children:" "}):""]}),(0,p.jsx)("div",{className:o.default.progressnudge,style:{left:G},onMouseDown:function(e){e.preventDefault(),e.stopPropagation(),g(!0),document.addEventListener("mousemove",T,!1),document.addEventListener("mouseup",X,!1)}}),(0,p.jsx)("div",{className:o.default.seekthumbc,style:{left:h.pos.toString()+"px"},children:h.time})]}),(0,p.jsxs)("div",{className:o.default.controlarea,children:[(0,p.jsx)("button",{alt:"Play (spacebar)",title:"Play (spacebar)",className:o.default.playbtn,onClick:()=>k.command({type:"play"}),children:(0,p.jsx)(s.default,{stylesheet:o.default,videostate:y.status})}),(0,p.jsxs)("div",{className:o.default.spkrbtncnt,children:[(0,p.jsx)("button",{id:"gp-sp-01",className:o.default.spkrbtn,onClick:()=>k.command({type:"mute"}),children:(0,p.jsx)(r.default,{stylesheet:o.default,volume:y.volume})}),(0,p.jsx)("div",{id:"gp-sp-02",className:o.default.soundbarcont,onMouseDown:function(e){e.preventDefault(),e.stopPropagation(),n({captured:!0,currentX:e.clientX,initialX:e.clientX}),document.addEventListener("mousemove",S,!1),document.addEventListener("mouseup",L,!1);let i=36*y.volume,l=e.clientX-t.initialX;i=i+l>36?36:i+l<0?0:i+l,k.update({volume:i/36}),console.log("Setted mouse down",t,e.clientX,e)},children:(0,p.jsx)("div",{className:o.default.soundbarhandle,style:{left:(36*y.volume).toString()+"px"}})})]}),(0,p.jsxs)("div",{className:o.default.timesection,children:[(0,p.jsx)("span",{id:"gp-ct-01",children:(0,d.secondsToTime)(null!==v?y.videoLength*v:y.currentPosition)}),"/",(0,p.jsx)("span",{id:"gp-tt-01",children:(0,d.secondsToTime)(y.videoLength)})]}),(0,p.jsx)("div",{className:o.default.filler,children:" "}),(0,p.jsx)("button",{alt:"Picture in Picture",title:"Picture in Picture",onClick:()=>k.command({type:"pip"}),className:o.default.pipbtnc,children:(0,p.jsx)(u.default,{stylesheet:o.default,pipstate:!1})}),(0,p.jsx)("button",{alt:"Fullscreen",title:"Fullscreen",className:o.default.fullscrbtnc,onClick:function(e){e.stopPropagation(),e.preventDefault(),!1===y.onFullScreen?R.current.requestFullscreen():document.exitFullscreen(),k.update({onFullScreen:!y.onFullScreen})},children:(0,p.jsx)(c.default,{stylesheet:o.default,state:y.onFullScreen})})]})]})]})}},92780:(e,t,n)=>{n.r(t),n.d(t,{default:()=>i});const i={gpwrapper:"GlifosRichMediaPlayer_bk_gpwrapper__dlXWJ",overlay:"GlifosRichMediaPlayer_bk_overlay__rt8cZ",Ofullscreen:"GlifosRichMediaPlayer_bk_Ofullscreen__KcbRf",viewarea:"GlifosRichMediaPlayer_bk_viewarea__E5ink",controlarea:"GlifosRichMediaPlayer_bk_controlarea__2SXMU",playbtn:"GlifosRichMediaPlayer_bk_playbtn__ya1Zd",spkrbtncnt:"GlifosRichMediaPlayer_bk_spkrbtncnt__xHhZH",timesection:"GlifosRichMediaPlayer_bk_timesection__HDoA-",spkrbtn:"GlifosRichMediaPlayer_bk_spkrbtn__8In87",soundbarmoving:"GlifosRichMediaPlayer_bk_soundbarmoving__Uvhga",soundbarcont:"GlifosRichMediaPlayer_bk_soundbarcont__PIcU4",soundbarhandle:"GlifosRichMediaPlayer_bk_soundbarhandle__+fhBv",playicon:"GlifosRichMediaPlayer_bk_playicon__QZcyR",iconfill:"GlifosRichMediaPlayer_bk_iconfill__D-rnV",statuspaused:"GlifosRichMediaPlayer_bk_statuspaused__EdYb8",statusplaying:"GlifosRichMediaPlayer_bk_statusplaying__2I+zD",timebarc:"GlifosRichMediaPlayer_bk_timebarc__uJLLO",timebar:"GlifosRichMediaPlayer_bk_timebar__MaZtA",progressibar:"GlifosRichMediaPlayer_bk_progressibar__wpAlh",progressmarkbar:"GlifosRichMediaPlayer_bk_progressmarkbar__PwDsf",progressnudge:"GlifosRichMediaPlayer_bk_progressnudge__QtogW",seekthumbc:"GlifosRichMediaPlayer_bk_seekthumbc__jiEcg",pipbtnc:"GlifosRichMediaPlayer_bk_pipbtnc__wtJJP",fullscrbtnc:"GlifosRichMediaPlayer_bk_fullscrbtnc__vuH0G",f
1iller:"GlifosRichMediaPlayer_bk_filler__iF5Ps"}}}]); 2//# sourceMappingURL=3489.d6b79634.chunk.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.