asciify-engine 1.0.48 → 1.0.49

package/dist/index.cjs

@@ -1113,6 +1113,7 @@ async function asciifyVideo(source, canvas, { fontSize = 10, artStyle = "classic
     onReady?.(video2);
     const { frames, fps } = await videoToAsciiFrames(video2, merged, canvas.width, canvas.height);
     let cancelled2 = false, animId2, i = 0, last = performance.now();
+    let firstFrame2 = true;
     const interval = 1e3 / fps;
     const tick2 = (now) => {
       if (cancelled2) return;
@@ -1120,6 +1121,10 @@ async function asciifyVideo(source, canvas, { fontSize = 10, artStyle = "classic
         renderFrameToCanvas(ctx, frames[i], merged, canvas.width, canvas.height);
         i = (i + 1) % frames.length;
         last = now;
+        if (firstFrame2) {
+          firstFrame2 = false;
+          onReady?.(video2);
+        }
         onFrame?.();
       }
       animId2 = requestAnimationFrame(tick2);
@@ -1169,9 +1174,9 @@ async function asciifyVideo(source, canvas, { fontSize = 10, artStyle = "classic
     ro = new ResizeObserver(() => sizeCanvasToContainer(canvas, container, aspect));
     ro.observe(container);
   }
-  onReady?.(video);
   let cancelled = false;
   let animId;
+  let firstFrame = true;
   const tick = () => {
     if (cancelled) return;
     animId = requestAnimationFrame(tick);
@@ -1179,6 +1184,10 @@ async function asciifyVideo(source, canvas, { fontSize = 10, artStyle = "classic
     const { frame } = imageToAsciiFrame(video, merged, canvas.width, canvas.height);
     if (frame.length > 0) {
       renderFrameToCanvas(ctx, frame, merged, canvas.width, canvas.height, 0, null);
+      if (firstFrame) {
+        firstFrame = false;
+        onReady?.(video);
+      }
       onFrame?.();
     }
   };