asciify-engine 1.0.3 → 1.0.5

package/dist/index.cjs

@@ -758,6 +758,69 @@ async function asciify(source, canvas, { fontSize = 10, style = "classic", optio
   const { frame } = imageToAsciiFrame(el, merged, canvas.width, canvas.height);
   renderFrameToCanvas(ctx, frame, merged, canvas.width, canvas.height);
 }
+async function asciifyGif(source, canvas, { fontSize = 10, style = "classic", options = {} } = {}) {
+  const buffer = typeof source === "string" ? await fetch(source).then((r) => r.arrayBuffer()) : source;
+  const merged = { ...DEFAULT_OPTIONS, ...ART_STYLE_PRESETS[style], ...options, fontSize };
+  const ctx = canvas.getContext("2d");
+  if (!ctx) throw new Error("Could not get 2d context from canvas");
+  const { frames, fps } = await gifToAsciiFrames(buffer, merged, canvas.width, canvas.height);
+  let cancelled = false;
+  let animId;
+  let i = 0;
+  let last = performance.now();
+  const interval = 1e3 / fps;
+  const tick = (now) => {
+    if (cancelled) return;
+    if (now - last >= interval) {
+      renderFrameToCanvas(ctx, frames[i], merged, canvas.width, canvas.height);
+      i = (i + 1) % frames.length;
+      last = now;
+    }
+    animId = requestAnimationFrame(tick);
+  };
+  animId = requestAnimationFrame(tick);
+  return () => {
+    cancelled = true;
+    cancelAnimationFrame(animId);
+  };
+}
+async function asciifyVideo(source, canvas, { fontSize = 10, style = "classic", options = {} } = {}) {
+  let video;
+  if (typeof source === "string") {
+    video = document.createElement("video");
+    video.crossOrigin = "anonymous";
+    video.src = source;
+    await new Promise((resolve, reject) => {
+      video.onloadeddata = () => resolve();
+      video.onerror = () => reject(new Error(`Failed to load video: ${source}`));
+    });
+  } else {
+    video = source;
+  }
+  const merged = { ...DEFAULT_OPTIONS, ...ART_STYLE_PRESETS[style], ...options, fontSize };
+  const ctx = canvas.getContext("2d");
+  if (!ctx) throw new Error("Could not get 2d context from canvas");
+  const { frames, fps } = await videoToAsciiFrames(video, merged, canvas.width, canvas.height);
+  let cancelled = false;
+  let animId;
+  let i = 0;
+  let last = performance.now();
+  const interval = 1e3 / fps;
+  const tick = (now) => {
+    if (cancelled) return;
+    if (now - last >= interval) {
+      renderFrameToCanvas(ctx, frames[i], merged, canvas.width, canvas.height);
+      i = (i + 1) % frames.length;
+      last = now;
+    }
+    animId = requestAnimationFrame(tick);
+  };
+  animId = requestAnimationFrame(tick);
+  return () => {
+    cancelled = true;
+    cancelAnimationFrame(animId);
+  };
+}
 function generateEmbedCode(frame, options, width, height) {
   const rows = frame.length;
   if (rows === 0) return "";
@@ -1395,6 +1458,8 @@ exports.CHARSETS = CHARSETS;
 exports.DEFAULT_OPTIONS = DEFAULT_OPTIONS;
 exports.HOVER_PRESETS = HOVER_PRESETS;
 exports.asciify = asciify;
+exports.asciifyGif = asciifyGif;
+exports.asciifyVideo = asciifyVideo;
 exports.generateAnimatedEmbedCode = generateAnimatedEmbedCode;
 exports.generateEmbedCode = generateEmbedCode;
 exports.gifToAsciiFrames = gifToAsciiFrames;