Loading
function(e,t,n){n.d(t,{A:()=>a});var r=n(582128);let l="requestVideoFrameCallback"in HTMLVideoElement.prototype;function a(e){let{videoRef:t,canvasRef:n,enabled:a,canvasWidth:i=10,canvasHeight:u=6}=e;r.useEffect(()=>{if(!a)return;let e=t.current,r=n.current;if(null==e||null==r)return;r.width=i,r.height=u;let s=r.getContext("2d");if(null==s)return;let o=!1;function c(){o||e.readyState<2||s.drawImage(e,0,0,i,u)}if(l){let t;function d(){o||(c(),t=e.requestVideoFrameCallback(d))}function m(){t=e.requestVideoFrameCallback(d)}function f(){e.cancelVideoFrameCallback(t)}return e.addEventListener("play",m),e.addEventListener("pause",f),e.addEventListener("ended",f),e.addEventListener("seeked",c),e.addEventListener("loadeddata",c),e.paused?e.readyState>=2&&c():t=e.requestVideoFrameCallback(d),()=>{o=!0,e.cancelVideoFrameCallback(t),e.removeEventListener("play",m),e.removeEventListener("pause",f),e.removeEventListener("ended",f),e.removeEventListener("seeked",c),e.removeEventListener("loadeddata",c)}}{let t;function h(){o||(c(),t=requestAnimationFrame(h))}function p(){t=requestAnimationFrame(h)}function v(){cancelAnimationFrame(t)}return e.addEventListener("play",p),e.addEventListener("pause",v),e.addEventListener("ended",v),e.addEventListener("seeked",c),e.addEventListener("loadeddata",c),e.paused?e.readyState>=2&&c():t=requestAnimationFrame(h),()=>{o=!0,cancelAnimationFrame(t),e.removeEventListener("play",p),e.removeEventListener("pause",v),e.removeEventListener("ended",v),e.removeEventListener("seeked",c),e.removeEventListener("loadeddata",c)}}},[t,n,a,i,u])}}