asciify-engine 1.0.47 → 1.0.49

package/dist/index.cjs

@@ -648,11 +648,14 @@ function imageToAsciiFrame(source, options, targetWidth, targetHeight) {
     normRange = hi > lo ? hi - lo : 255;
   }
   const frame = [];
+  const ck = options.chromaKey;
+  const ckEnabled = ck != null && ck !== false;
+  const ckHeuristicGreen = ck === true;
+  const ckHeuristicBlue = ck === "blue-screen";
   let ckRGB = null;
   let ckTolSq = 0;
-  const ck = options.chromaKey;
-  if (ck != null && ck !== false) {
-    ckRGB = ck === true ? { r: 0, g: 177, b: 64 } : parseChromaKeyColor(ck);
+  if (ckEnabled && !ckHeuristicGreen && !ckHeuristicBlue) {
+    ckRGB = parseChromaKeyColor(ck);
     ckTolSq = (options.chromaKeyTolerance ?? 60) ** 2;
   }
   for (let y = 0; y < rows; y++) {
@@ -663,11 +666,19 @@ function imageToAsciiFrame(source, options, targetWidth, targetHeight) {
       const g = pixels[i + 1];
       const b = pixels[i + 2];
       const a = pixels[i + 3];
-      if (ckRGB !== null) {
-        const dr = r - ckRGB.r;
-        const dg = g - ckRGB.g;
-        const db = b - ckRGB.b;
-        if (dr * dr + dg * dg + db * db <= ckTolSq) {
+      if (ckEnabled) {
+        let keyed = false;
+        if (ckHeuristicGreen) {
+          keyed = g > r * 1.4 && g > b * 1.4 && g > 80;
+        } else if (ckHeuristicBlue) {
+          keyed = b > r * 1.4 && b > g * 1.4 && b > 80;
+        } else if (ckRGB !== null) {
+          const dr = r - ckRGB.r;
+          const dg = g - ckRGB.g;
+          const db = b - ckRGB.b;
+          keyed = dr * dr + dg * dg + db * db <= ckTolSq;
+        }
+        if (keyed) {
           row.push({ char: " ", r: 0, g: 0, b: 0, a: 0 });
           continue;
         }
@@ -1102,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;
@@ -1109,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);
@@ -1158,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);
@@ -1168,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?.();
     }
   };