@remotion/renderer 3.0.24 → 3.0.25

package/dist/calculate-sar-dar-pixels.d.ts

@@ -0,0 +1,9 @@
+export declare const calculateDisplayVideoSize: ({ darX, darY, x, y, }: {
+    x: number;
+    y: number;
+    darX: number;
+    darY: number;
+}) => {
+    width: number;
+    height: number;
+};

package/dist/calculate-sar-dar-pixels.js

@@ -0,0 +1,19 @@
+"use strict";
+// https://superuser.com/questions/907933/correct-aspect-ratio-without-re-encoding-video-file
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.calculateDisplayVideoSize = void 0;
+const calculateDisplayVideoSize = ({ darX, darY, x, y, }) => {
+    // We know two equations:
+    //   newWidth / newHeight = darX / darY
+    // and:
+    //   x * y = (newWidth * newHeight)
+    // I solved it then on pen and paper and simplified the formula:
+    const dimensions = x * y;
+    const newWidth = Math.sqrt(dimensions * (darX / darY));
+    const newHeight = dimensions / newWidth;
+    return {
+        height: Math.round(newHeight),
+        width: Math.round(newWidth),
+    };
+};
+exports.calculateDisplayVideoSize = calculateDisplayVideoSize;

package/dist/extract-frame-from-video.d.ts

@@ -1,9 +1,7 @@
+/// <reference types="node" />
 import type { FfmpegExecutable, OffthreadVideoImageFormat } from 'remotion';
 import type { LastFrameOptions } from './last-frame-from-video-cache';
-export declare const determineResizeParams: (needsResize: [
-    number,
-    number
-] | null) => string[];
+export declare const determineResizeParams: (needsResize: [number, number] | null) => string[];
 export declare const getLastFrameOfVideo: (options: LastFrameOptions) => Promise<Buffer>;
 declare type Options = {
     time: number;

package/dist/get-video-info.js

@@ -5,6 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getVideoInfo = void 0;
 const execa_1 = __importDefault(require("execa"));
+const calculate_sar_dar_pixels_1 = require("./calculate-sar-dar-pixels");
 const p_limit_1 = require("./p-limit");
 const isVp9VideoCache = {};
 const limit = (0, p_limit_1.pLimit)(1);
@@ -26,8 +27,12 @@ async function getVideoInfoUnlimited(src, ffprobeExecutable) {
         const height = parseInt(dimensions[2], 10);
         const darWidth = parseInt(dar[1], 10);
         const darHeight = parseInt(dar[2], 10);
-        const actualWidth = Math.round(width * (darWidth / darHeight));
-        const actualHeight = Math.round(height * (darHeight / darWidth));
+        const { width: actualWidth, height: actualHeight } = (0, calculate_sar_dar_pixels_1.calculateDisplayVideoSize)({
+            darX: darWidth,
+            darY: darHeight,
+            x: width,
+            y: height,
+        });
         if (actualWidth !== width || actualHeight !== height) {
             needsResize = [actualWidth, actualHeight];
         }

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="node" />
 import execa from 'execa';
 import mime from 'mime-types';
 import { SymbolicateableError } from './error-handling/symbolicateable-error';

package/dist/last-frame-from-video-cache.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="node" />
 import type { FfmpegExecutable, OffthreadVideoImageFormat } from 'remotion';
 import type { SpecialVCodecForTransparency } from './get-video-info';
 export declare type LastFrameOptions = {

package/dist/provide-screenshot.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="node" />
 import type { ImageFormat } from 'remotion';
 import type { Page } from './browser/Page';
 export declare const provideScreenshot: ({ page, imageFormat, options, quality, }: {

package/dist/puppeteer-screenshot.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="node" />
 import type { Page } from './browser/Page';
 import type { ScreenshotOptions } from './browser/ScreenshotOptions';
 export declare const screenshot: (page: Page, options: ScreenshotOptions) => Promise<Buffer | string | void>;

package/dist/screenshot-dom-element.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="node" />
 import type { ImageFormat } from 'remotion';
 import type { Page } from './browser/Page';
 export declare const screenshotDOMElement: ({ page, imageFormat, quality, opts, }: {

package/dist/screenshot-task.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="node" />
 import type { StillImageFormat } from 'remotion';
 import type { Page } from './browser/Page';
 import type { ScreenshotOptions } from './browser/ScreenshotOptions';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@remotion/renderer",
-	"version": "3.0.24",
+	"version": "3.0.25",
 	"description": "Renderer for Remotion",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",
@@ -23,7 +23,7 @@
 		"execa": "5.1.1",
 		"extract-zip": "2.0.1",
 		"mime-types": "2.1.35",
-		"remotion": "3.0.24",
+		"remotion": "3.0.25",
 		"source-map": "^0.8.0-beta.0",
 		"ws": "8.7.0"
 	},
@@ -63,5 +63,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "7a9b3937f3d7eb41894a338cd92991e6d1226725"
+	"gitHead": "27ec369ebe9cf3d063095383c1e30dc83c60f010"
 }