https://social.wforwumbo.net/packs/video-CtHtlPl7.js

1import{o as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{n,t as r}from"./jsx-runtime-D3F0h15I.js";import{a as i,c as a,s as o}from"./react-intl-D77hBoiN.js";import{K as s,d as c}from"./initial_state-Bq_NJi1A.js";import{o as ee}from"./locales-CJrKkcVr.js";import{G as l,J as te,K as ne,Y as re,b as u}from"./chevron_right-N5umLIte.js";import{_t as d}from"./detect-it.esm-C_e4o2yl.js";import{n as f}from"./settings-Cq4pjZIN.js";import{Et as ie,G as ae}from"./poll-DVy9sBNj.js";import{t as p}from"./classnames-CfLRLWYq.js";import{t as m}from"./icon-BqRrl0RO.js";import{a as h,c as g,i as _,l as oe,n as se,o as ce,r as v,s as le,t as ue}from"./volume_down-fill-Dt718L0X.js";import{a as de,i as y,n as fe,r as pe,t as me}from"./fullscreen-C9DTf02V.js";var b=e(n()),he=e(d()),x=e(p()),S=r(),ge=({hidden:e=!1,sensitive:t,uncached:n=!1,matchedFilters:r,onClick:a})=>{let o,s;return n?(o=(0,S.jsx)(i,{id:`status.uncached_media_warning`,defaultMessage:`Preview not available`}),s=(0,S.jsx)(i,{id:`status.media.open`,defaultMessage:`Click to open`})):r?.length?(o=(0,S.jsx)(i,{id:`filter_warning.matches_filter`,defaultMessage:`Matches filter “<span>{title}</span>”`,values:{title:r.join(`, `),span:e=>(0,S.jsx)(`span`,{className:`filter-name`,children:e})}}),s=(0,S.jsx)(i,{id:`status.media.show`,defaultMessage:`Click to show`})):t?(o=(0,S.jsx)(i,{id:`status.sensitive_warning`,defaultMessage:`Sensitive content`}),s=(0,S.jsx)(i,{id:`status.media.show`,defaultMessage:`Click to show`})):(o=(0,S.jsx)(i,{id:`status.media_hidden`,defaultMessage:`Media hidden`}),s=(0,S.jsx)(i,{id:`status.media.show`,defaultMessage:`Click to show`})),(0,S.jsx)(`div`,{className:(0,x.default)(`spoiler-button`,{"spoiler-button--hidden":e,"spoiler-button--click-thru":n}),children:(0,S.jsx)(`button`,{type:`button`,className:`spoiler-button__overlay`,onClick:a,disabled:n,children:(0,S.jsxs)(`span`,{className:`spoiler-button__overlay__label`,children:[(0,S.jsx)(`span`,{className:`spoiler-button__overlay__text`,children:o}),(0,S.jsx)(`span`,{className:`spoiler-button__overlay__action`,children:s})]})})})};function C({visible:e,sensitive:t}){return e===void 0?c===`show_all`||c!==`hide_all`&&!t:e}function _e({visible:e,sensitive:t}){let[n,r]=(0,b.useState)(()=>C({visible:e,sensitive:t})),[i,a]=(0,b.useState)({visible:e,sensitive:t});return(t!==i.sensitive||e!==i.visible)&&(r(C({visible:e,sensitive:t})),a({visible:e,sensitive:t})),[n,r]}var ve=({events:e,onDismiss:t})=>{let n=a(),r=re(e,{from:{opacity:0}

1,keys:e=>e.key,enter:[{opacity:1}],leave:[{opacity:0}],onRest:(e,n,r)=>{r&&t(r)}});return(0,S.jsx)(S.Fragment,{children:r((e,t)=>(0,S.jsxs)(l.div,{className:`video-player__hotkey-indicator`,style:e,children:[(0,S.jsx)(m,{id:``,icon:t.icon}),(0,S.jsx)(`span`,{className:`video-player__hotkey-indicator__label`,children:n.formatMessage(t.label)})]}))})},ye=t({Video:()=>A,default:()=>A,fileNameFromURL:()=>O,findElementPosition:()=>E,formatTime:()=>T,getPointerPosition:()=>D}),w=o({play:{id:`video.play`,defaultMessage:`Play`},pause:{id:`video.pause`,defaultMessage:`Pause`},mute:{id:`video.mute`,defaultMessage:`Mute`},unmute:{id:`video.unmute`,defaultMessage:`Unmute`},hide:{id:`video.hide`,defaultMessage:`Hide video`},expand:{id:`video.expand`,defaultMessage:`Expand video`},close:{id:`video.close`,defaultMessage:`Close video`},fullscreen:{id:`video.fullscreen`,defaultMessage:`Full screen`},exit_fullscreen:{id:`video.exit_fullscreen`,defaultMessage:`Exit full screen`},volumeUp:{id:`video.volume_up`,defaultMessage:`Volume up`},volumeDown:{id:`video.volume_down`,defaultMessage:`Volume down`},skipForward:{id:`video.skip_forward`,defaultMessage:`Skip forward`},skipBackward:{id:`video.skip_backward`,defaultMessage:`Skip backward`}}),be=250,xe=4e3,T=e=>{let t=Math.floor(e/3600),n=Math.floor((e-t*3600)/60),r=e-t*3600-n*60,i=`${t<10?`0`:``}${t}`,a=`${n<10?`0`:``}${n}`,o=`${r<10?`0`:``}${r}`;return(i===`00`?``:`${i}:`)+`${a}:${o}`},E=e=>{let t=e.getBoundingClientRect(),n=document.documentElement,r=document.body,i=n.clientLeft||r.clientLeft||0,a=window.scrollX||r.scrollLeft,o=t.left+a-i,s=n.clientTop||r.clientTop||0,c=window.scrollY||r.scrollTop,ee=t.top+c-s;return{left:Math.round(o),top:Math.round(ee)}},D=(e,t)=>{if(!e)return{y:0,x:0};let n=E(e),r=e.offsetWidth,i=e.offsetHeight,a=n.top,o=n.left,{pageY:s,pageX:c}=t;return{y:Math.max(0,Math.min(1,(s-a)/i)),x:Math.max(0,Math.min(1,(c-o)/r))}},O=e=>{let t=new URL(e).pathname,n=t.lastIndexOf(`/`);return t.slice(n+1)},Se=e=>e.includes(`/`)?e.split(`/`).map(e=>parseInt(e)).reduce((e,t)=>e/t):parseInt(e),Ce=(e,t)=>{f.set(`volume`,e),f.set(`muted`,t)},we=e=>{let t=f.get(`volume`)??.5,n=f.get(`muted`)??!1;e.volume=t,e.muted=n},Te=0,k=(e,t)=>{e(()=>[{key:Te++,...t}])},A=({preview:e,frameRate:t=`25`,aspectRatio:n,src:r,alt:o=``,lang:c,sensitive:re,onOpenVideo:d,onCloseVideo:f,detailed:p,editable:C,alwaysVisible:ye,visible:E,onToggleVisibility:O,deployPictureInPicture:A,blurhash:Ee,startPlaying:De,startTime:j,startVolume:Oe,startMuted:ke,matchedFilters:Ae,letterbox:je,fullwidth:Me})=>{let M=a(),[Ne,Pe]=(0,b.useState)(0),[Fe,Ie]=(0,b.useState)(0),[N,P]=(0,b.useState)(.5),[F,I]=(0,b.useState)(!0),[Le,L]=(0,b.useState)(!1),[R,Re]=(0,b.useState)(!1),[z,B]=(0,b.useState)(!1),[V,H]=(0,b.useState)(!1),[U,ze]=_e({visible:E,sensitive:re}),[Be,W]=(0,b.useState)([]),Ve=(0,b.useRef)(null),G=(0,b.useRef)(null),He=(0,b.useRef)(null),Ue=(0,b.useRef)(null),K=(0,b.useRef)(null),q=(0,b.useRef)(null),[J,Y]=te(()=>({progress:`0%`,buffer:`0%`,volume:`0%`})),We=(0,b.useCallback)(e=>{G.current&&!G.current.paused&&e===null&&A?.(`video`,{src:r,currentTime:G.current.currentTime,muted:G.current.muted,volume:G.current.volume}),G.current=e,G.current&&(we(G.current),P(G.current.volume),H(G.current.muted),Y.start({volume:`${G.current.volume*100}%`}))},[Y,P,H,r,A]),X=(0,b.useCallback)(()=>{G.current&&(G.current.paused?G.current.play():G.current.pause())},[]),Z=(0,b.useCallback)(()=>{y()?pe():de(Ve.current)},[]),Ge=(0,b.useCallback)(()=>{G.current&&(G.current.muted||G.current.volume===0?(G.current.muted=!1,G.current.volume===0&&(G.current.volume=.05)):G.current.muted=!0)},[]),Ke=(0,b.useCallback)(e=>{e.stopPropagation()},[]),qe=(0,b.useCallback)(()=>{K.current?(clearTimeout(K.current),K.current=null,k(W,{icon:y()?v:_,label:y()?w.exit_fullscreen:w.fullscreen}),Z()):K.current=setTimeout(()=>{k(W,{icon:G.current?.paused?u:g,label:G.current?.paused?w.play:w.pause}),X(),K.current=null},be)},[W,X,Z]),Je=(0,b.useCallback)(()=>{I(!1)},[I]),Ye=(0,b.useCallback)(()=>{I(!0)},[I]);(0,b.useEffect)(()=>{let e,t=()=>{e=requestAnimationFrame(()=>{if(G.current){let e=G.current.currentTime/G.current.duration;Y.start({progress:isNaN(e)?`0%`:`${e*100}%`,config:ne.stiff})}t()})};return t(),()=>{cancelAnimationFrame(e)}},[Y]),(0,b.useEffect)(()=>{G.current&&(G.current.volume=N,G.current.muted=V)},[N,V]),(0,b.useEffect)(()=>{!U&&G.current&&G.current.pause()},[U]),(0,b.useEffect)(()=>{let e=()=>{Re(y())},t=(0,he.default)(()=>

1{if(!G.current)return;let{top:e,height:t}=G.current.getBoundingClientRect(),n=e<=(window.innerHeight||document.documentElement.clientHeight)&&e+t>=0;!G.current.paused&&!n&&(G.current.pause(),A?.(`video`,{src:r,currentTime:G.current.currentTime,muted:G.current.muted,volume:G.current.volume}))},150,{trailing:!0});return me(e),window.addEventListener(`scroll`,t),()=>{window.removeEventListener(`scroll`,t),fe(e)}},[I,Re,r,A]);let Xe=(0,b.useCallback)(()=>{G.current&&Pe(G.current.currentTime)},[Pe]),Ze=(0,b.useCallback)(e=>{let t=()=>{document.removeEventListener(`mousemove`,n,!0),document.removeEventListener(`mouseup`,t,!0)},n=e=>{if(!Ue.current||!G.current)return;let{x:t}=D(Ue.current,e);isNaN(t)||(G.current.volume=t,G.current.muted=!(t>0),Y.start({volume:`${t*100}%`,immediate:!0}))};document.addEventListener(`mousemove`,n,!0),document.addEventListener(`mouseup`,t,!0),n(e.nativeEvent),e.preventDefault(),e.stopPropagation()},[Y]),Qe=(0,b.useCallback)(e=>{let t=()=>{document.removeEventListener(`mousemove`,n,!0),document.removeEventListener(`mouseup`,t,!0),L(!1),G.current?.play()},n=e=>{if(!He.current||!G.current)return;let{x:t}=D(He.current,e),n=G.current.duration*t;isNaN(n)||(G.current.currentTime=n,Y.start({progress:`${t*100}%`,immediate:!0}))};document.addEventListener(`mousemove`,n,!0),document.addEventListener(`mouseup`,t,!0),L(!0),G.current?.pause(),n(e.nativeEvent),e.preventDefault(),e.stopPropagation()},[L,Y]),Q=e=>{if(!G.current)return;let t=G.current.currentTime+e;isNaN(t)||(G.current.currentTime=t)},$e=e=>{if(!G.current)return;let t=G.current.volume+e;isNaN(t)||(G.current.volume=t,G.current.muted=!(t>0))},et=(0,b.useCallback)(e=>{e.key===` `&&(e.preventDefault(),e.stopPropagation(),k(W,{icon:G.current?.paused?u:g,label:G.current?.paused?w.play:w.pause}),X())},[W,X]),tt=(0,b.useCallback)(e=>{let n=1/Se(t);switch(e.key){case`k`:case` `:e.preventDefault(),e.stopPropagation(),k(W,{icon:G.current?.paused?u:g,label:G.current?.paused?w.play:w.pause}),X();break;case`m`:e.preventDefault(),e.stopPropagation(),k(W,{icon:G.current?.muted?h:ce,label:G.current?.muted?w.unmute:w.mute}),Ge();break;case`f`:e.preventDefault(),e.stopPropagation(),k(W,{icon:y()?v:_,label:y()?w.exit_fullscreen:w.fullscreen}),Z();break;case`j`:case`ArrowLeft`:e.preventDefault(),e.stopPropagation(),k(W,{icon:le,label:w.skipBackward}),Q(-5);break;case`l`:case`ArrowRight`:e.preventDefault(),e.stopPropagation(),k(W,{icon:oe,label:w.skipForward}),Q(5);break;case`,`:e.preventDefault(),e.stopPropagation(),Q(-n);break;case`.`:e.preventDefault(),e.stopPropagation(),Q(n);break;case`ArrowUp`:e.preventDefault(),e.stopPropagation(),k(W,{icon:h,label:w.volumeUp}),$e(.15);break;case`ArrowDown`:e.preventDefault(),e.stopPropagation(),k(W,{icon:ue,label:w.volumeDown}),$e(-.15)}R&&(e.preventDefault(),e.stopPropagation(),e.key===`Escape`&&(W(e=>[...e,{key:Te++,icon:v,label:w.exit_fullscreen}]),pe()))},[W,X,Z,Ge,R,t]),nt=(0,b.useCallback)(()=>{B(!0),q.current&&clearTimeout(q.current),q.current=setTimeout(()=>{B(!1)},xe)},[B]),rt=(0,b.useCallback)(()=>{B(!0),q.current&&clearTimeout(q.current),q.current=setTimeout(()=>{B(!1)},xe)},[B]),it=(0,b.useCallback)(()=>{B(!1)},[B]),at=(0,b.useCallback)(()=>{O?O():ze(e=>!e)},[ze,O]),ot=(0,b.useCallback)(()=>{G.current&&(Ie(G.current.duration),j!==void 0&&(G.current.currentTime=j),Oe!==void 0&&(G.current.volume=Oe),ke!==void 0&&(G.current.muted=ke),De&&G.current.play())},[Ie,j,Oe,ke,De]),st=(0,b.useCallback)(()=>{if(!G.current)return;let e=G.current.buffered.length-1;e>-1&&Y.start({buffer:`${Math.ceil(G.current.buffered.end(e)/G.current.duration)*100}%`})},[Y]),ct=(0,b.useCallback)(()=>{G.current&&(P(G.current.volume),H(G.current.muted),Y.start({volume:`${G.current.muted?0:G.current.volume*100}%`}),Ce(G.current.volume,G.current.muted))},[Y,P,H]),lt=(0,b.useCallback)(()=>{if(!G.current)return;let e=G.current.paused;G.current.pause(),d?.({startTime:G.current.currentTime,autoPlay:!e,defaultVolume:G.current.volume})},[d]),ut=(0,b.useCallback)(()=>{G.current&&(G.current.pause(),f?.())},[f]),dt=(0,b.useCallback)(({key:e})=>{W(t=>t.filter(t=>t.key!==e))},[W]),ft=Math.min(Ne/Fe*100,100),$=V||N===0,pt;pt=j||R||Le?`auto`:p?`metadata`:`none`;let mt=ee()?ie:`button`;return(0,S.jsx)(`div`,{children:(0,S.jsxs)(`div`,{role:`menuitem`,className:(0,x.default)(`video-player`,{inactive:!U,detailed:p,fullscreen:R,editable:C,letterbox:je,"full-width":Me}),style:{aspectRatio:n},ref:Ve,onMouseEnter:nt,onMouseMove:rt,onMouseLeave:it,onClick:Ke,onKeyDownCapture:tt,tabIndex:0,children:[Ee&&(0,S.jsx)(ae,{hash:Ee,className:(0,x.default)(`media-gallery__preview`,{"media-gallery__preview--hidden":U}),dummy:!s}),(U||C)&&(0,S.jsx)(`video`,{ref:We,src:r,poster:e,preload:pt,role:`button`,tabIndex:0,"aria-label":o,title:R?void 0:o,lang:c,onClick:qe,onKeyDownCapture:et,onPlay:Je,onPause:Ye,onLoadedData:ot,onProgress:st,onTimeUpdate:Xe,onVolumeChange:ct,style:{width:`100%`}}),(0,S.jsx)(ve,{events:Be,onDismiss:dt}),(0,S.jsx)(ge,{hidden:U||C,sensitive:re??!1,onClick:at,matchedFilters:Ae}),!f&&!C&&!R&&!ye&&U&&(0,S.jsx)(`div`,{className:(0,x.default)(`media-gallery__actions`,{active:F||z}),children:(0,S.jsx)(mt,{size:`xs`,variant:`solid`,className:`media-gallery__actions__pill`,onClick:at,type:`button`,children:(0,S.jsx)(i,{id:`media_gallery.hide`,defaultMessage:`Hide`})})}),(0,S.jsxs)(`div`,{className:(0,x.default)(`video-player__controls`,{active:F||z}),children:[(0,S.jsxs)(`div`,{className:`video-player__seek`,role:`slider`,"aria-valuemin":0,"aria-valuenow":ft,"aria-valuemax":100,onMouseDown:Qe,onKeyDown:et,tabIndex:0,ref:He,children:[(0,S.jsx)(l.div,{className:`video-player__seek__buffer`,style:{width:J.buffer}}),(0,S.jsx)(l.div,{className:`video-player__seek__progress`,style:{width:J.progress}}),(0,S.jsx)(l.span,{className:(0,x.default)(`video-player__seek__handle`,{active:Le}),style:{left:J.progress}})]}),(0,S.jsxs)(`div`,{className:`video-player__buttons-bar`,children:[(0,S.jsxs)(`div`,{className:`video-player__buttons left`,children:[(0,S.jsx)(`button`,{type:`button`,title:M.formatMessage(F?w.play:w.pause),"aria-label":M.formatMessage(F?w.play:w.pause),className:`player-button`,onClick:X,children:(0,S.jsx)(m,{id:F?`play`:`pause`,icon:F?u:g})}),(0,S.jsx)(`button`,{type:`button`,title:M.formatMessage($?w.unmute:w.mute),"aria-label":M.formatMessage(V?w.unmute:w.mute),className:`player-button`,onClick:Ge,children:(0,S.jsx)(m,{id:$?`volume-off`:`volume-up`,icon:$?ce:h})}),(0,S.jsxs)(`div`,{className:(0,x.default)(`video-player__volume`,{active:z}),role:`slider`,"aria-valuemin":0,"aria-valuenow":$?0:N*100,"aria-valuemax":100,onMouseDown:Ze,ref:Ue,tabIndex:0,children:[(0,S.jsx)(l.div,{className:`video-player__volume__current`,style:{width:J.volume}}),(0,S.jsx)(l.span,{className:(0,x.default)(`video-player__volume__handle`),style:{left:J.volume}})]}),(p||R)&&(0,S.jsxs)(`span`,{className:`video-player__time`,children:[(0,S.jsx)(`span`,{className:`video-player__time-current`,children:T(Math.floor(Ne))}),(0,S.jsx)(`span`,{className:`video-player__time-sep`,children:`/`}),(0,S.jsx)(`span`,{className:`video-player__time-total`,children:T(Math.floor(Fe))})]})]}),(0,S.jsxs)(`div`,{className:`video-player__buttons right`,children:[!R&&d&&(0,S.jsx)(`button`,{type:`button`,title:M.formatMessage(w.expand),"aria-label":M.formatMessage(w.expand),className:`player-button`,onClick:lt,children:(0,S.jsx)(m,{id:`expand`,icon:se})}),f&&(0,S.jsx)(`button`,{type:`button`,title:M.formatMessage(w.close),"aria-label":M.formatMessage(w.close),className:`player-button`,onClick:ut,children:(0,S.jsx)(m,{id:`compress`,icon:v})}),(0,S.jsx)(`button`,{type:`button`,title:M.formatMessage(R?w.exit_fullscreen:w.fullscreen),"aria-label":M.formatMessage(R?w.exit_fullscreen:w.fullscreen),className:`player-button`,onClick:Z,children:(0,S.jsx)(m,{id:R?`compress`:`arrows-alt`,icon:R?v:_})})]})]})]})]})})};export{_e as a,ye as i,T as n,ge as o,D as r,A as t};
2//# sourceMappingURL=video-CtHtlPl7.js.map