@remotion/renderer 4.0.357 → 4.0.358

package/dist/render-frames.js

@@ -113,7 +113,7 @@ const innerRenderFrames = async ({ onFrameUpdate, outputDir, onStart, serialized
     const frameDir = outputDir !== null && outputDir !== void 0 ? outputDir : downloadMap.compositingDir;
     // Render the extra frames at the beginning of the video first,
     // then the regular frames, then the extra frames at the end of the video.
-    // While the order technically doesn't matter, components such as <Video> are
+    // While the order technically doesn't matter, components such as <Html5Video> are
     // not always frame perfect and give a flicker.
     // We reduce the chance of flicker by rendering the frames in order.
     const allFramesAndExtraFrames = [

package/dist/test/actual-concurrency.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/artifacts.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/asset-calculation.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/asset-compression.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/avoid-ffmpeg-stackoverflow.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/browser-log-message.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/calculate-atempo.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/compositor-rust.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/crf.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/derive-codec-from-file-extension.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/dont-skip-assets.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/download-file.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/even-dimensions.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/extra-frames-to-capture.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/extract-audio.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/extract-frame-rust.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/ffmpeg-filters.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/ffmpeg-merge-filter.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/ffmpeg-volume-expression.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/file-extension.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/find-closest-package-json.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/flatten-volume-array.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/format-logs.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/frame-padded-index.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/frame.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/get-assets-for-markup.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { TRenderAsset } from 'remotion';
+export declare const getAssetsForMarkup: (Markup: React.FC, config: {
+    durationInFrames: number;
+    width: number;
+    height: number;
+    fps: number;
+}) => Promise<TRenderAsset[][]>;

package/dist/test/get-audio-channels.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/get-bundle-url-from-serve-url.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/get-silent-parts.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/guess-extension-for-media.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/handle-weird-file-names.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/log-level.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/mime-types.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/offthread-extract-url.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/parse-ffmpeg-progress.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/partitions.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/pixel-format.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/port-config.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/port-selection.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/prores-profile.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/render-still.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/rust-errors.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/rust-get-video-metadata.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/rust-memory-usage.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/sanitize-file-path.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/serve-url.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/symbolicate-remote-stack.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/validate-concurrency.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/validate-config-stitcher.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/validate-config.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/validate-even-dimensions-with-codec.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/validate-image-format.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/webpack-to-serve-url.test.d.ts

@@ -0,0 +1 @@
+export {};

package/package/dist/assets/apply-tone-frequency.d.ts

@@ -0,0 +1,11 @@
+import type { LogLevel } from '../log-level';
+import type { CancelSignal } from '../make-cancel-signal';
+export declare const applyToneFrequencyUsingFfmpeg: ({ input, output, toneFrequency, indent, logLevel, binariesDirectory, cancelSignal, }: {
+    input: string;
+    output: string;
+    toneFrequency: number;
+    indent: boolean;
+    logLevel: LogLevel;
+    binariesDirectory: string | null;
+    cancelSignal: CancelSignal | undefined;
+}) => Promise<void>;

package/package/dist/assets/apply-tone-frequency.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.applyToneFrequencyUsingFfmpeg = void 0;
+const call_ffmpeg_1 = require("../call-ffmpeg");
+const logger_1 = require("../logger");
+const sample_rate_1 = require("../sample-rate");
+const applyToneFrequencyUsingFfmpeg = async ({ input, output, toneFrequency, indent, logLevel, binariesDirectory, cancelSignal, }) => {
+    const filter = `asetrate=${sample_rate_1.DEFAULT_SAMPLE_RATE}*${toneFrequency},aresample=${sample_rate_1.DEFAULT_SAMPLE_RATE},atempo=1/${toneFrequency}`;
+    const args = [
+        '-hide_banner',
+        '-i',
+        input,
+        ['-ac', '2'],
+        '-filter:a',
+        filter,
+        ['-c:a', 'pcm_s16le'],
+        ['-ar', String(sample_rate_1.DEFAULT_SAMPLE_RATE)],
+        '-y',
+        output,
+    ].flat(2);
+    logger_1.Log.verbose({ indent, logLevel }, 'Changing tone frequency using FFmpeg:', JSON.stringify(args.join(' ')), 'Filter:', filter);
+    const startTimestamp = Date.now();
+    const task = (0, call_ffmpeg_1.callFf)({
+        bin: 'ffmpeg',
+        args,
+        indent,
+        logLevel,
+        binariesDirectory,
+        cancelSignal,
+    });
+    await task;
+    logger_1.Log.verbose({ indent, logLevel }, 'Changed tone frequency using FFmpeg', `${Date.now() - startTimestamp}ms`);
+};
+exports.applyToneFrequencyUsingFfmpeg = applyToneFrequencyUsingFfmpeg;

package/package/dist/assets/calculate-asset-positions.d.ts

@@ -0,0 +1,3 @@
+import type { AudioOrVideoAsset } from 'remotion/no-react';
+import type { Assets } from './types';
+export declare const calculateAssetPositions: (frames: AudioOrVideoAsset[][]) => Assets;

package/package/dist/assets/calculate-asset-positions.js

@@ -0,0 +1,72 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.calculateAssetPositions = void 0;
+const filter_asset_types_1 = require("../filter-asset-types");
+const resolve_asset_src_1 = require("../resolve-asset-src");
+const flatten_volume_array_1 = require("./flatten-volume-array");
+const types_1 = require("./types");
+const areEqual = (a, b) => {
+    return a.id === b.id;
+};
+const findFrom = (target, renderAsset) => {
+    const index = target.findIndex((a) => areEqual(a, renderAsset));
+    if (index === -1) {
+        return false;
+    }
+    target.splice(index, 1);
+    return true;
+};
+const copyAndDeduplicateAssets = (renderAssets) => {
+    const onlyAudioAndVideo = (0, filter_asset_types_1.onlyAudioAndVideoAssets)(renderAssets);
+    const deduplicated = [];
+    for (const renderAsset of onlyAudioAndVideo) {
+        if (!deduplicated.find((d) => d.id === renderAsset.id)) {
+            deduplicated.push(renderAsset);
+        }
+    }
+    return deduplicated;
+};
+const calculateAssetPositions = (frames) => {
+    var _a, _b;
+    const assets = [];
+    const flattened = frames.flat(1);
+    for (let frame = 0; frame < frames.length; frame++) {
+        const prev = copyAndDeduplicateAssets((_a = frames[frame - 1]) !== null && _a !== void 0 ? _a : []);
+        const current = copyAndDeduplicateAssets(frames[frame]);
+        const next = copyAndDeduplicateAssets((_b = frames[frame + 1]) !== null && _b !== void 0 ? _b : []);
+        for (const asset of current) {
+            if (!findFrom(prev, asset)) {
+                assets.push({
+                    src: (0, resolve_asset_src_1.resolveAssetSrc)((0, types_1.uncompressMediaAsset)(flattened, asset).src),
+                    type: asset.type,
+                    duration: null,
+                    id: asset.id,
+                    startInVideo: frame,
+                    trimLeft: asset.mediaFrame,
+                    volume: [],
+                    playbackRate: asset.playbackRate,
+                    toneFrequency: asset.toneFrequency,
+                    audioStartFrame: asset.audioStartFrame,
+                    audioStreamIndex: asset.audioStreamIndex,
+                });
+            }
+            const found = assets.find((a) => a.duration === null && areEqual(a, asset));
+            if (!found)
+                throw new Error('something wrong');
+            if (!findFrom(next, asset)) {
+                // Duration calculation:
+                // start 0, range 0-59:
+                // 59 - 0 + 1 ==> 60 frames duration
+                found.duration = frame - found.startInVideo + 1;
+            }
+            found.volume = [...found.volume, asset.volume];
+        }
+    }
+    for (const asset of assets) {
+        if (asset.duration === null) {
+            throw new Error('duration is unexpectedly null');
+        }
+    }
+    return assets.map((a) => (0, flatten_volume_array_1.convertAssetToFlattenedVolume)(a));
+};
+exports.calculateAssetPositions = calculateAssetPositions;

package/package/dist/assets/calculate-atempo.d.ts

@@ -0,0 +1 @@
+export declare const calculateATempo: (playbackRate: number) => string | null;

package/package/dist/assets/calculate-atempo.js

@@ -0,0 +1,16 @@
+"use strict";
+// Solving this problem of FFMPEG:
+// https://trac.ffmpeg.org/wiki/How%20to%20speed%20up%20/%20slow%20down%20a%20video
+// "The atempo filter is limited to using values between 0.5 and 2.0 (so it can slow it down to no less than half the original speed, and speed up to no more than double the input). If you need to, you can get around this limitation by stringing multiple atempo filters together. The following with quadruple the audio speed:"
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.calculateATempo = void 0;
+const calculateATempo = (playbackRate) => {
+    if (playbackRate === 1) {
+        return null;
+    }
+    if (playbackRate >= 0.5 && playbackRate <= 2) {
+        return `atempo=${playbackRate.toFixed(5)}`;
+    }
+    return `${(0, exports.calculateATempo)(Math.sqrt(playbackRate))},${(0, exports.calculateATempo)(Math.sqrt(playbackRate))}`;
+};
+exports.calculateATempo = calculateATempo;

package/package/dist/assets/convert-assets-to-file-urls.d.ts

@@ -0,0 +1,13 @@
+import type { AudioOrVideoAsset } from 'remotion/no-react';
+import type { LogLevel } from '../log-level';
+import type { FrameAndAssets } from '../render-frames';
+import type { RenderMediaOnDownload } from './download-and-map-assets-to-file';
+import type { DownloadMap } from './download-map';
+export declare const convertAssetsToFileUrls: ({ assets, onDownload, downloadMap, indent, logLevel, binariesDirectory, }: {
+    assets: FrameAndAssets[];
+    onDownload: RenderMediaOnDownload;
+    downloadMap: DownloadMap;
+    indent: boolean;
+    logLevel: LogLevel;
+    binariesDirectory: string | null;
+}) => Promise<AudioOrVideoAsset[][]>;

package/package/dist/assets/convert-assets-to-file-urls.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.convertAssetsToFileUrls = void 0;
+const download_and_map_assets_to_file_1 = require("./download-and-map-assets-to-file");
+const chunk = (input, size) => {
+    return input.reduce((arr, item, idx) => {
+        return idx % size === 0
+            ? [...arr, [item]]
+            : [...arr.slice(0, -1), [...arr.slice(-1)[0], item]];
+    }, []);
+};
+const convertAssetsToFileUrls = async ({ assets, onDownload, downloadMap, indent, logLevel, binariesDirectory, }) => {
+    const chunks = chunk(assets, 1000);
+    const results = [];
+    for (const ch of chunks) {
+        const assetPromises = ch.map((frame) => {
+            const frameAssetPromises = frame.audioAndVideoAssets.map((a) => {
+                return (0, download_and_map_assets_to_file_1.downloadAndMapAssetsToFileUrl)({
+                    renderAsset: a,
+                    onDownload,
+                    downloadMap,
+                    indent,
+                    logLevel,
+                    binariesDirectory,
+                    cancelSignalForAudioAnalysis: undefined,
+                    shouldAnalyzeAudioImmediately: true,
+                });
+            });
+            return Promise.all(frameAssetPromises);
+        });
+        const result = await Promise.all(assetPromises);
+        results.push(result);
+    }
+    return results.flat(1);
+};
+exports.convertAssetsToFileUrls = convertAssetsToFileUrls;

package/package/dist/assets/download-and-map-assets-to-file.d.ts

@@ -0,0 +1,37 @@
+import type { AudioOrVideoAsset } from 'remotion/no-react';
+import type { LogLevel } from '../log-level';
+import type { CancelSignal } from '../make-cancel-signal';
+import type { DownloadMap } from './download-map';
+export type RenderMediaOnDownload = (src: string) => ((progress: {
+    percent: number | null;
+    downloaded: number;
+    totalSize: number | null;
+}) => void) | undefined | void;
+export declare const downloadAsset: ({ src, downloadMap, indent, logLevel, shouldAnalyzeAudioImmediately, binariesDirectory, cancelSignalForAudioAnalysis, audioStreamIndex, }: {
+    src: string;
+    downloadMap: DownloadMap;
+    indent: boolean;
+    logLevel: LogLevel;
+    shouldAnalyzeAudioImmediately: boolean;
+    binariesDirectory: string | null;
+    cancelSignalForAudioAnalysis: CancelSignal | undefined;
+    audioStreamIndex: number | undefined;
+}) => Promise<string>;
+export declare const markAllAssetsAsDownloaded: (downloadMap: DownloadMap) => void;
+export declare const getSanitizedFilenameForAssetUrl: ({ src, downloadDir, contentDisposition, contentType, }: {
+    src: string;
+    downloadDir: string;
+    contentDisposition: string | null;
+    contentType: string | null;
+}) => string;
+export declare const downloadAndMapAssetsToFileUrl: ({ renderAsset, onDownload, downloadMap, logLevel, indent, binariesDirectory, cancelSignalForAudioAnalysis, shouldAnalyzeAudioImmediately, }: {
+    renderAsset: AudioOrVideoAsset;
+    onDownload: RenderMediaOnDownload | null;
+    downloadMap: DownloadMap;
+    logLevel: LogLevel;
+    indent: boolean;
+    shouldAnalyzeAudioImmediately: boolean;
+    binariesDirectory: string | null;
+    cancelSignalForAudioAnalysis: CancelSignal | undefined;
+}) => Promise<AudioOrVideoAsset>;
+export declare const attachDownloadListenerToEmitter: (downloadMap: DownloadMap, onDownload: RenderMediaOnDownload | null) => () => void;