https://social.jnpw.net/packs/video-DX4XJ0Hd.js

1import{o as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{n,t as r}from"./jsx-runtime-CKeovgl0.js";import{a as i,c as a,s as o}from"./react-intl-C-SARy9S.js";import{U as s,l as c}from"./initial_state-Bw8LfuSU.js";import{F as l,M as ee,P as te,_ as u,j as d}from"./logo-CXYNw2nw.js";import{gt as f}from"./detect-it.esm-DZnguM0j.js";import{n as p}from"./settings-Cq4pjZIN.js";import{t as m}from"./classnames-CfLRLWYq.js";import{F as h,m as ne}from"./poll-Cw7z-8C8.js";import{a as re,c as g,i as _,l as ie,n as ae,o as oe,r as v,s as se,t as ce}from"./volume_down-fill-D1h3Yk7t.js";import{a as le,i as y,n as ue,r as de,t as fe}from"./fullscreen-C9DTf02V.js";var b=e(n()),pe=e(f()),x=e(m()),S=r(),me=({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 he({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 ge=({events:e,onDismiss:t})=>{let n=a(),r=l(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)(d.div,{className:`video-player__hotkey-indicator`,style:e,children:[(0,S.jsx)(h,{id:``,icon:t.icon}),(0,S.jsx)(`span`,{className:`video-player__hotkey-indicator__label`,children:n.formatMessage(t.label)})]}))})},_e=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`}}),ve=250,ye=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,l=t.top+c-s;return{left:Math.round(o),top:Math.round(l)}},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)},be=e=>e.includes(`/`)?e.split(`/`).map(e=>parseInt(e)).reduce((e,t)=>e/t):parseInt(e),xe=(e,t)=>{p.set(`volume`,e),p.set(`muted`,t)},Se=e=>{let t=p.get(`volume`)??.5,n=p.get(`muted`)??!1;e.volume=t,e.muted=n},Ce=0,k=(e,t)=>{e(()=>[{key:Ce++,...t}])},A=({preview:e,frameRate:t=`25`,aspectRatio:n,src:r,alt:o=``,lang:c,sensitive:l,onOpenVideo:f,onCloseVideo:p,detailed:m,editable:C,alwaysVisible:_e,visible:E,onToggleVisibility:O,deployPictureInPicture:A,blurhash:we,startPlaying:Te,startTime:j,startVolume:Ee,startMuted:De,matchedFilters:Oe,letterbox:ke,fullwidth:Ae})=>{let M=a(),[je,Me]=(0,b.useState)(0),[Ne,Pe]=(0,b.useState)(0),[N,P]=(0,b.useState)(.5),[F,I]=(0,b.useState)(!0),[Fe,L]=(0,b.useState)(!1),[R,Ie]=(0,b.useState)(!1),[z,B]=(0,b.useState)(!1),[V,H]=(0,b.useState)(!1),[U,Le]=he({visible:E,sensitive:l}),[Re,W]=(0,b.useState)([]),ze=(0,b.useRef)(null),G=(0,b.useRef)(null),Be=(0,b.useRef)(null),Ve=(0,b.useRef)(null),K=(0,b.useRef)(null),q=(0,b.useRef)(null),[J,Y]=te(()=>({progress:`0%`,buffer:`0%`,volume:`0%`})),He=(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&&(Se(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()?de():le(ze.current)},[]),Ue=(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)},[]),We=(0,b.useCallback)(e=>{e.stopPropagation()},[]),Ge=(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},ve)},[W,X,Z]),Ke=(0,b.useCallback)(()=>{I(!1)},[I]),qe=(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:ee.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=()=>{Ie(y())},t=(0,pe.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 fe(e),window.addEventListener(`scroll`,t),()=>{window.removeEventListener(`scroll`,t),ue(e)}},[I,Ie,r,A]);let Je=(0,b.useCallback)(()=>{G.current&&Me(G.current.currentTime)},[Me]),Ye=(0,b.useCallback)(e=>{let t=()=>{document.removeEventListener(`mousemove`,n,!0),document.removeEventListener(`mouseup`,t,!0)},n=e=>{if(!Ve.current||!G.current)return;let{x:t}=D(Ve.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]),Xe=(0,b.useCallback)(e=>{let t=()=>{document.removeEventListener(`mousemove`,n,!0),document.removeEventListener(`mouseup`,t,!0),L(!1),G.current?.play()},n=e=>{if(!Be.current||!G.current)return;let{x:t}=D(Be.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)},Ze=e=>{if(!G.current)return;let t=G.current.volume+e;isNaN(t)||(G.current.volume=t,G.current.muted=!(t>0))},Qe=(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]),$e=(0,b.useCallback)(e=>{let n=1/be(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?re:oe,label:G.current?.muted?w.unmute:w.mute}),Ue();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:se,label:w.skipBackward}),Q(-5);break;case`l`:case`ArrowRight`:e.preventDefault(),e.stopPropagation(),k(W,{icon:ie,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:re,label:w.volumeUp}),Ze(.15);break;case`ArrowDown`:e.preventDefault(),e.stopPropagation(),k(W,{icon:ce,label:w.volumeDown}),Ze(-.15)}R&&(e.preventDefault(),e.stopPropagation(),e.key===`Escape`&&(W(e=>[...e,{key:Ce++,icon:v,label:w.exit_fullscreen}]),de()))},[W,X,Z,Ue,R,t]),et=(0,b.useCallback)(()=>{B(!0),q.current&&clearTimeout(q.current),q.current=setTimeout(()=>{B(!1)},ye)},[B]),tt=(0,b.useCallback)(()=>{B(!0),q.current&&clearTimeout(q.current),q.current=setTimeout(()=>{B(!1)},ye)},[B]),nt=(0,b.useCallback)(()=>{B(!1)},[B]),rt=(0,b.useCallback)(()=>{O?O():Le(e=>!e)},[Le,O]),it=(0,b.useCallback)(()=>{G.current&&(Pe(G.current.duration),j!==void 0&&(G.current.currentTime=j),Ee!==void 0&&(G.current.volume=Ee),De!==void 0&&(G.current.muted=De),Te&&G.current.play())},[Pe,j,Ee,De,Te]),at=(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]),ot=(0,b.useCallback)(()=>{G.current&&(P(G.current.volume),H(G.current.muted),Y.start({volume:`${G.current.muted?0:G.current.volume*100}%`}),xe(G.current.volume,G.current.muted))},[Y,P,H]),st=(0,b.useCallback)(()=>{if(!G.current)return;let e=G.current.paused;G.current.pause(),f?.({startTime:G.current.currentTime,autoPlay:!e,defaultVolume:G.current.volume})},[f]),ct=(0,b.useCallback)(()=>{G.current&&(G.current.pause(),p?.())},[p]),lt=(0,b.useCallback)(({key:e})=>{W(t=>t.filter(t=>t.key!==e))},[W]),ut=Math.min(je/Ne*100,100),$=V||N===0,dt;return dt=j||R||Fe?`auto`:m?`metadata`:`none`,(0,S.jsx)(`div`,{children:(0,S.jsxs)(`div`,{role:`menuitem`,className:(0,x.default)(`video-player`,{inactive:!U,detailed:m,fullscreen:R,editable:C,letterbox:ke,"full-width":Ae}),style:{aspectRatio:n},ref:ze,onMouseEnter:et,onMouseMove:tt,onMouseLeave:nt,onClick:We,onKeyDownCapture:$e,tabIndex:0,children:[we&&(0,S.jsx)(ne,{hash:we,className:(0,x.default)(`media-gallery__preview`,{"media-gallery__preview--hidden":U}),dummy:!s}),(U||C)&&(0,S.jsx)(`video`,{ref:He,src:r,poster:e,preload:dt,role:`button`,tabIndex:0,"aria-label":o,title:R?void 0:o,lang:c,onClick:Ge,onKeyDownCapture:Qe,onPlay:Ke,onPause:qe,onLoadedData:it,onProgress:at,onTimeUpdate:Je,onVolumeChange:ot,style:{width:`100%`}}),(0,S.jsx)(ge,{events:Re,onDismiss:lt}),(0,S.jsx)(me,{hidden:U||C,sensitive:l??!1,onClick:rt,matchedFilters:Oe}

1),!p&&!C&&!R&&!_e&&U&&(0,S.jsx)(`div`,{className:(0,x.default)(`media-gallery__actions`,{active:F||z}),children:(0,S.jsx)(`button`,{className:`media-gallery__actions__pill`,onClick:rt,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":ut,"aria-valuemax":100,onMouseDown:Xe,onKeyDown:Qe,tabIndex:0,ref:Be,children:[(0,S.jsx)(d.div,{className:`video-player__seek__buffer`,style:{width:J.buffer}}),(0,S.jsx)(d.div,{className:`video-player__seek__progress`,style:{width:J.progress}}),(0,S.jsx)(d.span,{className:(0,x.default)(`video-player__seek__handle`,{active:Fe}),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)(h,{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:Ue,children:(0,S.jsx)(h,{id:$?`volume-off`:`volume-up`,icon:$?oe:re})}),(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:Ye,ref:Ve,tabIndex:0,children:[(0,S.jsx)(d.div,{className:`video-player__volume__current`,style:{width:J.volume}}),(0,S.jsx)(d.span,{className:(0,x.default)(`video-player__volume__handle`),style:{left:J.volume}})]}),(m||R)&&(0,S.jsxs)(`span`,{className:`video-player__time`,children:[(0,S.jsx)(`span`,{className:`video-player__time-current`,children:T(Math.floor(je))}),(0,S.jsx)(`span`,{className:`video-player__time-sep`,children:`/`}),(0,S.jsx)(`span`,{className:`video-player__time-total`,children:T(Math.floor(Ne))})]})]}),(0,S.jsxs)(`div`,{className:`video-player__buttons right`,children:[!R&&f&&(0,S.jsx)(`button`,{type:`button`,title:M.formatMessage(w.expand),"aria-label":M.formatMessage(w.expand),className:`player-button`,onClick:st,children:(0,S.jsx)(h,{id:`expand`,icon:ae})}),p&&(0,S.jsx)(`button`,{type:`button`,title:M.formatMessage(w.close),"aria-label":M.formatMessage(w.close),className:`player-button`,onClick:ct,children:(0,S.jsx)(h,{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)(h,{id:R?`compress`:`arrows-alt`,icon:R?v:_})})]})]})]})]})})};export{he as a,_e as i,T as n,me as o,D as r,A as t};
2//# sourceMappingURL=video-DX4XJ0Hd.js.map