react-helios 2.8.0 → 2.9.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +106 -4
- package/dist/index.d.mts +29 -1
- package/dist/index.d.ts +29 -1
- package/dist/index.js +2 -2
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +2 -2
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +92 -38
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import ut,{memo,useState,useMemo,useRef,useEffect,useCallback,forwardRef}from'react';import he,{Events}from'hls.js';import {jsx,jsxs,Fragment}from'react/jsx-runtime';var mt=Object.defineProperty;var ft=(o,r)=>{for(var a in r)mt(o,a,{get:r[a],enumerable:true});};function ve(o){if(!Number.isFinite(o)||o<0)return "0:00";let r=Math.floor(o),a=Math.floor(r/3600),l=Math.floor(r%3600/60),f=r%60;return a>0?`${a}:${String(l).padStart(2,"0")}:${String(f).padStart(2,"0")}`:`${l}:${String(f).padStart(2,"0")}`}function ye(o){try{return new URL(o,"https://x").pathname.toLowerCase().endsWith(".m3u8")||/\/hls\//i.test(o)||/\/stream\.m3u8/i.test(o)}catch{return o.toLowerCase().includes(".m3u8")}}function vt(o){if(ye(o))return "application/x-mpegURL";let r=o.toLowerCase().split("?")[0];return r.endsWith(".mp4")?"video/mp4":r.endsWith(".webm")?"video/webm":r.endsWith(".ogv")||r.endsWith(".ogg")?"video/ogg":r.endsWith(".mov")?"video/quicktime":"video/mp4"}function Qe(o){return o.map((r,a)=>({id:a,height:r.height??0,width:r.width??0,bitrate:r.bitrate??0,name:r.height?`${r.height}p`:`Level ${a+1}`}))}var gt={isPlaying:false,currentTime:0,duration:0,volume:1,isMuted:false,playbackRate:1,isFullscreen:false,isPictureInPicture:false,isTheaterMode:false,isAudioMode:false,isBuffering:false,bufferedRanges:[],error:null,isLive:false,qualityLevels:[],currentQualityLevel:-1};function qe(o,r,a={}){let l=useRef(null),f=useRef(null),v=useRef(null),m=useRef(1),M=useRef(0),L=useRef(0),T=useRef(r),c=useRef(a);c.current=a;let[R,h]=useState({...gt,isMuted:a.muted??false,volume:a.muted?0:1,isAudioMode:a.defaultAudioMode??false}),w=useRef(R);w.current=R;let E=useRef([]),S=useRef(0),D=useRef(false),N=useRef(false),x=useRef(null),C=useRef(null),F=useRef(false),k=useCallback(()=>{let e=c.current;return w.current.isAudioMode&&e.audioSrc&&e.audioRef?.current?e.audioRef.current:o.current},[o]);useEffect(()=>{let e=o.current;if(!e)return;let s=false;if(l.current&&(l.current.destroy(),l.current=null),M.current=0,L.current=0,E.current=[],S.current=0,D.current=false,N.current=false,x.current&&(clearTimeout(x.current),x.current=null),C.current&&(clearTimeout(C.current),C.current=null),F.current=false,h(t=>({...t,currentTime:0,duration:0,error:null,isPlaying:false,isBuffering:!!r,isLive:false,qualityLevels:[],currentQualityLevel:-1,isAudioMode:c.current.defaultAudioMode??false})),!r)return ()=>{s=true;};let d=c.current;if(d.enableHLS!==false&&ye(r))if(he.isSupported()){let t=new he({autoStartLoad:true,startLevel:-1,capLevelToPlayerSize:true,capLevelOnFPSDrop:true,enableWorker:true,maxBufferLength:30,maxMaxBufferLength:600,maxBufferSize:6e7,liveBackBufferLength:30,liveSyncDurationCount:3,...d.hlsConfig});t.attachMedia(e),t.loadSource(r),t.on(Events.MANIFEST_PARSED,(b,g)=>{if(s)return;let p=Qe(g.levels);h(P=>({...P,qualityLevels:p,currentQualityLevel:-1})),c.current.autoplay&&e.play().catch(()=>{});}),t.on(Events.LEVEL_SWITCHED,(b,g)=>{if(s)return;h(u=>({...u,currentQualityLevel:g.level}));let p=c.current,P=p.audioModeSwitchLevel;P===void 0||P<0||!p.audioSrc||N.current||S.current<3||h(u=>!u.isAudioMode&&g.level<=P?(D.current=true,c.current.onAudioModeChange?.(true),{...u,isAudioMode:true}):u);}),t.on(Events.FRAG_LOADED,(b,g)=>{if(s)return;L.current=0;let p=c.current;if(!p.audioSrc)return;S.current+=1;let P=g.stats.loading.end-g.stats.loading.start,u=P>0&&g.stats.total>0?g.stats.total*8/P:0,B=p.audioBandwidthThreshold??300;if(F.current){F.current=false,u>0&&B&&u>B*1.5?(D.current=false,t.startLoad(),c.current.onAudioModeChange?.(false),h(y=>({...y,isAudioMode:false}))):(t.stopLoad(),n());return}if(!B||N.current||u<=0)return;let _=E.current;if(_.push(u),_.length>5&&_.shift(),_.length<2)return;let J=_.reduce((y,X)=>y+X,0)/_.length;h(y=>!y.isAudioMode&&J<B?(D.current=true,c.current.onAudioModeChange?.(true),{...y,isAudioMode:true}):y);});let n=()=>{C.current&&clearTimeout(C.current);let b=c.current.audioModeRecoveryInterval??3e4;C.current=setTimeout(()=>{!D.current||!w.current.isAudioMode||(F.current=true,t.startLoad());},b);},i=3;t.on(Events.ERROR,(b,g)=>{if(!s){if(!g.fatal){console.warn("[hls] non-fatal:",g.details);return}switch(g.type){case he.ErrorTypes.NETWORK_ERROR:if(M.current<i){M.current+=1;let p=1e3*M.current;console.warn(`[hls] network error \u2013 retry ${M.current}/${i} in ${p}ms`),setTimeout(()=>{l.current===t&&t.startLoad();},p);}else {let p={code:"HLS_NETWORK_ERROR",message:"Failed to load stream after multiple retries."};h(P=>({...P,error:p})),c.current.onError?.(p);}break;case he.ErrorTypes.MEDIA_ERROR:if(L.current<i)L.current+=1,console.warn(`[hls] media error \u2013 recovery attempt ${L.current}/${i}`),t.recoverMediaError();else {t.destroy(),l.current=null;let p={code:"HLS_FATAL_ERROR",message:"An unrecoverable media error occurred."};h(P=>({...P,error:p})),c.current.onError?.(p);}break;default:{t.destroy(),l.current=null;let p={code:"HLS_FATAL_ERROR",message:"An unrecoverable HLS error occurred."};h(P=>({...P,error:p})),c.current.onError?.(p);break}}}}),l.current=t;}else e.canPlayType("application/vnd.apple.mpegurl")&&(e.src=r,e.load(),d.autoplay&&e.play().catch(()=>{}));else e.src=r,e.load(),d.autoplay&&e.play().catch(()=>{});return ()=>{s=true,l.current&&(l.current.destroy(),l.current=null),x.current&&(clearTimeout(x.current),x.current=null),C.current&&(clearTimeout(C.current),C.current=null),F.current=false,f.current&&(f.current.destroy(),f.current=null);let t=c.current.audioRef?.current;t&&(t.pause(),t.removeAttribute("src"),t.load());}},[r,o]),useEffect(()=>{let e=o.current;if(!e)return;c.current.muted&&(e.muted=true),c.current.loop&&(e.loop=true);let s=()=>{h(y=>({...y,isPlaying:true})),c.current.onPlay?.();},d=()=>{h(y=>({...y,isPlaying:false})),c.current.onPause?.();},t=()=>{h(y=>({...y,isPlaying:false})),c.current.onEnded?.();},n=()=>{w.current.isAudioMode&&c.current.audioSrc||c.current.onTimeUpdate?.(e.currentTime);},i=()=>{let y=e.duration,X=!Number.isFinite(y);h(fe=>({...fe,duration:X?0:y,isLive:X})),X||c.current.onDurationChange?.(y);},b=()=>{let y=e.volume;y>0&&!e.muted&&(m.current=y),h(X=>({...X,volume:y,isMuted:e.muted||y===0}));},g=()=>{h(y=>({...y,playbackRate:e.playbackRate}));},p=()=>{let y=e.error;if(!y||l.current)return;let fe={code:{1:"MEDIA_ERR_ABORTED",2:"MEDIA_ERR_NETWORK",3:"MEDIA_ERR_DECODE",4:"MEDIA_ERR_SRC_NOT_SUPPORTED"}[y.code]??"UNKNOWN",message:y.message||"Unknown media error"};h(Ie=>({...Ie,error:fe})),c.current.onError?.(fe);},P=()=>{h(y=>({...y,isBuffering:true})),c.current.onBuffering?.(true);},u=()=>{h(y=>({...y,isBuffering:false})),c.current.onBuffering?.(false);},B=()=>h(y=>({...y,isBuffering:false})),_=()=>{let y=!!(document.fullscreenElement||document.webkitFullscreenElement);h(X=>({...X,isFullscreen:y}));},J=()=>{h(y=>({...y,isPictureInPicture:document.pictureInPictureElement===e}));};return e.addEventListener("play",s),e.addEventListener("pause",d),e.addEventListener("ended",t),e.addEventListener("timeupdate",n),e.addEventListener("durationchange",i),e.addEventListener("volumechange",b),e.addEventListener("ratechange",g),e.addEventListener("error",p),e.addEventListener("waiting",P),e.addEventListener("canplay",u),e.addEventListener("playing",B),document.addEventListener("fullscreenchange",_),document.addEventListener("webkitfullscreenchange",_),e.addEventListener("enterpictureinpicture",J),e.addEventListener("leavepictureinpicture",J),()=>{e.removeEventListener("play",s),e.removeEventListener("pause",d),e.removeEventListener("ended",t),e.removeEventListener("timeupdate",n),e.removeEventListener("durationchange",i),e.removeEventListener("volumechange",b),e.removeEventListener("ratechange",g),e.removeEventListener("error",p),e.removeEventListener("waiting",P),e.removeEventListener("canplay",u),e.removeEventListener("playing",B),document.removeEventListener("fullscreenchange",_),document.removeEventListener("webkitfullscreenchange",_),e.removeEventListener("enterpictureinpicture",J),e.removeEventListener("leavepictureinpicture",J);}},[o]),useEffect(()=>{let e=c.current.audioRef?.current;if(!e||!c.current.audioSrc)return;let s=()=>{h(u=>({...u,isPlaying:true})),c.current.onPlay?.();},d=()=>{h(u=>({...u,isPlaying:false})),c.current.onPause?.();},t=()=>{h(u=>({...u,isPlaying:false})),c.current.onEnded?.();},n=()=>{h(u=>({...u,isBuffering:true})),c.current.onBuffering?.(true);},i=()=>{h(u=>({...u,isBuffering:false})),c.current.onBuffering?.(false);},b=()=>h(u=>({...u,isBuffering:false})),g=()=>{w.current.isAudioMode&&c.current.onTimeUpdate?.(e.currentTime);},p=()=>{let u=e.duration;isFinite(u)&&(h(B=>({...B,duration:u})),c.current.onDurationChange?.(u));},P=()=>{if(f.current)return;let u={code:"MEDIA_ERR_NETWORK",message:"Audio source failed to load."};h(B=>({...B,error:u})),c.current.onError?.(u);};return e.addEventListener("play",s),e.addEventListener("pause",d),e.addEventListener("ended",t),e.addEventListener("waiting",n),e.addEventListener("canplay",i),e.addEventListener("playing",b),e.addEventListener("timeupdate",g),e.addEventListener("durationchange",p),e.addEventListener("error",P),()=>{e.removeEventListener("play",s),e.removeEventListener("pause",d),e.removeEventListener("ended",t),e.removeEventListener("waiting",n),e.removeEventListener("canplay",i),e.removeEventListener("playing",b),e.removeEventListener("timeupdate",g),e.removeEventListener("durationchange",p),e.removeEventListener("error",P);}},[r]),useEffect(()=>{let e=c.current,s=o.current,d=e.audioRef?.current;if(!(!s||!d||!e.audioSrc)){if(T.current!==r){T.current=r;return}if(T.current=r,R.isAudioMode){let t=s.currentTime,n=!s.paused,i=s.volume,b=s.muted,g=s.playbackRate;if(s.pause(),l.current?.stopLoad(),ye(e.audioSrc)&&he.isSupported())if(f.current)d.currentTime=t,n&&d.play().catch(()=>{});else {let p=new he({autoStartLoad:true,startLevel:-1,enableWorker:true,maxBufferLength:30,...e.hlsConfig});p.attachMedia(d),p.loadSource(e.audioSrc),p.once(Events.MANIFEST_PARSED,()=>{d.currentTime=t,d.volume=i,d.muted=b,d.playbackRate=g,n&&d.play().catch(()=>{});}),f.current=p;}else d.getAttribute("src")||(d.src=e.audioSrc),d.currentTime=t,d.volume=i,d.muted=b,d.playbackRate=g,n&&d.play().catch(()=>{});if(D.current){C.current&&clearTimeout(C.current);let p=e.audioModeRecoveryInterval??3e4;C.current=setTimeout(()=>{!D.current||!w.current.isAudioMode||(F.current=true,l.current?.startLoad());},p);}}else {let t=d.currentTime,n=!d.paused;d.pause(),f.current&&(f.current.destroy(),f.current=null,d.removeAttribute("src"),d.load()),C.current&&(clearTimeout(C.current),C.current=null),F.current=false,l.current?.startLoad(),s.currentTime=t,s.volume=d.volume,n&&s.play().catch(()=>{});}}},[R.isAudioMode,o,r]);let q=useCallback(async()=>{let e=k();if(e)try{await e.play();}catch(s){s instanceof Error&&s.name!=="AbortError"&&console.error("[player] play() failed:",s);}},[k]),I=useCallback(()=>{k()?.pause();},[k]),Y=useCallback(e=>{let s=k();s&&(s.currentTime=Math.max(0,Math.min(e,s.duration||e)));},[k]),K=useCallback(e=>{let s=k();if(!s)return;let d=Math.max(0,Math.min(e,1));d>0&&(m.current=d),s.volume=d,s.muted=d===0;},[k]),H=useCallback(()=>{let e=k();if(e)if(e.muted||e.volume===0){let s=m.current>0?m.current:1;e.volume=s,e.muted=false;}else m.current=e.volume,e.muted=true;},[k]),te=useCallback(e=>{let s=o.current;s&&(s.playbackRate=e);let d=c.current.audioRef?.current;d&&(d.playbackRate=e);},[o]),Q=useCallback(e=>{let s=l.current;s&&(s.currentLevel=e,h(d=>({...d,currentQualityLevel:e})));},[]),V=useCallback(()=>{let e=l.current,s=o.current;if(!e||!s)return;let d=e.liveSyncPosition;d!=null&&Number.isFinite(d)&&(s.currentTime=d);},[o]),ne=useCallback(async()=>{let e=o.current;if(!e)return;let s=v.current??e.parentElement;if(s)try{!document.fullscreenElement&&!document.webkitFullscreenElement?s.requestFullscreen?await s.requestFullscreen():s.webkitRequestFullscreen?.():document.exitFullscreen?await document.exitFullscreen():document.webkitExitFullscreen?.();}catch(d){console.error("[player] fullscreen toggle failed:",d);}},[o]),ae=useCallback(async()=>{let e=o.current;if(e)try{document.pictureInPictureElement?await document.exitPictureInPicture():await e.requestPictureInPicture();}catch(s){console.error("[player] PiP toggle failed:",s);}},[o]),ie=useCallback(()=>{let e=!w.current.isTheaterMode;h(s=>({...s,isTheaterMode:e})),c.current.onTheaterModeChange?.(e);},[]),se=useCallback(()=>{x.current&&clearTimeout(x.current),D.current=false,N.current=true,x.current=setTimeout(()=>{N.current=false,E.current=[];},6e4);let e=!w.current.isAudioMode;h(s=>({...s,isAudioMode:e})),c.current.onAudioModeChange?.(e);},[]),ue=useCallback(()=>{let e=k(),s=e?.currentTime??0,d=[];if(e)for(let t=0;t<e.buffered.length;t++)d.push({start:e.buffered.start(t),end:e.buffered.end(t)});return {...w.current,currentTime:s,bufferedRanges:d}},[k]),le=useCallback(()=>o.current??null,[o]),me=useMemo(()=>({play:q,pause:I,seek:Y,setVolume:K,toggleMute:H,setPlaybackRate:te,setQualityLevel:Q,seekToLive:V,toggleFullscreen:ne,togglePictureInPicture:ae,toggleTheaterMode:ie,toggleAudioMode:se,getState:ue,getVideoElement:le}),[q,I,Y,K,H,te,Q,V,ne,ae,ie,se,ue,le]);return {state:R,ref:me,hlsRef:l,fullscreenContainerRef:v}}var nt={};ft(nt,{ControlElements:()=>Z,FullscreenButton:()=>Te,PauseButton:()=>Pe,PiPButton:()=>Re,PlayButton:()=>Le,ProgressBar:()=>Be,SettingsMenu:()=>Ne,TheaterButton:()=>Ce,TimeDisplay:()=>Ae,VolumeControl:()=>Se});var Le=memo(({onClick:o})=>jsx("button",{onClick:o,className:"controlButton","aria-label":"Play",title:"Play (Space)",children:jsx("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"currentColor",children:jsx("path",{d:"M8 5v14l11-7z"})})}));Le.displayName="PlayButton";var Pe=memo(({onClick:o})=>jsx("button",{onClick:o,className:"controlButton","aria-label":"Pause",title:"Pause (Space)",children:jsx("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"currentColor",children:jsx("path",{d:"M6 4h4v16H6V4zm8 0h4v16h-4V4z"})})}));Pe.displayName="PauseButton";var Te=memo(({onClick:o,isFullscreen:r=false})=>jsx("button",{onClick:o,className:"controlButton","aria-label":r?"Exit Fullscreen":"Fullscreen",title:r?"Exit Fullscreen (F)":"Fullscreen (F)",children:jsx("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"currentColor",children:r?jsx("path",{d:"M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"}):jsx("path",{d:"M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"})})}));Te.displayName="FullscreenButton";var Re=memo(({onClick:o,isPiP:r=false})=>jsx("button",{onClick:o,className:"controlButton","aria-label":r?"Exit Picture-in-Picture":"Picture-in-Picture",title:r?"Exit Picture-in-Picture (P)":"Picture-in-Picture (P)",children:jsx("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"currentColor",children:jsx("path",{d:"M19 11h-8v6h8v-6zm4 8V4.98C23 3.88 22.1 3 21 3H3c-1.1 0-2 .88-2 1.98V19c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2zm-2 .02H3V5h18v14.02z"})})}));Re.displayName="PiPButton";var Ce=memo(({onClick:o,isTheater:r=false})=>jsx("button",{onClick:o,className:"controlButton","aria-label":r?"Exit Theater Mode":"Theater Mode",title:r?"Exit Theater Mode (T)":"Theater Mode (T)",children:jsx("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"currentColor",children:r?jsx("path",{d:"M19 7H5c-1.1 0-2 .9-2 2v6c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V9c0-1.1-.9-2-2-2zm0 8H5V9h14v6z"}):jsx("path",{d:"M21 3H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H3V5h18v14z"})})}));Ce.displayName="TheaterButton";var Xe=memo(({volume:o,isMuted:r,onVolumeChange:a,onToggleMute:l})=>{let[f,v]=useState(false),m=r?0:o,M=m*100,L=useMemo(()=>`linear-gradient(to right, #60a5fa 0%, #60a5fa ${M}%, rgba(255,255,255,0.3) ${M}%, rgba(255,255,255,0.3) 100%)`,[M]);return jsxs("div",{className:"volumeContainer",onMouseEnter:()=>v(true),onMouseLeave:()=>v(false),children:[jsx("button",{onClick:l,className:"controlButton","aria-label":r?"Unmute":"Mute",title:r?"Unmute (M)":"Mute (M)",children:jsx("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"currentColor",children:m===0?jsx("path",{d:"M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C23.16 14.42 24 13.3 24 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z"}):m<.5?jsx("path",{d:"M7 9v6h4l5 5V4l-5 5H7z"}):jsx("path",{d:"M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z"})})}),f&&jsx("input",{type:"range",min:"0",max:"100",value:M,onChange:T=>a(Number(T.target.value)/100),className:"volumeSlider",style:{background:L},"aria-label":"Volume","aria-valuenow":Math.round(M)})]})});Xe.displayName="VolumeControl";var Se=Xe;function je(o){let r=o.trim().split(":");return r.length===3?+r[0]*3600+ +r[1]*60+parseFloat(r[2]):+r[0]*60+parseFloat(r[1])}function Lt(o,r,a){if(/^https?:\/\//i.test(r))return r;if(r.startsWith("/")&&a)return a.replace(/\/+$/,"")+r;try{return new URL(r,o).href}catch{return r}}function Oe(o,r="",a){let l=[],f=o.replace(/\r\n/g,`
|
|
1
|
+
import Lt,{memo,useState,useMemo,useRef,useEffect,useCallback,forwardRef}from'react';import be,{Events}from'hls.js';import {jsx,jsxs,Fragment}from'react/jsx-runtime';var wt=Object.defineProperty;var kt=(r,n)=>{for(var o in n)wt(r,o,{get:n[o],enumerable:true});};function ge(r){if(!Number.isFinite(r)||r<0)return "0:00";let n=Math.floor(r),o=Math.floor(n/3600),l=Math.floor(n%3600/60),c=n%60;return o>0?`${o}:${String(l).padStart(2,"0")}:${String(c).padStart(2,"0")}`:`${l}:${String(c).padStart(2,"0")}`}function Le(r){try{return new URL(r,"https://x").pathname.toLowerCase().endsWith(".m3u8")||/\/hls\//i.test(r)||/\/stream\.m3u8/i.test(r)}catch{return r.toLowerCase().includes(".m3u8")}}function xt(r){if(Le(r))return "application/x-mpegURL";let n=r.toLowerCase().split("?")[0];return n.endsWith(".mp4")?"video/mp4":n.endsWith(".webm")?"video/webm":n.endsWith(".ogv")||n.endsWith(".ogg")?"video/ogg":n.endsWith(".mov")?"video/quicktime":"video/mp4"}function nt(r){return r.map((n,o)=>({id:o,height:n.height??0,width:n.width??0,bitrate:n.bitrate??0,name:n.height?`${n.height}p`:`Level ${o+1}`}))}var Nt={isPlaying:false,currentTime:0,duration:0,volume:1,isMuted:false,playbackRate:1,isFullscreen:false,isPictureInPicture:false,isTheaterMode:false,isAudioMode:false,isBuffering:false,bufferedRanges:[],error:null,isLive:false,qualityLevels:[],currentQualityLevel:-1};function rt(r,n,o={}){let l=useRef(null),c=useRef(null),p=useRef(null),f=useRef(1),P=useRef(0),T=useRef(0),x=useRef(n),u=useRef(o);u.current=o;let[N,h]=useState({...Nt,isMuted:o.muted??false,volume:o.muted?0:1,isAudioMode:o.defaultAudioMode??false}),w=useRef(N);w.current=N;let V=useRef([]),A=useRef(0),H=useRef(false),D=useRef(false),B=useRef(null),k=useRef(null),F=useRef(false),C=useCallback(()=>{let e=u.current;return w.current.isAudioMode&&e.audioSrc&&e.audioRef?.current?e.audioRef.current:r.current},[r]);useEffect(()=>{let e=r.current;if(!e)return;let s=false;if(l.current&&(l.current.destroy(),l.current=null),P.current=0,T.current=0,V.current=[],A.current=0,H.current=false,D.current=false,B.current&&(clearTimeout(B.current),B.current=null),k.current&&(clearTimeout(k.current),k.current=null),F.current=false,h(t=>({...t,currentTime:0,duration:0,error:null,isPlaying:false,isBuffering:!!n,isLive:false,qualityLevels:[],currentQualityLevel:-1,isAudioMode:u.current.defaultAudioMode??false})),!n)return ()=>{s=true;};let d=u.current;if(d.enableHLS!==false&&Le(n))if(be.isSupported()){let t=new be({autoStartLoad:true,startLevel:-1,capLevelToPlayerSize:true,capLevelOnFPSDrop:true,enableWorker:true,maxBufferLength:30,maxMaxBufferLength:600,maxBufferSize:6e7,liveBackBufferLength:30,liveSyncDurationCount:3,...d.hlsConfig});t.attachMedia(e),t.loadSource(n),t.on(Events.MANIFEST_PARSED,(E,y)=>{if(s)return;let i=nt(y.levels);h(v=>({...v,qualityLevels:i,currentQualityLevel:-1})),u.current.autoplay&&e.play().catch(()=>{});}),t.on(Events.LEVEL_SWITCHED,(E,y)=>{if(s)return;h(b=>({...b,currentQualityLevel:y.level}));let i=u.current,v=i.audioModeSwitchLevel;v===void 0||v<0||!i.audioSrc||D.current||A.current<3||h(b=>!b.isAudioMode&&y.level<=v?(H.current=true,u.current.onAudioModeChange?.(true),{...b,isAudioMode:true}):b);}),t.on(Events.FRAG_LOADED,(E,y)=>{if(s)return;T.current=0;let i=u.current;if(!i.audioSrc)return;A.current+=1;let v=y.stats.loading.end-y.stats.loading.start,b=v>0&&y.stats.total>0?y.stats.total*8/v:0,z=i.audioBandwidthThreshold??300;if(F.current){F.current=false,b>0&&z&&b>z*1.5?(H.current=false,t.startLoad(),u.current.onAudioModeChange?.(false),h(M=>({...M,isAudioMode:false}))):(t.stopLoad(),a());return}if(!z||D.current||b<=0)return;let $=V.current;if($.push(b),$.length>5&&$.shift(),$.length<2)return;let ne=$.reduce((M,W)=>M+W,0)/$.length;h(M=>!M.isAudioMode&&ne<z?(H.current=true,u.current.onAudioModeChange?.(true),{...M,isAudioMode:true}):M);});let a=()=>{k.current&&clearTimeout(k.current);let E=u.current.audioModeRecoveryInterval??3e4;k.current=setTimeout(()=>{!H.current||!w.current.isAudioMode||(F.current=true,t.startLoad());},E);},m=3;t.on(Events.ERROR,(E,y)=>{if(!s){if(!y.fatal){console.warn("[hls] non-fatal:",y.details);return}switch(y.type){case be.ErrorTypes.NETWORK_ERROR:if(P.current<m){P.current+=1;let i=1e3*P.current;console.warn(`[hls] network error \u2013 retry ${P.current}/${m} in ${i}ms`),setTimeout(()=>{l.current===t&&t.startLoad();},i);}else {let i={code:"HLS_NETWORK_ERROR",message:"Failed to load stream after multiple retries."};h(v=>({...v,error:i})),u.current.onError?.(i);}break;case be.ErrorTypes.MEDIA_ERROR:if(T.current<m)T.current+=1,console.warn(`[hls] media error \u2013 recovery attempt ${T.current}/${m}`),t.recoverMediaError();else {t.destroy(),l.current=null;let i={code:"HLS_FATAL_ERROR",message:"An unrecoverable media error occurred."};h(v=>({...v,error:i})),u.current.onError?.(i);}break;default:{t.destroy(),l.current=null;let i={code:"HLS_FATAL_ERROR",message:"An unrecoverable HLS error occurred."};h(v=>({...v,error:i})),u.current.onError?.(i);break}}}}),l.current=t;}else e.canPlayType("application/vnd.apple.mpegurl")&&(e.src=n,e.load(),d.autoplay&&e.play().catch(()=>{}));else e.src=n,e.load(),d.autoplay&&e.play().catch(()=>{});return ()=>{s=true,l.current&&(l.current.destroy(),l.current=null),B.current&&(clearTimeout(B.current),B.current=null),k.current&&(clearTimeout(k.current),k.current=null),F.current=false,c.current&&(c.current.destroy(),c.current=null);let t=u.current.audioRef?.current;t&&(t.pause(),t.removeAttribute("src"),t.load());}},[n,r]),useEffect(()=>{let e=r.current;if(!e)return;u.current.muted&&(e.muted=true),u.current.loop&&(e.loop=true);let s=()=>{h(M=>({...M,isPlaying:true})),u.current.onPlay?.();},d=()=>{h(M=>({...M,isPlaying:false})),u.current.onPause?.();},t=()=>{h(M=>({...M,isPlaying:false})),u.current.onEnded?.();},a=()=>{w.current.isAudioMode&&u.current.audioSrc||u.current.onTimeUpdate?.(e.currentTime);},m=()=>{let M=e.duration,W=!Number.isFinite(M);h(ve=>({...ve,duration:W?0:M,isLive:W})),W||u.current.onDurationChange?.(M);},E=()=>{let M=e.volume;M>0&&!e.muted&&(f.current=M),h(W=>({...W,volume:M,isMuted:e.muted||M===0}));},y=()=>{h(M=>({...M,playbackRate:e.playbackRate}));},i=()=>{let M=e.error;if(!M||l.current)return;let ve={code:{1:"MEDIA_ERR_ABORTED",2:"MEDIA_ERR_NETWORK",3:"MEDIA_ERR_DECODE",4:"MEDIA_ERR_SRC_NOT_SUPPORTED"}[M.code]??"UNKNOWN",message:M.message||"Unknown media error"};h(Qe=>({...Qe,error:ve})),u.current.onError?.(ve);},v=()=>{h(M=>({...M,isBuffering:true})),u.current.onBuffering?.(true);},b=()=>{h(M=>({...M,isBuffering:false})),u.current.onBuffering?.(false);},z=()=>h(M=>({...M,isBuffering:false})),$=()=>{let M=!!(document.fullscreenElement||document.webkitFullscreenElement);h(W=>({...W,isFullscreen:M}));},ne=()=>{h(M=>({...M,isPictureInPicture:document.pictureInPictureElement===e}));};return e.addEventListener("play",s),e.addEventListener("pause",d),e.addEventListener("ended",t),e.addEventListener("timeupdate",a),e.addEventListener("durationchange",m),e.addEventListener("volumechange",E),e.addEventListener("ratechange",y),e.addEventListener("error",i),e.addEventListener("waiting",v),e.addEventListener("canplay",b),e.addEventListener("playing",z),document.addEventListener("fullscreenchange",$),document.addEventListener("webkitfullscreenchange",$),e.addEventListener("enterpictureinpicture",ne),e.addEventListener("leavepictureinpicture",ne),()=>{e.removeEventListener("play",s),e.removeEventListener("pause",d),e.removeEventListener("ended",t),e.removeEventListener("timeupdate",a),e.removeEventListener("durationchange",m),e.removeEventListener("volumechange",E),e.removeEventListener("ratechange",y),e.removeEventListener("error",i),e.removeEventListener("waiting",v),e.removeEventListener("canplay",b),e.removeEventListener("playing",z),document.removeEventListener("fullscreenchange",$),document.removeEventListener("webkitfullscreenchange",$),e.removeEventListener("enterpictureinpicture",ne),e.removeEventListener("leavepictureinpicture",ne);}},[r]),useEffect(()=>{let e=u.current.audioRef?.current;if(!e||!u.current.audioSrc)return;let s=()=>{h(b=>({...b,isPlaying:true})),u.current.onPlay?.();},d=()=>{h(b=>({...b,isPlaying:false})),u.current.onPause?.();},t=()=>{h(b=>({...b,isPlaying:false})),u.current.onEnded?.();},a=()=>{h(b=>({...b,isBuffering:true})),u.current.onBuffering?.(true);},m=()=>{h(b=>({...b,isBuffering:false})),u.current.onBuffering?.(false);},E=()=>h(b=>({...b,isBuffering:false})),y=()=>{w.current.isAudioMode&&u.current.onTimeUpdate?.(e.currentTime);},i=()=>{let b=e.duration;isFinite(b)&&(h(z=>({...z,duration:b})),u.current.onDurationChange?.(b));},v=()=>{if(c.current)return;let b={code:"MEDIA_ERR_NETWORK",message:"Audio source failed to load."};h(z=>({...z,error:b})),u.current.onError?.(b);};return e.addEventListener("play",s),e.addEventListener("pause",d),e.addEventListener("ended",t),e.addEventListener("waiting",a),e.addEventListener("canplay",m),e.addEventListener("playing",E),e.addEventListener("timeupdate",y),e.addEventListener("durationchange",i),e.addEventListener("error",v),()=>{e.removeEventListener("play",s),e.removeEventListener("pause",d),e.removeEventListener("ended",t),e.removeEventListener("waiting",a),e.removeEventListener("canplay",m),e.removeEventListener("playing",E),e.removeEventListener("timeupdate",y),e.removeEventListener("durationchange",i),e.removeEventListener("error",v);}},[n]),useEffect(()=>{let e=u.current,s=r.current,d=e.audioRef?.current;if(!(!s||!d||!e.audioSrc)){if(x.current!==n){x.current=n;return}if(x.current=n,N.isAudioMode){let t=s.currentTime,a=!s.paused,m=s.volume,E=s.muted,y=s.playbackRate;if(s.pause(),l.current?.stopLoad(),Le(e.audioSrc)&&be.isSupported())if(c.current)d.currentTime=t,a&&d.play().catch(()=>{});else {let i=new be({autoStartLoad:true,startLevel:-1,enableWorker:true,maxBufferLength:30,...e.hlsConfig});i.attachMedia(d),i.loadSource(e.audioSrc),i.once(Events.MANIFEST_PARSED,()=>{d.currentTime=t,d.volume=m,d.muted=E,d.playbackRate=y,a&&d.play().catch(()=>{});}),c.current=i;}else d.getAttribute("src")||(d.src=e.audioSrc),d.currentTime=t,d.volume=m,d.muted=E,d.playbackRate=y,a&&d.play().catch(()=>{});if(H.current){k.current&&clearTimeout(k.current);let i=e.audioModeRecoveryInterval??3e4;k.current=setTimeout(()=>{!H.current||!w.current.isAudioMode||(F.current=true,l.current?.startLoad());},i);}}else {let t=d.currentTime,a=!d.paused;d.pause(),c.current&&(c.current.destroy(),c.current=null,d.removeAttribute("src"),d.load()),k.current&&(clearTimeout(k.current),k.current=null),F.current=false,l.current?.startLoad(),s.currentTime=t,s.volume=d.volume,a&&s.play().catch(()=>{});}}},[N.isAudioMode,r,n]);let g=useCallback(async()=>{let e=C();if(e)try{await e.play();}catch(s){s instanceof Error&&s.name!=="AbortError"&&console.error("[player] play() failed:",s);}},[C]),R=useCallback(()=>{C()?.pause();},[C]),te=useCallback(e=>{let s=C();s&&(s.currentTime=Math.max(0,Math.min(e,s.duration||e)));},[C]),G=useCallback(e=>{let s=C();if(!s)return;let d=Math.max(0,Math.min(e,1));d>0&&(f.current=d),s.volume=d,s.muted=d===0;},[C]),de=useCallback(()=>{let e=C();if(e)if(e.muted||e.volume===0){let s=f.current>0?f.current:1;e.volume=s,e.muted=false;}else f.current=e.volume,e.muted=true;},[C]),ie=useCallback(e=>{let s=r.current;s&&(s.playbackRate=e);let d=u.current.audioRef?.current;d&&(d.playbackRate=e);},[r]),se=useCallback(e=>{let s=l.current;s&&(s.currentLevel=e,h(d=>({...d,currentQualityLevel:e})));},[]),_=useCallback(()=>{let e=l.current,s=r.current;if(!e||!s)return;let d=e.liveSyncPosition;d!=null&&Number.isFinite(d)&&(s.currentTime=d);},[r]),I=useCallback(async()=>{let e=r.current;if(!e)return;let s=p.current??e.parentElement;if(s)try{!document.fullscreenElement&&!document.webkitFullscreenElement?s.requestFullscreen?await s.requestFullscreen():s.webkitRequestFullscreen?.():document.exitFullscreen?await document.exitFullscreen():document.webkitExitFullscreen?.();}catch(d){console.error("[player] fullscreen toggle failed:",d);}},[r]),le=useCallback(async()=>{let e=r.current;if(e)try{document.pictureInPictureElement?await document.exitPictureInPicture():await e.requestPictureInPicture();}catch(s){console.error("[player] PiP toggle failed:",s);}},[r]),Y=useCallback(()=>{let e=!w.current.isTheaterMode;h(s=>({...s,isTheaterMode:e})),u.current.onTheaterModeChange?.(e);},[]),ue=useCallback(()=>{B.current&&clearTimeout(B.current),H.current=false,D.current=true,B.current=setTimeout(()=>{D.current=false,V.current=[];},6e4);let e=!w.current.isAudioMode;h(s=>({...s,isAudioMode:e})),u.current.onAudioModeChange?.(e);},[]),me=useCallback(()=>{let e=C(),s=e?.currentTime??0,d=[];if(e)for(let t=0;t<e.buffered.length;t++)d.push({start:e.buffered.start(t),end:e.buffered.end(t)});return {...w.current,currentTime:s,bufferedRanges:d}},[C]),fe=useCallback(()=>r.current??null,[r]),he=useMemo(()=>({play:g,pause:R,seek:te,setVolume:G,toggleMute:de,setPlaybackRate:ie,setQualityLevel:se,seekToLive:_,toggleFullscreen:I,togglePictureInPicture:le,toggleTheaterMode:Y,toggleAudioMode:ue,getState:me,getVideoElement:fe}),[g,R,te,G,de,ie,se,_,I,le,Y,ue,me,fe]);return {state:N,ref:he,hlsRef:l,fullscreenContainerRef:p}}var ht={};kt(ht,{ControlElements:()=>re,FullscreenButton:()=>Re,PauseButton:()=>Ce,PiPButton:()=>we,PlayButton:()=>Te,ProgressBar:()=>De,SettingsMenu:()=>Ve,TheaterButton:()=>ke,TimeDisplay:()=>Oe,VolumeControl:()=>Ae});var Te=memo(({onClick:r})=>jsx("button",{onClick:r,className:"controlButton","aria-label":"Play",title:"Play (Space)",children:jsx("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"currentColor",children:jsx("path",{d:"M8 5v14l11-7z"})})}));Te.displayName="PlayButton";var Ce=memo(({onClick:r})=>jsx("button",{onClick:r,className:"controlButton","aria-label":"Pause",title:"Pause (Space)",children:jsx("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"currentColor",children:jsx("path",{d:"M6 4h4v16H6V4zm8 0h4v16h-4V4z"})})}));Ce.displayName="PauseButton";var Re=memo(({onClick:r,isFullscreen:n=false})=>jsx("button",{onClick:r,className:"controlButton","aria-label":n?"Exit Fullscreen":"Fullscreen",title:n?"Exit Fullscreen (F)":"Fullscreen (F)",children:jsx("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"currentColor",children:n?jsx("path",{d:"M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"}):jsx("path",{d:"M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"})})}));Re.displayName="FullscreenButton";var we=memo(({onClick:r,isPiP:n=false})=>jsx("button",{onClick:r,className:"controlButton","aria-label":n?"Exit Picture-in-Picture":"Picture-in-Picture",title:n?"Exit Picture-in-Picture (P)":"Picture-in-Picture (P)",children:jsx("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"currentColor",children:jsx("path",{d:"M19 11h-8v6h8v-6zm4 8V4.98C23 3.88 22.1 3 21 3H3c-1.1 0-2 .88-2 1.98V19c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2zm-2 .02H3V5h18v14.02z"})})}));we.displayName="PiPButton";var ke=memo(({onClick:r,isTheater:n=false})=>jsx("button",{onClick:r,className:"controlButton","aria-label":n?"Exit Theater Mode":"Theater Mode",title:n?"Exit Theater Mode (T)":"Theater Mode (T)",children:jsx("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"currentColor",children:n?jsx("path",{d:"M19 7H5c-1.1 0-2 .9-2 2v6c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V9c0-1.1-.9-2-2-2zm0 8H5V9h14v6z"}):jsx("path",{d:"M21 3H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H3V5h18v14z"})})}));ke.displayName="TheaterButton";var ot=memo(({volume:r,isMuted:n,onVolumeChange:o,onToggleMute:l})=>{let[c,p]=useState(false),f=n?0:r,P=f*100,T=useMemo(()=>`linear-gradient(to right, #60a5fa 0%, #60a5fa ${P}%, rgba(255,255,255,0.3) ${P}%, rgba(255,255,255,0.3) 100%)`,[P]);return jsxs("div",{className:"volumeContainer",onMouseEnter:()=>p(true),onMouseLeave:()=>p(false),children:[jsx("button",{onClick:l,className:"controlButton","aria-label":n?"Unmute":"Mute",title:n?"Unmute (M)":"Mute (M)",children:jsx("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"currentColor",children:f===0?jsx("path",{d:"M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C23.16 14.42 24 13.3 24 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z"}):f<.5?jsx("path",{d:"M7 9v6h4l5 5V4l-5 5H7z"}):jsx("path",{d:"M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z"})})}),c&&jsx("input",{type:"range",min:"0",max:"100",value:P,onChange:x=>o(Number(x.target.value)/100),className:"volumeSlider",style:{background:T},"aria-label":"Volume","aria-valuenow":Math.round(P)})]})});ot.displayName="VolumeControl";var Ae=ot;function at(r){let n=r.trim().split(":");return n.length===3?+n[0]*3600+ +n[1]*60+parseFloat(n[2]):+n[0]*60+parseFloat(n[1])}function It(r,n,o){if(/^https?:\/\//i.test(n))return n;if(n.startsWith("/")&&o)return o.replace(/\/+$/,"")+n;try{return new URL(n,r).href}catch{return n}}function $e(r,n="",o){let l=[],c=r.replace(/\r\n/g,`
|
|
2
2
|
`).split(`
|
|
3
|
-
`),v=0;for(;v<f.length;){let m=f[v].trim();if(m.includes("-->")){let M=m.indexOf("-->"),L=je(m.slice(0,M)),T=je(m.slice(M+3));for(v++;v<f.length&&!f[v].trim();)v++;if(v<f.length){let c=f[v].trim(),R=c.lastIndexOf("#xywh="),h=c,w=0,E=0,S=160,D=90;if(R!==-1){h=c.slice(0,R);let N=c.slice(R+6).split(",").map(Number);w=N[0]??0,E=N[1]??0,S=N[2]??160,D=N[3]??90;}l.push({start:L,end:T,url:Lt(r,h,a),x:w,y:E,w:S,h:D});}}v++;}return l}function Fe(o,r){if(!o.length)return null;let a=0,l=o.length-1;for(;a<=l;){let f=a+l>>1;if(o[f].end<=r)a=f+1;else if(o[f].start>r)l=f-1;else return o[f]}return null}var Ye=memo(({videoRef:o,playerRef:r,enablePreview:a=true,thumbnailVtt:l,thumbnailVttBaseUrl:f,isAudioMode:v=false})=>{let m=useRef(null),M=useRef(null),L=useRef(null),T=useRef(null),c=useRef(null),R=useRef(null),h=useRef(null),w=useRef(null),E=useRef(null),[S,D]=useState([]),N=useRef(false),x=useRef(0),C=useRef(0),F=useRef(null),k=useRef([]),q=useRef(null);useEffect(()=>{let t=()=>{q.current=null;};return window.addEventListener("resize",t,{passive:true}),()=>window.removeEventListener("resize",t)},[]);let I=useCallback(()=>(!q.current&&m.current&&(q.current=m.current.getBoundingClientRect()),q.current),[]);useEffect(()=>{if(!l){k.current=[];return}let t=false;return fetch(l).then(n=>n.text()).then(n=>{t||(k.current=Oe(n,l,f));}).catch(()=>{t||(k.current=[]);}),()=>{t=true;}},[l]),useEffect(()=>{let t=o.current;if(!t)return;let n=()=>{let i=isFinite(t.duration)?t.duration:0,b=t.currentTime,g=i>0?b/i*100:0;M.current&&(M.current.style.width=`${g}%`),L.current&&(L.current.style.left=`${g}%`),w.current&&(w.current.style.clipPath=`inset(0 ${(100-g).toFixed(2)}% 0 0)`),m.current&&(m.current.setAttribute("aria-valuenow",String(Math.round(b))),m.current.setAttribute("aria-valuemax",String(Math.round(i))),m.current.setAttribute("aria-valuetext",ve(b)));};return t.addEventListener("timeupdate",n),t.addEventListener("durationchange",n),t.addEventListener("seeked",n),n(),()=>{t.removeEventListener("timeupdate",n),t.removeEventListener("durationchange",n),t.removeEventListener("seeked",n);}},[o,v]),useEffect(()=>{let t=o.current;if(!t)return;let n=()=>{let i=[];for(let b=0;b<t.buffered.length;b++)i.push({start:t.buffered.start(b),end:t.buffered.end(b)});if(v||D(i),E.current&&isFinite(t.duration)&&t.duration>0){let g=i.reduce((p,P)=>Math.max(p,P.end),0)/t.duration*100;E.current.style.clipPath=`inset(0 ${(100-g).toFixed(2)}% 0 0)`;}};return t.addEventListener("progress",n),()=>t.removeEventListener("progress",n)},[o,v]);let Y=useCallback(()=>{N.current=true,L.current?.classList.add("dragging");},[]),K=useCallback(()=>{N.current=false,L.current?.classList.remove("dragging");},[]),H=useCallback(()=>{!a||v||(q.current=null,T.current&&(T.current.style.display="block"),R.current&&(R.current.style.display="block"));},[a,v]),te=useCallback(()=>{T.current&&(T.current.style.display="none"),R.current&&(R.current.style.display="none");},[]),Q=useCallback(t=>{if(!h.current||!k.current.length)return;let n=Fe(k.current,t);if(F.current=n,!n)return;let i=h.current;i.style.backgroundImage=`url(${n.url})`,i.style.backgroundPosition=`-${n.x}px -${n.y}px`,i.style.width=`${n.w}px`,i.style.height=`${n.h}px`;},[]),V=useCallback(t=>{let n=I(),i=o.current?.duration;return !n||n.width===0||!i||!isFinite(i)?0:Math.max(0,Math.min(t-n.left,n.width))/n.width*i},[I,o]),ne=useCallback(t=>{let n=I();return n?Math.max(0,Math.min(t-n.left,n.width)):0},[I]),ae=useCallback(t=>{let n=o.current;if(!n)return;let i=n.currentTime,b=isFinite(n.duration)?n.duration:0;switch(t.key){case "ArrowLeft":case "ArrowRight":{t.preventDefault(),t.nativeEvent.stopImmediatePropagation();let g=t.shiftKey?10:5;r.seek(t.key==="ArrowLeft"?Math.max(0,i-g):Math.min(b,i+g));break}case "Home":t.preventDefault(),t.nativeEvent.stopImmediatePropagation(),r.seek(0);break;case "End":b>0&&(t.preventDefault(),t.nativeEvent.stopImmediatePropagation(),r.seek(b));break}},[o,r]),ie=useCallback(t=>{let n=V(t.clientX),i=ne(t.clientX);if(x.current=i,C.current=n,R.current&&(R.current.style.left=`${i}px`),c.current&&(c.current.textContent=ve(n)),Q(n),T.current){let b=T.current.offsetWidth,g=I()?.width??0,p=b/2,P=Math.max(p,Math.min(i,g-p));T.current.style.left=`${P}px`;}N.current&&r.seek(n);},[r,Q,V,ne,I]),se=useCallback(()=>{te(),K();},[te,K]),ue=useCallback(t=>{t.preventDefault(),Y(),r.seek(V(t.clientX));},[Y,V,r]),le=useCallback(t=>{N.current||r.seek(V(t.clientX));},[V,r]);useEffect(()=>{let t=m.current;if(!t)return;let n=i=>{N.current&&i.preventDefault();};return t.addEventListener("touchmove",n,{passive:false}),()=>t.removeEventListener("touchmove",n)},[]);let me=useCallback(t=>{q.current=null,Y(),r.seek(V(t.touches[0].clientX));},[Y,V,r]),e=useCallback(t=>{N.current&&r.seek(V(t.touches[0].clientX));},[V,r]);useEffect(()=>{let t=()=>K();return window.addEventListener("mouseup",t),()=>window.removeEventListener("mouseup",t)},[K]);let s=useMemo(()=>{let n=[],i=3735928559,b=()=>(i^=i<<13,i^=i>>17,i^=i<<5,(i>>>0)/4294967295);for(let g=0;g<200;g++){let p=g/200*Math.PI*5,P=.15+.55*Math.abs(Math.sin(p))+.3*b();n.push(Math.max(.1,Math.min(1,P)));}return n},[]),d=useMemo(()=>{let t=o.current,n=t&&isFinite(t.duration)?t.duration:0;return n<=0||!S.length?null:S.map((i,b)=>{let g=i.start/n*100,p=(i.end-i.start)/n*100;return jsx("div",{className:"bufferedSegment",style:{left:`${g}%`,width:`${p}%`}},b)})},[S,o]);return jsxs("div",{ref:m,className:"progressContainer",onMouseMove:ie,onMouseEnter:H,onMouseLeave:se,onMouseDown:ue,onMouseUp:K,onClick:le,onTouchStart:me,onTouchMove:e,onTouchEnd:K,onKeyDown:ae,role:"slider","aria-label":v?"Audio progress":"Video progress","aria-valuemin":0,"aria-valuemax":0,"aria-valuenow":0,"aria-valuetext":"0:00",tabIndex:0,children:[a&&jsxs("div",{ref:T,className:"previewTooltip",style:{left:0,display:"none"},"aria-hidden":"true",children:[l&&jsx("div",{ref:h,className:"previewThumbnail"}),jsx("div",{ref:c,className:"previewTime"})]}),v?jsxs("div",{className:"rvp-waveform","aria-hidden":"true",children:[jsx("div",{className:"rvp-waveform-base",children:s.map((t,n)=>jsx("div",{className:"rvp-waveform-dot"},n))}),jsx("div",{ref:E,className:"rvp-waveform-buffered",style:{clipPath:"inset(0 100% 0 0)"},children:s.map((t,n)=>jsx("div",{className:"rvp-waveform-buffered-bar",style:{height:`${Math.round(t*100)}%`}},n))}),jsx("div",{ref:w,className:"rvp-waveform-filled",children:s.map((t,n)=>jsx("div",{className:"rvp-waveform-bar",style:{height:`${Math.round(t*100)}%`}},n))})]}):jsxs(Fragment,{children:[jsxs("div",{className:"progressBackground",children:[d,jsx("div",{ref:M,className:"progressFilled",style:{width:"0%"}}),a&&jsx("div",{ref:R,className:"hoverIndicator",style:{left:0,display:"none"},"aria-hidden":"true"})]}),jsx("div",{ref:L,className:"scrubHandle",style:{left:"0%"},"aria-hidden":"true"})]})]})});Ye.displayName="ProgressBar";var Be=Ye;var et=memo(({currentRate:o,playbackRates:r,onRateChange:a,qualityLevels:l=[],currentQualityLevel:f=-1,onQualityChange:v})=>{let[m,M]=useState(false),[L,T]=useState("speed"),c=useRef(null),R=l.length>0&&!!v;useEffect(()=>{let E=S=>{c.current&&!c.current.contains(S.target)&&M(false);};return m&&document.addEventListener("mousedown",E),()=>document.removeEventListener("mousedown",E)},[m]);let h=useMemo(()=>[...l].sort((E,S)=>S.bitrate-E.bitrate),[l]),w=useMemo(()=>f===-1?"Auto":l.find(E=>E.id===f)?.name??"Auto",[l,f]);return jsxs("div",{ref:c,className:"settingsContainer",children:[jsx("button",{onClick:()=>M(E=>!E),className:"controlButton","aria-label":"Settings",title:"Settings","aria-expanded":m,children:jsx("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"currentColor",children:jsx("path",{d:"M19.14 12.94c.04-.3.06-.61.06-.94s-.02-.64-.07-.94l2.03-1.58a.49.49 0 0 0 .12-.61l-1.92-3.32a.49.49 0 0 0-.59-.22l-2.39.96a7.02 7.02 0 0 0-1.62-.94l-.36-2.54a.484.484 0 0 0-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54a6.88 6.88 0 0 0-1.61.94l-2.39-.96a.488.488 0 0 0-.59.22L2.74 8.87a.48.48 0 0 0 .12.61l2.03 1.58c-.05.3-.09.63-.09.94s.02.64.07.94l-2.03 1.58a.49.49 0 0 0-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54a6.88 6.88 0 0 0 1.61-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32a.47.47 0 0 0-.12-.61l-2.01-1.58zM12 15.6A3.6 3.6 0 0 1 8.4 12 3.6 3.6 0 0 1 12 8.4a3.6 3.6 0 0 1 3.6 3.6 3.6 3.6 0 0 1-3.6 3.6z"})})}),m&&jsxs("div",{className:"settingsDropdown",role:"menu",children:[R&&jsxs("div",{className:"settingsTabs",children:[jsx("button",{className:`settingsTab${L==="speed"?" active":""}`,onClick:()=>T("speed"),children:"Speed"}),jsx("button",{className:`settingsTab${L==="quality"?" active":""}`,onClick:()=>T("quality"),children:"Quality"})]}),(!R||L==="speed")&&jsxs("div",{children:[!R&&jsx("div",{className:"settingsPanelLabel",children:"Playback Speed"}),r.map(E=>jsx("button",{onClick:()=>{a(E),M(false);},className:`settingsOption${o===E?" active":""}`,role:"menuitemradio","aria-checked":o===E,children:E===1?"Normal":`${E}\xD7`},E))]}),R&&L==="quality"&&jsxs("div",{children:[jsxs("button",{onClick:()=>{v(-1),M(false);},className:`settingsOption${f===-1?" active":""}`,role:"menuitemradio","aria-checked":f===-1,children:["Auto ",f===-1&&w!=="Auto"?`(${w})`:""]}),h.map(E=>jsxs("button",{onClick:()=>{v(E.id),M(false);},className:`settingsOption${f===E.id?" active":""}`,role:"menuitemradio","aria-checked":f===E.id,children:[E.name,E.bitrate>0&&jsxs("span",{className:"settingsOptionBadge",children:[Math.round(E.bitrate/1e3)," kbps"]})]},E.id))]})]})]})});et.displayName="SettingsMenu";var Ne=et;var rt=memo(({videoRef:o,isLive:r=false,isAudioMode:a=false})=>{let l=useRef(null),f=useRef(null);return useEffect(()=>{let v=o.current;if(!v)return;let m=()=>{l.current&&(l.current.textContent=ve(v.currentTime));},M=()=>{if(f.current){let L=isFinite(v.duration)?v.duration:0;f.current.textContent=` / ${ve(L)}`;}};return v.addEventListener("timeupdate",m),v.addEventListener("durationchange",M),v.addEventListener("seeked",m),m(),M(),()=>{v.removeEventListener("timeupdate",m),v.removeEventListener("durationchange",M),v.removeEventListener("seeked",m);}},[o,r,a]),r?jsx("span",{className:"timeDisplay",style:{opacity:.7},children:jsx("span",{ref:l,children:"0:00"})}):jsxs("span",{className:"timeDisplay",children:[jsx("span",{ref:l,children:"0:00"}),jsx("span",{ref:f,style:{opacity:.6},children:" / 0:00"})]})});rt.displayName="TimeDisplay";var Ae=rt;var Z={PlayButton:Le,PauseButton:Pe,FullscreenButton:Te,PiPButton:Re,TheaterButton:Ce,VolumeControl:Se,ProgressBar:Be,SettingsMenu:Ne,TimeDisplay:Ae};var He=memo(function({videoRef:r,playerRef:a,playerContainerRef:l,playbackRates:f,enablePreview:v,thumbnailVtt:m,thumbnailVttBaseUrl:M,isPlaying:L,volume:T,isMuted:c,playbackRate:R,isFullscreen:h,isPictureInPicture:w,isTheaterMode:E,isAudioMode:S,showAudioButton:D,audioModeIcon:N,videoModeIcon:x,audioModeLabel:C,videoModeLabel:F,isLive:k,qualityLevels:q,currentQualityLevel:I,controlBarItems:Y,autoHideControls:K}){let H=useRef(null),[te,Q]=useState(true),V=useRef({isPlaying:L,volume:T,isMuted:c,isLive:k});V.current={isPlaying:L,volume:T,isMuted:c,isLive:k},useEffect(()=>{if(S||!K){Q(true),H.current&&clearTimeout(H.current);return}if(!L){Q(true),H.current&&clearTimeout(H.current);return}let n=l.current;if(!n)return;let i=()=>{Q(true),H.current&&clearTimeout(H.current),H.current=setTimeout(()=>Q(false),3e3);},b=()=>{H.current&&clearTimeout(H.current),Q(false);};return n.addEventListener("mousemove",i),n.addEventListener("mouseenter",i),n.addEventListener("mouseleave",b),n.addEventListener("touchstart",i,{passive:true}),Q(false),()=>{n.removeEventListener("mousemove",i),n.removeEventListener("mouseenter",i),n.removeEventListener("mouseleave",b),n.removeEventListener("touchstart",i),H.current&&clearTimeout(H.current);}},[L,S,K,l]),useEffect(()=>{let n=i=>{if(!l.current?.contains(document.activeElement))return;let b=i.target;if(b.tagName==="INPUT"||b.tagName==="TEXTAREA"||b.isContentEditable)return;let{isPlaying:g,volume:p,isLive:P}=V.current,u=r.current?.currentTime??0,B=r.current?.duration??0;switch(i.code){case "Space":case "KeyK":i.preventDefault(),g?a.pause():a.play();break;case "ArrowLeft":i.preventDefault(),a.seek(Math.max(0,u-5));break;case "ArrowRight":i.preventDefault(),a.seek(Math.min(B||1/0,u+5));break;case "ArrowUp":i.preventDefault(),a.setVolume(Math.min(1,p+.1));break;case "ArrowDown":i.preventDefault(),a.setVolume(Math.max(0,p-.1));break;case "KeyM":i.preventDefault(),a.toggleMute();break;case "KeyF":i.preventDefault(),a.toggleFullscreen();break;case "KeyP":i.preventDefault(),a.togglePictureInPicture();break;case "KeyT":i.preventDefault(),a.toggleTheaterMode();break;case "KeyL":i.preventDefault(),P&&a.seekToLive();break;case "Digit0":case "Digit1":case "Digit2":case "Digit3":case "Digit4":case "Digit5":case "Digit6":case "Digit7":case "Digit8":case "Digit9":{i.preventDefault();let _=Number(i.code.replace("Digit",""))*10;a.seek(B/100*_);break}}};return window.addEventListener("keydown",n),()=>window.removeEventListener("keydown",n)},[a,l,r]);let ne=useCallback(()=>a.play(),[a]),ae=useCallback(()=>a.pause(),[a]),ie=useCallback(n=>a.setVolume(n),[a]),se=useCallback(()=>a.toggleMute(),[a]),ue=useCallback(n=>a.setPlaybackRate(n),[a]),le=useCallback(n=>a.setQualityLevel(n),[a]),me=useCallback(()=>a.togglePictureInPicture(),[a]),e=useCallback(()=>a.toggleTheaterMode(),[a]),s=useCallback(()=>a.toggleAudioMode(),[a]),d=useCallback(()=>a.toggleFullscreen(),[a]),t=useCallback(()=>a.seekToLive(),[a]);return jsx("div",{style:{position:"absolute",inset:0,display:"flex",flexDirection:"column",justifyContent:"flex-end",opacity:te?1:0,transition:"opacity 0.3s",pointerEvents:"none",zIndex:2},children:jsxs("div",{style:{background:"linear-gradient(to top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.2) 60%, transparent 100%)",padding:"48px 12px 12px",pointerEvents:te?"auto":"none"},role:"region","aria-label":"Video player controls",children:[jsx(Z.ProgressBar,{videoRef:r,playerRef:a,enablePreview:v,thumbnailVtt:m,thumbnailVttBaseUrl:M,isAudioMode:S}),jsxs("div",{style:{display:"flex",alignItems:"center",gap:4,marginTop:4},children:[L?jsx(Z.PauseButton,{onClick:ae}):jsx(Z.PlayButton,{onClick:ne}),jsx(Z.VolumeControl,{volume:T,isMuted:c,onVolumeChange:ie,onToggleMute:se}),jsx(Z.TimeDisplay,{videoRef:r,isLive:k,isAudioMode:S}),jsx("div",{style:{flex:1}}),k&&jsx(st,{onClick:t}),D&&jsx(it,{onClick:s,isAudioMode:S,audioModeIcon:N,videoModeIcon:x,audioModeLabel:C,videoModeLabel:F}),jsx(Z.SettingsMenu,{currentRate:R,playbackRates:f,onRateChange:ue,qualityLevels:q,currentQualityLevel:I,onQualityChange:le}),Y?.map(n=>jsx("button",{className:"controlButton","aria-label":n.label,title:n.title??n.label,onClick:n.onClick,children:n.icon},n.key)),jsx(Z.PiPButton,{onClick:me,isPiP:w}),jsx(Z.TheaterButton,{onClick:e,isTheater:E}),jsx(Z.FullscreenButton,{onClick:d,isFullscreen:h})]})]})})});He.displayName="Controls";var it=memo(({onClick:o,isAudioMode:r,audioModeIcon:a,videoModeIcon:l,audioModeLabel:f,videoModeLabel:v})=>{let m=r?v??"Video":f??"Audio";return jsxs("button",{onClick:o,className:"rvp-audio-toggle-btn","aria-label":m,title:m,"aria-pressed":r,children:[r?l??jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"currentColor",children:jsx("path",{d:"M17 10.5V7c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4z"})}):a??jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"currentColor",children:jsx("path",{d:"M12 3a9 9 0 0 0-9 9v7c0 1.1.9 2 2 2h1a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1H4v-1a8 8 0 0 1 16 0v1h-2a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h1a3 3 0 0 0 3-3v-4c0-4.97-4.03-9-9-9z"})}),m]})});it.displayName="AudioModeButton";var st=memo(({onClick:o})=>jsx("button",{onClick:o,style:{background:"none",border:"1px solid rgba(255,255,255,0.6)",color:"#fff",borderRadius:3,padding:"2px 8px",fontSize:11,fontWeight:700,cursor:"pointer",letterSpacing:"0.06em"},title:"Go to live (L)",children:"GO LIVE"}));st.displayName="GoLiveButton";var $e=memo(({x:o,y:r,isPlaying:a,src:l,videoRef:f,playerRef:v,onClose:m,contextMenuItems:M})=>{let L=useRef(null),[T,c]=useState(()=>f.current?.loop??false),R=Math.min(o,window.innerWidth-220),h=Math.min(r,window.innerHeight-290);useEffect(()=>{let x=k=>{L.current&&!L.current.contains(k.target)&&m();},C=k=>{k.key==="Escape"&&m();},F=()=>m();return document.addEventListener("mousedown",x),document.addEventListener("keydown",C),window.addEventListener("scroll",F,true),()=>{document.removeEventListener("mousedown",x),document.removeEventListener("keydown",C),window.removeEventListener("scroll",F,true);}},[m]);let w=useCallback(()=>{a?v.pause():v.play(),m();},[a,v,m]),E=useCallback(()=>{let x=f.current;if(!x)return;let C=!T;x.loop=C,c(C);},[f,T]),S=useCallback(async()=>{try{await navigator.clipboard.writeText(l);}catch{}m();},[l,m]),D=useCallback(async()=>{let x=Math.floor(f.current?.currentTime??0);try{await navigator.clipboard.writeText(`${l}?t=${x}`);}catch{}m();},[l,f,m]),N=useCallback(()=>{v.togglePictureInPicture(),m();},[v,m]);return jsxs("div",{ref:L,className:"contextMenu",style:{left:R,top:h},children:[jsx("button",{className:"contextMenuItem",onClick:w,children:a?"Pause":"Play"}),jsxs("button",{className:"contextMenuItem",onClick:E,children:[jsx("span",{children:"Loop"}),T&&jsx("span",{className:"contextMenuCheck",children:"\u2713"})]}),jsx("div",{className:"contextMenuDivider"}),jsx("button",{className:"contextMenuItem",onClick:S,children:"Copy video URL"}),jsx("button",{className:"contextMenuItem",onClick:D,children:"Copy video URL at current time"}),jsx("div",{className:"contextMenuDivider"}),jsx("button",{className:"contextMenuItem",onClick:N,children:"Picture-in-Picture"}),M&&M.length>0&&jsxs(Fragment,{children:[jsx("div",{className:"contextMenuDivider"}),M.map((x,C)=>jsx("button",{className:"contextMenuItem",onClick:()=>{x.onClick(),m();},children:x.label},C))]})]})});$e.displayName="ContextMenu";var We=memo(function({poster:r,logo:a,audioModeFallback:l,isBuffering:f=false,onOverlayClick:v}){return jsxs("div",{className:"rvp-audio-overlay",onClick:v,"data-test":"audio-mode-overlay",children:[r?jsx("div",{className:"rvp-audio-artwork-container",children:jsx("img",{src:r,alt:"Artwork",className:"rvp-audio-artwork",draggable:false})}):l?jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center"},children:l}):a?typeof a=="string"?jsx("img",{src:a,alt:"Logo",className:"rvp-audio-logo",draggable:false}):jsx("div",{className:"rvp-audio-logo-node",children:a}):null,jsx("span",{className:"rvp-audio-label",children:"Audio Mode"}),f?jsx("div",{className:"rvp-audio-buffering-overlay","aria-label":"Buffering",children:jsx("div",{className:"rvp-audio-spinner"})}):null]})});We.displayName="AudioModeOverlay";var ct=forwardRef((o,r)=>{let{src:a,poster:l,className:f,controls:v=true,options:m={}}=o,{autoplay:M=false,muted:L=false,loop:T=false,preload:c="metadata",playbackRates:R=[.25,.5,.75,1,1.25,1.5,1.75,2],enableHLS:h=true,enablePreview:w=true,thumbnailVtt:E,thumbnailVttBaseUrl:S,hlsConfig:D,autoHideControls:N=true,subtitles:x,crossOrigin:C,logo:F,audioModeFallback:k,audioPoster:q,audioSrc:I,showAudioButton:Y,audioModeIcon:K,videoModeIcon:H,audioModeLabel:te,videoModeLabel:Q,defaultAudioMode:V,audioBandwidthThreshold:ne,audioModeSwitchLevel:ae,audioModeRecoveryInterval:ie,onPlay:se,onPause:ue,onEnded:le,onError:me,onTimeUpdate:e,onDurationChange:s,onBuffering:d,onTheaterModeChange:t,onAudioModeChange:n,contextMenuItems:i,controlBarItems:b}=m,g=useRef(null),p=useRef(null),P=useRef(null),{state:u,ref:B,fullscreenContainerRef:_}=qe(g,a,{autoplay:M,muted:L,loop:T,playbackRates:R,enableHLS:h,hlsConfig:D,defaultAudioMode:V,audioBandwidthThreshold:ne,audioModeSwitchLevel:ae,audioModeRecoveryInterval:ie,onPlay:se,onPause:ue,onEnded:le,onError:me,onTimeUpdate:e,onDurationChange:s,onBuffering:d,onTheaterModeChange:t,onAudioModeChange:n,audioRef:p,audioSrc:I}),J=useRef(null);ut.useLayoutEffect(()=>{J.current=u.isAudioMode&&I&&p.current?p.current:g.current;},[u.isAudioMode,I]),J.current===null&&(J.current=g.current);let[y,X]=useState(null);useEffect(()=>{_.current=P.current;},[_]),ut.useImperativeHandle(r,()=>B,[B]);let fe=useCallback(()=>{P.current?.focus(),u.isPlaying?B.pause():B.play();},[u.isPlaying,B]),Ie=useCallback(()=>{B.toggleFullscreen();},[B]),dt=useCallback(oe=>{oe.preventDefault(),X({x:oe.clientX,y:oe.clientY});},[]);return jsxs("div",{ref:P,tabIndex:0,style:{position:"relative",width:"100%",backgroundColor:"#000",aspectRatio:"16 / 9",userSelect:"none",outline:"none"},className:f,"data-test":"video-player-container","data-theater":u.isTheaterMode?"true":void 0,onContextMenu:dt,children:[jsx("video",{ref:g,poster:l,preload:c,crossOrigin:C,onClick:fe,onDoubleClick:Ie,playsInline:true,style:{width:"100%",height:"100%",display:"block",cursor:"pointer",visibility:u.isAudioMode?"hidden":"visible"},"data-test":"video-element",children:x?.map(oe=>jsx("track",{kind:"subtitles",src:oe.src,label:oe.label,srcLang:oe.srclang,default:oe.default},oe.id))}),I&&jsx("audio",{ref:p,preload:"none",style:{display:"none"},"aria-hidden":"true"}),u.isAudioMode&&jsx(We,{poster:q??l,logo:F,audioModeFallback:k,isBuffering:u.isBuffering,onOverlayClick:fe}),v&&jsx(He,{videoRef:J,playerRef:B,playerContainerRef:P,playbackRates:R,enablePreview:w,thumbnailVtt:u.isAudioMode?void 0:E,thumbnailVttBaseUrl:S,isPlaying:u.isPlaying,volume:u.volume,isMuted:u.isMuted,playbackRate:u.playbackRate,isFullscreen:u.isFullscreen,isPictureInPicture:u.isPictureInPicture,isTheaterMode:u.isTheaterMode,isAudioMode:u.isAudioMode,showAudioButton:Y??!!I,audioModeIcon:K,videoModeIcon:H,audioModeLabel:te,videoModeLabel:Q,isLive:u.isLive,qualityLevels:u.qualityLevels,currentQualityLevel:u.currentQualityLevel,controlBarItems:b,autoHideControls:N}),y&&jsx($e,{x:y.x,y:y.y,isPlaying:u.isPlaying,src:a,videoRef:g,playerRef:B,onClose:()=>X(null),contextMenuItems:i}),u.isLive&&jsx("div",{style:{position:"absolute",top:12,left:12,backgroundColor:"#e53935",color:"#fff",fontSize:11,fontWeight:700,letterSpacing:"0.08em",padding:"2px 8px",borderRadius:3,pointerEvents:"none"},children:"LIVE"}),u.isBuffering&&!u.error&&!u.isAudioMode&&jsx("div",{style:{position:"absolute",inset:0,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:12,color:"#fff",pointerEvents:"none"},"data-test":"buffering-indicator",children:jsx("div",{style:{width:48,height:48,border:"4px solid rgba(255,255,255,0.25)",borderTop:"4px solid #fff",borderRadius:"50%",animation:"rvp-spin 0.8s linear infinite"}})}),u.error&&jsx("div",{style:{position:"absolute",inset:0,display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"rgba(0,0,0,0.85)",color:"#fff",padding:24},"data-test":"error-overlay",children:jsxs("div",{style:{textAlign:"center",maxWidth:400},children:[jsx("div",{style:{fontSize:36,marginBottom:12},children:"\u26A0"}),jsx("h3",{style:{margin:"0 0 8px",fontSize:18},children:u.error.code==="MEDIA_ERR_SRC_NOT_SUPPORTED"?"Unsupported Format":u.error.code.startsWith("HLS")?"Stream Error":"Playback Error"}),jsx("p",{style:{margin:0,fontSize:13,opacity:.75},children:u.error.message})]})})]})});ct.displayName="VideoPlayer";var $t=ct;var Wt={EXTREME:100,POOR:300,FAIR:800,GOOD:1500},Kt={LOWEST:0,SECOND_LOWEST:1,DISABLED:-1};export{Wt as AUDIO_BANDWIDTH_THRESHOLDS,Kt as AUDIO_SWITCH_LEVELS,nt as ControlElements,He as Controls,$t as VideoPlayer,Fe as findThumbnailCue,ve as formatTime,vt as getMimeType,ye as isHLSUrl,Oe as parseThumbnailVtt};//# sourceMappingURL=index.mjs.map
|
|
3
|
+
`),p=0;for(;p<c.length;){let f=c[p].trim();if(f.includes("-->")){let P=f.indexOf("-->"),T=at(f.slice(0,P)),x=at(f.slice(P+3));for(p++;p<c.length&&!c[p].trim();)p++;if(p<c.length){let u=c[p].trim(),N=u.lastIndexOf("#xywh="),h=u,w=0,V=0,A=160,H=90;if(N!==-1){h=u.slice(0,N);let D=u.slice(N+6).split(",").map(Number);w=D[0]??0,V=D[1]??0,A=D[2]??160,H=D[3]??90;}l.push({start:T,end:x,url:It(n,h,o),x:w,y:V,w:A,h:H});}}p++;}return l}function We(r,n){if(!r.length)return null;let o=0,l=r.length-1;for(;o<=l;){let c=o+l>>1;if(r[c].end<=n)o=c+1;else if(r[c].start>n)l=c-1;else return r[c]}return null}var st=memo(({videoRef:r,playerRef:n,enablePreview:o=true,thumbnailVtt:l,thumbnailVttBaseUrl:c,isAudioMode:p=false})=>{let f=useRef(null),P=useRef(null),T=useRef(null),x=useRef(null),u=useRef(null),N=useRef(null),h=useRef(null),w=useRef(null),V=useRef(null),[A,H]=useState([]),D=useRef(false),B=useRef(0),k=useRef(0),F=useRef(null),C=useRef([]),g=useRef(null);useEffect(()=>{let t=()=>{g.current=null;};return window.addEventListener("resize",t,{passive:true}),()=>window.removeEventListener("resize",t)},[]);let R=useCallback(()=>(!g.current&&f.current&&(g.current=f.current.getBoundingClientRect()),g.current),[]);useEffect(()=>{if(!l){C.current=[];return}let t=false;return fetch(l).then(a=>a.text()).then(a=>{t||(C.current=$e(a,l,c));}).catch(()=>{t||(C.current=[]);}),()=>{t=true;}},[l]),useEffect(()=>{let t=r.current;if(!t)return;let a=()=>{let m=isFinite(t.duration)?t.duration:0,E=t.currentTime,y=m>0?E/m*100:0;P.current&&(P.current.style.width=`${y}%`),T.current&&(T.current.style.left=`${y}%`),w.current&&(w.current.style.clipPath=`inset(0 ${(100-y).toFixed(2)}% 0 0)`),f.current&&(f.current.setAttribute("aria-valuenow",String(Math.round(E))),f.current.setAttribute("aria-valuemax",String(Math.round(m))),f.current.setAttribute("aria-valuetext",ge(E)));};return t.addEventListener("timeupdate",a),t.addEventListener("durationchange",a),t.addEventListener("seeked",a),a(),()=>{t.removeEventListener("timeupdate",a),t.removeEventListener("durationchange",a),t.removeEventListener("seeked",a);}},[r,p]),useEffect(()=>{let t=r.current;if(!t)return;let a=()=>{let m=[];for(let E=0;E<t.buffered.length;E++)m.push({start:t.buffered.start(E),end:t.buffered.end(E)});if(p||H(m),V.current&&isFinite(t.duration)&&t.duration>0){let y=m.reduce((i,v)=>Math.max(i,v.end),0)/t.duration*100;V.current.style.clipPath=`inset(0 ${(100-y).toFixed(2)}% 0 0)`;}};return t.addEventListener("progress",a),()=>t.removeEventListener("progress",a)},[r,p]);let te=useCallback(()=>{D.current=true,T.current?.classList.add("dragging");},[]),G=useCallback(()=>{D.current=false,T.current?.classList.remove("dragging");},[]),de=useCallback(()=>{!o||p||(g.current=null,x.current&&(x.current.style.display="block"),N.current&&(N.current.style.display="block"));},[o,p]),ie=useCallback(()=>{x.current&&(x.current.style.display="none"),N.current&&(N.current.style.display="none");},[]),se=useCallback(t=>{if(!h.current||!C.current.length)return;let a=We(C.current,t);if(F.current=a,!a)return;let m=h.current;m.style.backgroundImage=`url(${a.url})`,m.style.backgroundPosition=`-${a.x}px -${a.y}px`,m.style.width=`${a.w}px`,m.style.height=`${a.h}px`;},[]),_=useCallback(t=>{let a=R(),m=r.current?.duration;return !a||a.width===0||!m||!isFinite(m)?0:Math.max(0,Math.min(t-a.left,a.width))/a.width*m},[R,r]),I=useCallback(t=>{let a=R();return a?Math.max(0,Math.min(t-a.left,a.width)):0},[R]),le=useCallback(t=>{let a=r.current;if(!a)return;let m=a.currentTime,E=isFinite(a.duration)?a.duration:0;switch(t.key){case "ArrowLeft":case "ArrowRight":{t.preventDefault(),t.nativeEvent.stopImmediatePropagation();let y=t.shiftKey?10:5;n.seek(t.key==="ArrowLeft"?Math.max(0,m-y):Math.min(E,m+y));break}case "Home":t.preventDefault(),t.nativeEvent.stopImmediatePropagation(),n.seek(0);break;case "End":E>0&&(t.preventDefault(),t.nativeEvent.stopImmediatePropagation(),n.seek(E));break}},[r,n]),Y=useCallback(t=>{let a=_(t.clientX),m=I(t.clientX);if(B.current=m,k.current=a,N.current&&(N.current.style.left=`${m}px`),u.current&&(u.current.textContent=ge(a)),se(a),x.current){let E=x.current.offsetWidth,y=R()?.width??0,i=E/2,v=Math.max(i,Math.min(m,y-i));x.current.style.left=`${v}px`;}D.current&&n.seek(a);},[n,se,_,I,R]),ue=useCallback(()=>{ie(),G();},[ie,G]),me=useCallback(t=>{t.preventDefault(),te(),n.seek(_(t.clientX));},[te,_,n]),fe=useCallback(t=>{D.current||n.seek(_(t.clientX));},[_,n]);useEffect(()=>{let t=f.current;if(!t)return;let a=m=>{D.current&&m.preventDefault();};return t.addEventListener("touchmove",a,{passive:false}),()=>t.removeEventListener("touchmove",a)},[]);let he=useCallback(t=>{g.current=null,te(),n.seek(_(t.touches[0].clientX));},[te,_,n]),e=useCallback(t=>{D.current&&n.seek(_(t.touches[0].clientX));},[_,n]);useEffect(()=>{let t=()=>G();return window.addEventListener("mouseup",t),()=>window.removeEventListener("mouseup",t)},[G]);let s=useMemo(()=>{let a=[],m=3735928559,E=()=>(m^=m<<13,m^=m>>17,m^=m<<5,(m>>>0)/4294967295);for(let y=0;y<200;y++){let i=y/200*Math.PI*5,v=.15+.55*Math.abs(Math.sin(i))+.3*E();a.push(Math.max(.1,Math.min(1,v)));}return a},[]),d=useMemo(()=>{let t=r.current,a=t&&isFinite(t.duration)?t.duration:0;return a<=0||!A.length?null:A.map((m,E)=>{let y=m.start/a*100,i=(m.end-m.start)/a*100;return jsx("div",{className:"bufferedSegment",style:{left:`${y}%`,width:`${i}%`}},E)})},[A,r]);return jsxs("div",{ref:f,className:"progressContainer",onMouseMove:Y,onMouseEnter:de,onMouseLeave:ue,onMouseDown:me,onMouseUp:G,onClick:fe,onTouchStart:he,onTouchMove:e,onTouchEnd:G,onKeyDown:le,role:"slider","aria-label":p?"Audio progress":"Video progress","aria-valuemin":0,"aria-valuemax":0,"aria-valuenow":0,"aria-valuetext":"0:00",tabIndex:0,children:[o&&jsxs("div",{ref:x,className:"previewTooltip",style:{left:0,display:"none"},"aria-hidden":"true",children:[l&&jsx("div",{ref:h,className:"previewThumbnail"}),jsx("div",{ref:u,className:"previewTime"})]}),p?jsxs("div",{className:"rvp-waveform","aria-hidden":"true",children:[jsx("div",{className:"rvp-waveform-base",children:s.map((t,a)=>jsx("div",{className:"rvp-waveform-dot"},a))}),jsx("div",{ref:V,className:"rvp-waveform-buffered",style:{clipPath:"inset(0 100% 0 0)"},children:s.map((t,a)=>jsx("div",{className:"rvp-waveform-buffered-bar",style:{height:`${Math.round(t*100)}%`}},a))}),jsx("div",{ref:w,className:"rvp-waveform-filled",children:s.map((t,a)=>jsx("div",{className:"rvp-waveform-bar",style:{height:`${Math.round(t*100)}%`}},a))})]}):jsxs(Fragment,{children:[jsxs("div",{className:"progressBackground",children:[d,jsx("div",{ref:P,className:"progressFilled",style:{width:"0%"}}),o&&jsx("div",{ref:N,className:"hoverIndicator",style:{left:0,display:"none"},"aria-hidden":"true"})]}),jsx("div",{ref:T,className:"scrubHandle",style:{left:"0%"},"aria-hidden":"true"})]})]})});st.displayName="ProgressBar";var De=st;var Ut=()=>jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"currentColor",children:jsx("path",{d:"M20.38 8.57l-1.23 1.85a8 8 0 0 1-.22 7.58H5.07A8 8 0 0 1 15.58 6.85l1.85-1.23A10 10 0 0 0 3.35 19a2 2 0 0 0 1.72 1h13.85a2 2 0 0 0 1.74-1 10 10 0 0 0-.27-10.44zm-9.79 6.84a2 2 0 0 0 2.83 0l5.66-8.49-8.49 5.66a2 2 0 0 0 0 2.83z"})}),$t=()=>jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"currentColor",children:jsx("path",{d:"M3 17v2h6v-2H3zM3 5v2h10V5H3zm10 16v-2h8v-2h-8v-2h-2v6h2zM7 9v2H3v2h4v2h2V9H7zm14 4v-2H11v2h10zm-6-4h2V7h4V5h-4V3h-2v6z"})}),ct=()=>jsx("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"currentColor",children:jsx("path",{d:"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"})}),dt=()=>jsx("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"currentColor",children:jsx("path",{d:"M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"})}),He=()=>jsx("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"currentColor",children:jsx("path",{d:"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"})}),ft=memo(({currentRate:r,playbackRates:n,onRateChange:o,qualityLevels:l=[],currentQualityLevel:c=-1,onQualityChange:p,showQualityMenu:f=false,manualQualityLevels:P,activeManualSrc:T,onManualQualityChange:x})=>{let[u,N]=useState(false),[h,w]=useState(null),V=useRef(null),A=l.length>0&&!!p,H=!!P?.length&&!!x,D=A||H||f;useEffect(()=>{u||w(null);},[u]),useEffect(()=>{let g=R=>{V.current&&!V.current.contains(R.target)&&N(false);};return u&&document.addEventListener("mousedown",g),()=>document.removeEventListener("mousedown",g)},[u]);let B=useMemo(()=>[...l].sort((g,R)=>R.bitrate-g.bitrate),[l]),k=r===1?"Normal":`${r}\xD7`,F=useMemo(()=>H&&T?P.find(g=>g.src===T)?.label??"Auto":A?c===-1?"Auto":l.find(g=>g.id===c)?.name??"Auto":"Auto",[H,A,T,P,l,c]),C=useMemo(()=>c===-1?null:l.find(g=>g.id===c)?.name??null,[l,c]);return jsxs("div",{ref:V,className:"settingsContainer",children:[jsx("button",{onClick:()=>N(g=>!g),className:"controlButton","aria-label":"Settings",title:"Settings","aria-expanded":u,children:jsx("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"currentColor",children:jsx("path",{d:"M19.14 12.94c.04-.3.06-.61.06-.94s-.02-.64-.07-.94l2.03-1.58a.49.49 0 0 0 .12-.61l-1.92-3.32a.49.49 0 0 0-.59-.22l-2.39.96a7.02 7.02 0 0 0-1.62-.94l-.36-2.54a.484.484 0 0 0-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54a6.88 6.88 0 0 0-1.61.94l-2.39-.96a.488.488 0 0 0-.59.22L2.74 8.87a.48.48 0 0 0 .12.61l2.03 1.58c-.05.3-.09.63-.09.94s.02.64.07.94l-2.03 1.58a.49.49 0 0 0-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54a6.88 6.88 0 0 0 1.61-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32a.47.47 0 0 0-.12-.61l-2.01-1.58zM12 15.6A3.6 3.6 0 0 1 8.4 12 3.6 3.6 0 0 1 12 8.4a3.6 3.6 0 0 1 3.6 3.6 3.6 3.6 0 0 1-3.6 3.6z"})})}),u&&jsxs("div",{className:"settingsDropdown",role:"menu",children:[h===null&&jsxs("div",{className:"settingsMainPanel",children:[jsxs("button",{className:"settingsRow",onClick:()=>w("speed"),children:[jsx("span",{className:"settingsRowIcon",children:jsx(Ut,{})}),jsx("span",{className:"settingsRowLabel",children:"Playback speed"}),jsx("span",{className:"settingsRowValue",children:k}),jsx("span",{className:"settingsRowChevron",children:jsx(ct,{})})]}),D&&jsxs("button",{className:"settingsRow",onClick:()=>w("quality"),children:[jsx("span",{className:"settingsRowIcon",children:jsx($t,{})}),jsx("span",{className:"settingsRowLabel",children:"Quality"}),jsx("span",{className:"settingsRowValue",children:F}),jsx("span",{className:"settingsRowChevron",children:jsx(ct,{})})]})]}),h==="speed"&&jsxs("div",{className:"settingsSubPanel",children:[jsxs("button",{className:"settingsBackRow",onClick:()=>w(null),children:[jsx(dt,{}),jsx("span",{children:"Playback speed"})]}),jsx("div",{className:"settingsDivider"}),n.map(g=>{let R=r===g;return jsxs("button",{onClick:()=>{o(g),w(null);},className:`settingsOption${R?" active":""}`,role:"menuitemradio","aria-checked":R,children:[jsx("span",{className:"settingsOptionCheck",children:R&&jsx(He,{})}),g===1?"Normal":`${g}\xD7`]},g)})]}),h==="quality"&&jsxs("div",{className:"settingsSubPanel",children:[jsxs("button",{className:"settingsBackRow",onClick:()=>w(null),children:[jsx(dt,{}),jsx("span",{children:"Quality"})]}),jsx("div",{className:"settingsDivider"}),H&&jsxs(Fragment,{children:[P.map(g=>{let R=T===g.src;return jsxs("button",{onClick:()=>{x(g.src),w(null);},className:`settingsOption${R?" active":""}`,role:"menuitemradio","aria-checked":R,children:[jsx("span",{className:"settingsOptionCheck",children:R&&jsx(He,{})}),g.label]},g.src)}),A&&jsx("div",{className:"settingsDivider"})]}),A&&jsxs(Fragment,{children:[jsxs("button",{onClick:()=>{p(-1),w(null);},className:`settingsOption${c===-1?" active":""}`,role:"menuitemradio","aria-checked":c===-1,children:[jsx("span",{className:"settingsOptionCheck",children:c===-1&&jsx(He,{})}),jsxs("span",{children:["Auto",C&&jsxs("span",{className:"settingsOptionBadge",children:[" (",C,")"]})]})]}),B.map(g=>{let R=c===g.id;return jsxs("button",{onClick:()=>{p(g.id),w(null);},className:`settingsOption${R?" active":""}`,role:"menuitemradio","aria-checked":R,children:[jsx("span",{className:"settingsOptionCheck",children:R&&jsx(He,{})}),jsx("span",{style:{flex:1},children:g.name}),g.bitrate>0&&jsxs("span",{className:"settingsOptionBadge",children:[Math.round(g.bitrate/1e3)," kbps"]})]},g.id)})]})]})]})]})});ft.displayName="SettingsMenu";var Ve=ft;var pt=memo(({videoRef:r,isLive:n=false,isAudioMode:o=false})=>{let l=useRef(null),c=useRef(null);return useEffect(()=>{let p=r.current;if(!p)return;let f=()=>{l.current&&(l.current.textContent=ge(p.currentTime));},P=()=>{if(c.current){let T=isFinite(p.duration)?p.duration:0;c.current.textContent=` / ${ge(T)}`;}};return p.addEventListener("timeupdate",f),p.addEventListener("durationchange",P),p.addEventListener("seeked",f),f(),P(),()=>{p.removeEventListener("timeupdate",f),p.removeEventListener("durationchange",P),p.removeEventListener("seeked",f);}},[r,n,o]),n?jsx("span",{className:"timeDisplay",style:{opacity:.7},children:jsx("span",{ref:l,children:"0:00"})}):jsxs("span",{className:"timeDisplay",children:[jsx("span",{ref:l,children:"0:00"}),jsx("span",{ref:c,style:{opacity:.6},children:" / 0:00"})]})});pt.displayName="TimeDisplay";var Oe=pt;var re={PlayButton:Te,PauseButton:Ce,FullscreenButton:Re,PiPButton:we,TheaterButton:ke,VolumeControl:Ae,ProgressBar:De,SettingsMenu:Ve,TimeDisplay:Oe};var Fe=memo(function({videoRef:n,playerRef:o,playerContainerRef:l,playbackRates:c,enablePreview:p,thumbnailVtt:f,thumbnailVttBaseUrl:P,isPlaying:T,volume:x,isMuted:u,playbackRate:N,isFullscreen:h,isPictureInPicture:w,isTheaterMode:V,isAudioMode:A,showAudioButton:H,audioModeIcon:D,videoModeIcon:B,audioModeLabel:k,videoModeLabel:F,isLive:C,qualityLevels:g,currentQualityLevel:R,showQualityMenu:te,manualQualityLevels:G,activeManualSrc:de,onManualQualityChange:ie,controlBarItems:se,autoHideControls:_}){let I=useRef(null),[le,Y]=useState(true),ue=useRef({isPlaying:T,volume:x,isMuted:u,isLive:C});ue.current={isPlaying:T,volume:x,isMuted:u,isLive:C},useEffect(()=>{if(A||!_){Y(true),I.current&&clearTimeout(I.current);return}if(!T){Y(true),I.current&&clearTimeout(I.current);return}let i=l.current;if(!i)return;let v=()=>{Y(true),I.current&&clearTimeout(I.current),I.current=setTimeout(()=>Y(false),3e3);},b=()=>{I.current&&clearTimeout(I.current),Y(false);};return i.addEventListener("mousemove",v),i.addEventListener("mouseenter",v),i.addEventListener("mouseleave",b),i.addEventListener("touchstart",v,{passive:true}),Y(false),()=>{i.removeEventListener("mousemove",v),i.removeEventListener("mouseenter",v),i.removeEventListener("mouseleave",b),i.removeEventListener("touchstart",v),I.current&&clearTimeout(I.current);}},[T,A,_,l]),useEffect(()=>{let i=v=>{if(!l.current?.contains(document.activeElement))return;let b=v.target;if(b.tagName==="INPUT"||b.tagName==="TEXTAREA"||b.isContentEditable)return;let{isPlaying:z,volume:$,isLive:ne}=ue.current,M=n.current?.currentTime??0,W=n.current?.duration??0;switch(v.code){case "Space":case "KeyK":v.preventDefault(),z?o.pause():o.play();break;case "ArrowLeft":v.preventDefault(),o.seek(Math.max(0,M-5));break;case "ArrowRight":v.preventDefault(),o.seek(Math.min(W||1/0,M+5));break;case "ArrowUp":v.preventDefault(),o.setVolume(Math.min(1,$+.1));break;case "ArrowDown":v.preventDefault(),o.setVolume(Math.max(0,$-.1));break;case "KeyM":v.preventDefault(),o.toggleMute();break;case "KeyF":v.preventDefault(),o.toggleFullscreen();break;case "KeyP":v.preventDefault(),o.togglePictureInPicture();break;case "KeyT":v.preventDefault(),o.toggleTheaterMode();break;case "KeyL":v.preventDefault(),ne&&o.seekToLive();break;case "Digit0":case "Digit1":case "Digit2":case "Digit3":case "Digit4":case "Digit5":case "Digit6":case "Digit7":case "Digit8":case "Digit9":{v.preventDefault();let ve=Number(v.code.replace("Digit",""))*10;o.seek(W/100*ve);break}}};return window.addEventListener("keydown",i),()=>window.removeEventListener("keydown",i)},[o,l,n]);let me=useCallback(()=>o.play(),[o]),fe=useCallback(()=>o.pause(),[o]),he=useCallback(i=>o.setVolume(i),[o]),e=useCallback(()=>o.toggleMute(),[o]),s=useCallback(i=>o.setPlaybackRate(i),[o]),d=useCallback(i=>o.setQualityLevel(i),[o]),t=useCallback(()=>o.togglePictureInPicture(),[o]),a=useCallback(()=>o.toggleTheaterMode(),[o]),m=useCallback(()=>o.toggleAudioMode(),[o]),E=useCallback(()=>o.toggleFullscreen(),[o]),y=useCallback(()=>o.seekToLive(),[o]);return jsx("div",{style:{position:"absolute",inset:0,display:"flex",flexDirection:"column",justifyContent:"flex-end",opacity:le?1:0,transition:"opacity 0.3s",pointerEvents:"none",zIndex:2},children:jsxs("div",{style:{background:"linear-gradient(to top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.2) 60%, transparent 100%)",padding:"48px 12px 12px",pointerEvents:le?"auto":"none"},role:"region","aria-label":"Video player controls",children:[jsx(re.ProgressBar,{videoRef:n,playerRef:o,enablePreview:p,thumbnailVtt:f,thumbnailVttBaseUrl:P,isAudioMode:A}),jsxs("div",{style:{display:"flex",alignItems:"center",gap:4,marginTop:4},children:[T?jsx(re.PauseButton,{onClick:fe}):jsx(re.PlayButton,{onClick:me}),jsx(re.VolumeControl,{volume:x,isMuted:u,onVolumeChange:he,onToggleMute:e}),jsx(re.TimeDisplay,{videoRef:n,isLive:C,isAudioMode:A}),jsx("div",{style:{flex:1}}),C&&jsx(Mt,{onClick:y}),H&&jsx(yt,{onClick:m,isAudioMode:A,audioModeIcon:D,videoModeIcon:B,audioModeLabel:k,videoModeLabel:F}),jsx(re.SettingsMenu,{currentRate:N,playbackRates:c,onRateChange:s,qualityLevels:g,currentQualityLevel:R,onQualityChange:d,showQualityMenu:te,manualQualityLevels:G,activeManualSrc:de,onManualQualityChange:ie}),se?.map(i=>jsx("button",{className:"controlButton","aria-label":i.label,title:i.title??i.label,onClick:i.onClick,children:i.icon},i.key)),jsx(re.PiPButton,{onClick:t,isPiP:w}),jsx(re.TheaterButton,{onClick:a,isTheater:V}),jsx(re.FullscreenButton,{onClick:E,isFullscreen:h})]})]})})});Fe.displayName="Controls";var yt=memo(({onClick:r,isAudioMode:n,audioModeIcon:o,videoModeIcon:l,audioModeLabel:c,videoModeLabel:p})=>{let f=n?p??"Video":c??"Audio";return jsxs("button",{onClick:r,className:"rvp-audio-toggle-btn","aria-label":f,title:f,"aria-pressed":n,children:[n?l??jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"currentColor",children:jsx("path",{d:"M17 10.5V7c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4z"})}):o??jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"currentColor",children:jsx("path",{d:"M12 3a9 9 0 0 0-9 9v7c0 1.1.9 2 2 2h1a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1H4v-1a8 8 0 0 1 16 0v1h-2a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h1a3 3 0 0 0 3-3v-4c0-4.97-4.03-9-9-9z"})}),f]})});yt.displayName="AudioModeButton";var Mt=memo(({onClick:r})=>jsx("button",{onClick:r,style:{background:"none",border:"1px solid rgba(255,255,255,0.6)",color:"#fff",borderRadius:3,padding:"2px 8px",fontSize:11,fontWeight:700,cursor:"pointer",letterSpacing:"0.06em"},title:"Go to live (L)",children:"GO LIVE"}));Mt.displayName="GoLiveButton";var Ge=memo(({x:r,y:n,isPlaying:o,src:l,videoRef:c,playerRef:p,onClose:f,contextMenuItems:P})=>{let T=useRef(null),[x,u]=useState(()=>c.current?.loop??false),N=Math.min(r,window.innerWidth-220),h=Math.min(n,window.innerHeight-290);useEffect(()=>{let B=C=>{T.current&&!T.current.contains(C.target)&&f();},k=C=>{C.key==="Escape"&&f();},F=()=>f();return document.addEventListener("mousedown",B),document.addEventListener("keydown",k),window.addEventListener("scroll",F,true),()=>{document.removeEventListener("mousedown",B),document.removeEventListener("keydown",k),window.removeEventListener("scroll",F,true);}},[f]);let w=useCallback(()=>{o?p.pause():p.play(),f();},[o,p,f]),V=useCallback(()=>{let B=c.current;if(!B)return;let k=!x;B.loop=k,u(k);},[c,x]),A=useCallback(async()=>{try{await navigator.clipboard.writeText(l);}catch{}f();},[l,f]),H=useCallback(async()=>{let B=Math.floor(c.current?.currentTime??0);try{await navigator.clipboard.writeText(`${l}?t=${B}`);}catch{}f();},[l,c,f]),D=useCallback(()=>{p.togglePictureInPicture(),f();},[p,f]);return jsxs("div",{ref:T,className:"contextMenu",style:{left:N,top:h},children:[jsx("button",{className:"contextMenuItem",onClick:w,children:o?"Pause":"Play"}),jsxs("button",{className:"contextMenuItem",onClick:V,children:[jsx("span",{children:"Loop"}),x&&jsx("span",{className:"contextMenuCheck",children:"\u2713"})]}),jsx("div",{className:"contextMenuDivider"}),jsx("button",{className:"contextMenuItem",onClick:A,children:"Copy video URL"}),jsx("button",{className:"contextMenuItem",onClick:H,children:"Copy video URL at current time"}),jsx("div",{className:"contextMenuDivider"}),jsx("button",{className:"contextMenuItem",onClick:D,children:"Picture-in-Picture"}),P&&P.length>0&&jsxs(Fragment,{children:[jsx("div",{className:"contextMenuDivider"}),P.map((B,k)=>jsx("button",{className:"contextMenuItem",onClick:()=>{B.onClick(),f();},children:B.label},k))]})]})});Ge.displayName="ContextMenu";var Ye=memo(function({poster:n,logo:o,audioModeFallback:l,isBuffering:c=false,onOverlayClick:p}){return jsxs("div",{className:"rvp-audio-overlay",onClick:p,"data-test":"audio-mode-overlay",children:[n?jsx("div",{className:"rvp-audio-artwork-container",children:jsx("img",{src:n,alt:"Artwork",className:"rvp-audio-artwork",draggable:false})}):l?jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center"},children:l}):o?typeof o=="string"?jsx("img",{src:o,alt:"Logo",className:"rvp-audio-logo",draggable:false}):jsx("div",{className:"rvp-audio-logo-node",children:o}):null,jsx("span",{className:"rvp-audio-label",children:"Audio Mode"}),c?jsx("div",{className:"rvp-audio-buffering-overlay","aria-label":"Buffering",children:jsx("div",{className:"rvp-audio-spinner"})}):null]})});Ye.displayName="AudioModeOverlay";var Tt=forwardRef((r,n)=>{let{src:o,poster:l,className:c,controls:p=true,options:f={}}=r,{autoplay:P=false,muted:T=false,loop:x=false,preload:u="metadata",playbackRates:N=[.25,.5,.75,1,1.25,1.5,1.75,2],enableHLS:h=true,enablePreview:w=true,thumbnailVtt:V,thumbnailVttBaseUrl:A,hlsConfig:H,autoHideControls:D=true,subtitles:B,crossOrigin:k,logo:F,audioModeFallback:C,audioPoster:g,audioSrc:R,showAudioButton:te,audioModeIcon:G,videoModeIcon:de,audioModeLabel:ie,videoModeLabel:se,defaultAudioMode:_,showQualityMenu:I,manualQualityLevels:le,audioBandwidthThreshold:Y,audioModeSwitchLevel:ue,audioModeRecoveryInterval:me,onPlay:fe,onPause:he,onEnded:e,onError:s,onTimeUpdate:d,onDurationChange:t,onBuffering:a,onTheaterModeChange:m,onAudioModeChange:E,contextMenuItems:y,controlBarItems:i}=f,v=useRef(null),b=useRef(null),z=useRef(null),[$,ne]=useState(void 0),[M,W]=useState(void 0);useEffect(()=>{ne(void 0),W(void 0);},[o]);let ve=useCallback(Z=>{ne(Z),W(Z);},[]),Qe=$??o,{state:S,ref:ce,fullscreenContainerRef:Ze}=rt(v,Qe,{autoplay:P,muted:T,loop:x,playbackRates:N,enableHLS:h,hlsConfig:H,defaultAudioMode:_,audioBandwidthThreshold:Y,audioModeSwitchLevel:ue,audioModeRecoveryInterval:me,onPlay:fe,onPause:he,onEnded:e,onError:s,onTimeUpdate:d,onDurationChange:t,onBuffering:a,onTheaterModeChange:m,onAudioModeChange:E,audioRef:b,audioSrc:R}),Be=useRef(null);Lt.useLayoutEffect(()=>{Be.current=S.isAudioMode&&R&&b.current?b.current:v.current;},[S.isAudioMode,R]),Be.current===null&&(Be.current=v.current);let[Ue,et]=useState(null);useEffect(()=>{Ze.current=z.current;},[Ze]),Lt.useImperativeHandle(n,()=>ce,[ce]);let tt=useCallback(()=>{z.current?.focus(),S.isPlaying?ce.pause():ce.play();},[S.isPlaying,ce]),Ct=useCallback(()=>{ce.toggleFullscreen();},[ce]),Rt=useCallback(Z=>{Z.preventDefault(),et({x:Z.clientX,y:Z.clientY});},[]);return jsxs("div",{ref:z,tabIndex:0,style:{position:"relative",width:"100%",backgroundColor:"#000",aspectRatio:"16 / 9",userSelect:"none",outline:"none"},className:c,"data-test":"video-player-container","data-theater":S.isTheaterMode?"true":void 0,onContextMenu:Rt,children:[jsx("video",{ref:v,poster:l,preload:u,crossOrigin:k,onClick:tt,onDoubleClick:Ct,playsInline:true,style:{width:"100%",height:"100%",display:"block",cursor:"pointer",visibility:S.isAudioMode?"hidden":"visible"},"data-test":"video-element",children:B?.map(Z=>jsx("track",{kind:"subtitles",src:Z.src,label:Z.label,srcLang:Z.srclang,default:Z.default},Z.id))}),R&&jsx("audio",{ref:b,preload:"none",style:{display:"none"},"aria-hidden":"true"}),S.isAudioMode&&jsx(Ye,{poster:g??(C?void 0:l),logo:F,audioModeFallback:C,isBuffering:S.isBuffering,onOverlayClick:tt}),p&&jsx(Fe,{videoRef:Be,playerRef:ce,playerContainerRef:z,playbackRates:N,enablePreview:w,thumbnailVtt:S.isAudioMode?void 0:V,thumbnailVttBaseUrl:A,isPlaying:S.isPlaying,volume:S.volume,isMuted:S.isMuted,playbackRate:S.playbackRate,isFullscreen:S.isFullscreen,isPictureInPicture:S.isPictureInPicture,isTheaterMode:S.isTheaterMode,isAudioMode:S.isAudioMode,showAudioButton:te??!!R,audioModeIcon:G,videoModeIcon:de,audioModeLabel:ie,videoModeLabel:se,isLive:S.isLive,qualityLevels:S.qualityLevels,currentQualityLevel:S.currentQualityLevel,showQualityMenu:I,manualQualityLevels:le,activeManualSrc:M,onManualQualityChange:ve,controlBarItems:i,autoHideControls:D}),Ue&&jsx(Ge,{x:Ue.x,y:Ue.y,isPlaying:S.isPlaying,src:o,videoRef:v,playerRef:ce,onClose:()=>et(null),contextMenuItems:y}),S.isLive&&jsx("div",{style:{position:"absolute",top:12,left:12,backgroundColor:"#e53935",color:"#fff",fontSize:11,fontWeight:700,letterSpacing:"0.08em",padding:"2px 8px",borderRadius:3,pointerEvents:"none"},children:"LIVE"}),S.isBuffering&&!S.error&&!S.isAudioMode&&jsx("div",{style:{position:"absolute",inset:0,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:12,color:"#fff",pointerEvents:"none"},"data-test":"buffering-indicator",children:jsx("div",{style:{width:48,height:48,border:"4px solid rgba(255,255,255,0.25)",borderTop:"4px solid #fff",borderRadius:"50%",animation:"rvp-spin 0.8s linear infinite"}})}),S.error&&jsx("div",{style:{position:"absolute",inset:0,display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"rgba(0,0,0,0.85)",color:"#fff",padding:24},"data-test":"error-overlay",children:jsxs("div",{style:{textAlign:"center",maxWidth:400},children:[jsx("div",{style:{fontSize:36,marginBottom:12},children:"\u26A0"}),jsx("h3",{style:{margin:"0 0 8px",fontSize:18},children:S.error.code==="MEDIA_ERR_SRC_NOT_SUPPORTED"?"Unsupported Format":S.error.code.startsWith("HLS")?"Stream Error":"Playback Error"}),jsx("p",{style:{margin:0,fontSize:13,opacity:.75},children:S.error.message})]})})]})});Tt.displayName="VideoPlayer";var rn=Tt;var on={EXTREME:100,POOR:300,FAIR:800,GOOD:1500},an={LOWEST:0,SECOND_LOWEST:1,DISABLED:-1};export{on as AUDIO_BANDWIDTH_THRESHOLDS,an as AUDIO_SWITCH_LEVELS,ht as ControlElements,Fe as Controls,rn as VideoPlayer,We as findThumbnailCue,ge as formatTime,xt as getMimeType,Le as isHLSUrl,$e as parseThumbnailVtt};//# sourceMappingURL=index.mjs.map
|
|
4
4
|
//# sourceMappingURL=index.mjs.map
|