@marcuth/movie.js 0.0.1 → 0.1.1

package/dist/clips/clip.d.ts

@@ -1,5 +1,5 @@
-import { FFmpegInput } from "../ffmpeg-input";
 import { RenderContext } from "../render-context";
+import { FFmpegInput } from "../ffmpeg-input";
 export type WhenOptions<Data> = {
     data: Data;
     index: number;

package/dist/clips/image-clip.d.ts

@@ -1,7 +1,7 @@
+import { Path } from "../utils/resolve-path";
 import { RenderContext } from "../render-context";
 import { FFmpegInput } from "../ffmpeg-input";
 import { Clip } from "./clip";
-import { Path } from "../utils/resolve-path";
 export type ImageClipOptions<RenderData> = {
     path: Path<RenderData>;
     width?: number;
@@ -9,6 +9,11 @@ export type ImageClipOptions<RenderData> = {
     duration: number;
     fadeIn?: number;
     fadeOut?: number;
+    scroll?: {
+        axis?: "auto" | "x" | "y";
+        direction?: "forward" | "backward";
+        easing?: "linear" | "easeIn" | "easeOut" | "easeInOut";
+    };
 };
 export declare class ImageClip<RenderData> extends Clip<RenderData> {
     readonly duration: number;
@@ -17,7 +22,12 @@ export declare class ImageClip<RenderData> extends Clip<RenderData> {
     readonly fadeOut?: number;
     readonly width?: number;
     readonly height?: number;
-    constructor({ duration, path, width, height, fadeIn, fadeOut }: ImageClipOptions<RenderData>);
+    readonly scroll?: {
+        axis?: "auto" | "x" | "y";
+        direction?: "forward" | "backward";
+        easing?: "linear" | "easeIn" | "easeOut" | "easeInOut";
+    };
+    constructor({ duration, path, width, height, fadeIn, fadeOut, scroll }: ImageClipOptions<RenderData>);
     protected getInput(path: string, inputIndex: number, fps: number): FFmpegInput;
     build(data: RenderData, context: RenderContext): void;
 }

package/dist/clips/image-clip.js

@@ -1,10 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ImageClip = void 0;
-const clip_1 = require("./clip");
 const resolve_path_1 = require("../utils/resolve-path");
+const clip_1 = require("./clip");
+const get_eased_expression_1 = require("../utils/get-eased-expression");
 class ImageClip extends clip_1.Clip {
-    constructor({ duration, path, width, height, fadeIn, fadeOut }) {
+    constructor({ duration, path, width, height, fadeIn, fadeOut, scroll }) {
         super();
         this.duration = duration;
         this.path = path;
@@ -12,6 +13,7 @@ class ImageClip extends clip_1.Clip {
         this.fadeOut = fadeOut;
         this.width = width;
         this.height = height;
+        this.scroll = scroll;
     }
     getInput(path, inputIndex, fps) {
         return {
@@ -30,7 +32,7 @@ class ImageClip extends clip_1.Clip {
         };
     }
     build(data, context) {
-        var _a, _b;
+        var _a, _b, _c, _d, _e;
         const path = (0, resolve_path_1.resolvePath)({ path: this.path, data: data, index: context.clipIndex });
         const input = this.getInput(path, context.inputIndex, context.fps);
         let currentVideoOutput = input.aliases.video;
@@ -60,6 +62,30 @@ class ImageClip extends clip_1.Clip {
             });
             currentVideoOutput = scaleOutput;
         }
+        if (this.scroll) {
+            const cropOutput = `crop${context.inputIndex}`;
+            const easing = (_c = this.scroll.easing) !== null && _c !== void 0 ? _c : "linear";
+            const totalFrames = this.duration * context.fps;
+            const p = (0, get_eased_expression_1.getEasedExpression)(`min(n/${totalFrames},1)`, easing);
+            const xExpr = this.scroll.axis === "x" && this.width
+                ? `if(gt(iw,${this.width}),min((iw-${this.width})*(${p}),iw-${this.width}),0)`
+                : "0";
+            const yExpr = this.scroll.axis === "y" && this.height
+                ? `if(gt(ih,${this.height}),min((ih-${this.height})*(${p}),ih-${this.height}),0)`
+                : "0";
+            context.filters.push({
+                filter: "crop",
+                options: {
+                    w: (_d = this.width) !== null && _d !== void 0 ? _d : "iw",
+                    h: (_e = this.height) !== null && _e !== void 0 ? _e : "ih",
+                    x: xExpr,
+                    y: yExpr
+                },
+                inputs: currentVideoOutput,
+                outputs: cropOutput
+            });
+            currentVideoOutput = cropOutput;
+        }
         if (this.fadeIn && this.fadeIn > 0) {
             const fadeInOutput = `fadeIn${context.inputIndex}`;
             context.filters.push({

package/dist/utils/get-eased-expression.d.ts

@@ -0,0 +1 @@
+export declare function getEasedExpression(expr: string, easing: "linear" | "easeIn" | "easeOut" | "easeInOut"): string;

package/dist/utils/get-eased-expression.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getEasedExpression = getEasedExpression;
+function getEasedExpression(expr, easing) {
+    switch (easing) {
+        case "easeIn":
+            return `${expr}*${expr}`;
+        case "easeOut":
+            return `1-(1-${expr})*(1-${expr})`;
+        case "easeInOut":
+            return `(1-cos(PI*${expr}))/2`;
+        default:
+            return expr;
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marcuth/movie.js",
-  "version": "0.0.1",
+  "version": "0.1.1",
   "description": "Video template builder",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -32,4 +32,4 @@
     "cli-progress": "^3.12.0",
     "fluent-ffmpeg": "^2.1.3"
   }
-}
+}