asciify-engine 1.0.67 → 1.0.68

package/dist/index.cjs

@@ -1162,19 +1162,29 @@ function renderFrameToCanvas(ctx, frame, options, canvasWidth, canvasHeight, tim
 }
 
 // src/core/simple-api.ts
-function sizeCanvasToContainer(canvas, container, aspect) {
+function sizeCanvasToContainer(canvas, container, aspect, srcW, srcH) {
   const { width, height } = container.getBoundingClientRect();
   if (!width || !height) return;
-  let w = width, h = w / aspect;
-  if (h > height) {
-    h = height;
-    w = h * aspect;
-  }
-  const dpr = typeof window !== "undefined" ? window.devicePixelRatio || 1 : 1;
-  const cssW = Math.round(w);
-  const cssH = Math.round(h);
-  canvas.width = Math.round(cssW * dpr);
-  canvas.height = Math.round(cssH * dpr);
+  let cssW = width, cssH = cssW / aspect;
+  if (cssH > height) {
+    cssH = height;
+    cssW = cssH * aspect;
+  }
+  cssW = Math.round(cssW);
+  cssH = Math.round(cssH);
+  const MAX_BUF = 2048;
+  let bufW, bufH;
+  if (srcW && srcH && (srcW > cssW || srcH > cssH)) {
+    const scale = Math.min(1, MAX_BUF / Math.max(srcW, srcH));
+    bufW = Math.round(srcW * scale);
+    bufH = Math.round(srcH * scale);
+  } else {
+    const dpr = typeof window !== "undefined" ? window.devicePixelRatio || 1 : 1;
+    bufW = Math.round(cssW * dpr);
+    bufH = Math.round(cssH * dpr);
+  }
+  canvas.width = bufW;
+  canvas.height = bufH;
   canvas.style.width = cssW + "px";
   canvas.style.height = cssH + "px";
 }
@@ -1253,7 +1263,7 @@ async function asciifyVideo(source, canvas, { fontSize = 10, artStyle = "classic
     } else {
       video2 = source;
     }
-    if (container) sizeCanvasToContainer(canvas, container, video2.videoWidth / video2.videoHeight);
+    if (container) sizeCanvasToContainer(canvas, container, video2.videoWidth / video2.videoHeight, video2.videoWidth, video2.videoHeight);
     const maxDur = trimEnd !== void 0 ? trimEnd - trimStart : 10;
     const { frames, fps } = await videoToAsciiFrames(video2, merged, canvas.width, canvas.height, void 0, maxDur, void 0, trimStart);
     let cancelled2 = false, animId2, i = 0, last = performance.now();
@@ -1335,8 +1345,9 @@ async function asciifyVideo(source, canvas, { fontSize = 10, artStyle = "classic
   let ro = null;
   if (container) {
     const aspect = video.videoWidth / video.videoHeight;
-    sizeCanvasToContainer(canvas, container, aspect);
-    ro = new ResizeObserver(() => sizeCanvasToContainer(canvas, container, aspect));
+    const vw = video.videoWidth, vh = video.videoHeight;
+    sizeCanvasToContainer(canvas, container, aspect, vw, vh);
+    ro = new ResizeObserver(() => sizeCanvasToContainer(canvas, container, aspect, vw, vh));
     ro.observe(container);
   }
   let cancelled = false;