@bendyline/squisq-react 2.4.3 → 2.4.5

package/dist/{chunk-7YFNL63X.js → chunk-A4VLH2US.js}

@@ -1540,10 +1540,19 @@ function buildSegmentTitleMap(doc) {
 
 // src/docPlayer/renderReadiness.ts
 var DEFAULT_VIDEO_FRAME_TIMEOUT_MS = 2e3;
+var VIDEO_FRAME_READINESS_POLL_MS = 16;
 var VIDEO_TIME_TOLERANCE_SECONDS = 0.01;
 function formatMediaTime(time) {
   return Number.isFinite(time) ? `${time.toFixed(3)}s` : String(time);
 }
+function reachableMediaTime(video, targetTime) {
+  const duration = video.duration;
+  if (!Number.isFinite(duration)) return targetTime;
+  return Math.max(0, Math.min(targetTime, duration));
+}
+function isAtReachableMediaTime(video, targetTime) {
+  return Math.abs(video.currentTime - reachableMediaTime(video, targetTime)) <= VIDEO_TIME_TOLERANCE_SECONDS;
+}
 function isVisiblyPresented(video) {
   if (!video.isConnected) return false;
   const view = video.ownerDocument.defaultView;
@@ -1558,13 +1567,14 @@ function isVisiblyPresented(video) {
 }
 function seekVideoToFrame(video, targetTime, timeoutMs = DEFAULT_VIDEO_FRAME_TIMEOUT_MS) {
   video.pause();
-  const alreadyReady = !video.seeking && video.readyState >= HTMLMediaElement.HAVE_CURRENT_DATA && Math.abs(video.currentTime - targetTime) <= VIDEO_TIME_TOLERANCE_SECONDS;
+  const alreadyReady = !video.seeking && video.readyState >= HTMLMediaElement.HAVE_CURRENT_DATA && isAtReachableMediaTime(video, targetTime);
   if (alreadyReady) return Promise.resolve();
   return new Promise((resolve, reject) => {
     let settled = false;
     let videoFrameRequest = null;
     const cleanup = () => {
       clearTimeout(timeout);
+      clearInterval(readinessPoll);
       video.removeEventListener("seeked", handleMediaReady);
       video.removeEventListener("loadeddata", handleMediaReady);
       video.removeEventListener("canplay", handleMediaReady);
@@ -1584,12 +1594,14 @@ function seekVideoToFrame(video, targetTime, timeoutMs = DEFAULT_VIDEO_FRAME_TIM
       cleanup();
       reject(
         new Error(
-          `Video frame did not become ready at ${formatMediaTime(targetTime)} within ${timeoutMs}ms (currentTime=${formatMediaTime(video.currentTime)}, readyState=${video.readyState}, seeking=${String(video.seeking)}, visible=${String(isVisiblyPresented(video))}).`
+          `Video frame did not become ready at ${formatMediaTime(targetTime)} within ${timeoutMs}ms (currentTime=${formatMediaTime(video.currentTime)}, reachableTime=${formatMediaTime(reachableMediaTime(video, targetTime))}, duration=${formatMediaTime(video.duration)}, readyState=${video.readyState}, seeking=${String(video.seeking)}, visible=${String(isVisiblyPresented(video))}).`
         )
       );
     };
     const requestPresentedFrame = () => {
-      if (settled || video.seeking || video.readyState < HTMLMediaElement.HAVE_CURRENT_DATA) return;
+      if (settled || video.seeking || video.readyState < HTMLMediaElement.HAVE_CURRENT_DATA || !isAtReachableMediaTime(video, targetTime)) {
+        return;
+      }
       if (typeof video.requestVideoFrameCallback !== "function" || !isVisiblyPresented(video)) {
         finish();
         return;
@@ -1604,11 +1616,12 @@ function seekVideoToFrame(video, targetTime, timeoutMs = DEFAULT_VIDEO_FRAME_TIM
       requestPresentedFrame();
     }
     const timeout = setTimeout(fail, timeoutMs);
+    const readinessPoll = setInterval(requestPresentedFrame, VIDEO_FRAME_READINESS_POLL_MS);
     video.addEventListener("seeked", handleMediaReady);
     video.addEventListener("loadeddata", handleMediaReady);
     video.addEventListener("canplay", handleMediaReady);
     try {
-      video.currentTime = targetTime;
+      video.currentTime = reachableMediaTime(video, targetTime);
       queueMicrotask(requestPresentedFrame);
     } catch (error) {
       settled = true;

package/dist/index.js

@@ -12,7 +12,7 @@ import {
   formatTime,
   resolveDocPlayerAppearance,
   useMediaClipDurations
-} from "./chunk-7YFNL63X.js";
+} from "./chunk-A4VLH2US.js";
 import {
   BlockRenderer,
   CanvasSection,

package/dist/player/index.js

@@ -10,7 +10,7 @@ import {
   MediaClipLayer,
   SocialCaptionOverlay,
   formatTime
-} from "../chunk-7YFNL63X.js";
+} from "../chunk-A4VLH2US.js";
 import {
   BlockRenderer
 } from "../chunk-EJMUO6VX.js";