@remotion/renderer 3.0.0-alpha.192 → 3.0.0-compression.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/calculate-asset-positions.d.ts.map +1 -1
- package/dist/assets/calculate-asset-positions.js +1 -0
- package/dist/assets/calculate-asset-positions.js.map +1 -1
- package/dist/assets/convert-assets-to-file-urls.d.ts +3 -4
- package/dist/assets/convert-assets-to-file-urls.d.ts.map +1 -1
- package/dist/assets/convert-assets-to-file-urls.js +3 -3
- package/dist/assets/convert-assets-to-file-urls.js.map +1 -1
- package/dist/assets/download-and-map-assets-to-file.d.ts +8 -9
- package/dist/assets/download-and-map-assets-to-file.d.ts.map +1 -1
- package/dist/assets/download-and-map-assets-to-file.js +87 -20
- package/dist/assets/download-and-map-assets-to-file.js.map +1 -1
- package/dist/assets/get-asset-audio-details.d.ts +1 -0
- package/dist/assets/get-asset-audio-details.d.ts.map +1 -1
- package/dist/assets/get-asset-audio-details.js +3 -1
- package/dist/assets/get-asset-audio-details.js.map +1 -1
- package/dist/assets/types.d.ts +1 -0
- package/dist/assets/types.d.ts.map +1 -1
- package/dist/assets/types.js +19 -0
- package/dist/assets/types.js.map +1 -1
- package/dist/create-ffmpeg-complex-filter.d.ts +1 -4
- package/dist/create-ffmpeg-complex-filter.d.ts.map +1 -1
- package/dist/create-ffmpeg-complex-filter.js +2 -2
- package/dist/create-ffmpeg-complex-filter.js.map +1 -1
- package/dist/cycle-browser-tabs.d.ts +1 -1
- package/dist/cycle-browser-tabs.d.ts.map +1 -1
- package/dist/cycle-browser-tabs.js +14 -27
- package/dist/cycle-browser-tabs.js.map +1 -1
- package/dist/ffmpeg-flags.d.ts +1 -5
- package/dist/ffmpeg-flags.d.ts.map +1 -1
- package/dist/ffmpeg-flags.js +1 -5
- package/dist/ffmpeg-flags.js.map +1 -1
- package/dist/get-audio-codec-name.d.ts.map +1 -1
- package/dist/get-audio-codec-name.js +0 -3
- package/dist/get-audio-codec-name.js.map +1 -1
- package/dist/get-compositions.d.ts +5 -6
- package/dist/get-compositions.d.ts.map +1 -1
- package/dist/get-compositions.js +47 -55
- package/dist/get-compositions.js.map +1 -1
- package/dist/get-frame-to-render.d.ts +1 -1
- package/dist/get-frame-to-render.d.ts.map +1 -1
- package/dist/get-frame-to-render.js +7 -13
- package/dist/get-frame-to-render.js.map +1 -1
- package/dist/index.d.ts +7 -36
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +5 -38
- package/dist/index.js.map +1 -1
- package/dist/open-browser.d.ts.map +1 -1
- package/dist/open-browser.js +0 -13
- package/dist/open-browser.js.map +1 -1
- package/dist/provide-screenshot.d.ts +2 -2
- package/dist/provide-screenshot.d.ts.map +1 -1
- package/dist/provide-screenshot.js +1 -1
- package/dist/provide-screenshot.js.map +1 -1
- package/dist/puppeteer-screenshot.d.ts +1 -0
- package/dist/puppeteer-screenshot.d.ts.map +1 -1
- package/dist/puppeteer-screenshot.js.map +1 -1
- package/dist/render-still.d.ts +17 -18
- package/dist/render-still.d.ts.map +1 -1
- package/dist/render-still.js +33 -44
- package/dist/render-still.js.map +1 -1
- package/dist/render.d.ts +17 -35
- package/dist/render.d.ts.map +1 -1
- package/dist/render.js +69 -150
- package/dist/render.js.map +1 -1
- package/dist/screenshot-dom-element.d.ts +1 -0
- package/dist/screenshot-dom-element.d.ts.map +1 -1
- package/dist/screenshot-dom-element.js +3 -1
- package/dist/screenshot-dom-element.js.map +1 -1
- package/dist/screenshot-task.d.ts +2 -2
- package/dist/screenshot-task.d.ts.map +1 -1
- package/dist/screenshot-task.js.map +1 -1
- package/dist/set-props-and-env.d.ts +2 -2
- package/dist/set-props-and-env.d.ts.map +1 -1
- package/dist/set-props-and-env.js +2 -3
- package/dist/set-props-and-env.js.map +1 -1
- package/dist/stitcher.d.ts +15 -21
- package/dist/stitcher.d.ts.map +1 -1
- package/dist/stitcher.js +73 -97
- package/dist/stitcher.js.map +1 -1
- package/dist/stringify-ffmpeg-filter.d.ts.map +1 -1
- package/dist/stringify-ffmpeg-filter.js +0 -3
- package/dist/stringify-ffmpeg-filter.js.map +1 -1
- package/dist/types.d.ts +4 -0
- package/dist/types.d.ts.map +1 -1
- package/dist/validate-ffmpeg.d.ts.map +1 -1
- package/dist/validate-ffmpeg.js +2 -7
- package/dist/validate-ffmpeg.js.map +1 -1
- package/package.json +4 -4
package/dist/render-still.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"render-still.js","sourceRoot":"","sources":["../src/render-still.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"render-still.js","sourceRoot":"","sources":["../src/render-still.ts"],"names":[],"mappings":"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"}
|
package/dist/render.d.ts
CHANGED
|
@@ -1,41 +1,23 @@
|
|
|
1
|
-
|
|
2
|
-
import { Browser
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
import { BrowserLog } from './browser-log';
|
|
6
|
-
import { ServeUrlOrWebpackBundle } from './legacy-webpack-config';
|
|
7
|
-
import { OnStartData, RenderFramesOutput } from './types';
|
|
8
|
-
declare type ConfigOrComposition = {
|
|
9
|
-
/**
|
|
10
|
-
* @deprecated This field has been renamed to `composition`
|
|
11
|
-
*/
|
|
1
|
+
import { Browser as PuppeteerBrowser } from 'puppeteer-core';
|
|
2
|
+
import { Browser, BrowserExecutable, FrameRange, ImageFormat, VideoConfig } from 'remotion';
|
|
3
|
+
import { OnErrorInfo, OnStartData, RenderFramesOutput } from './types';
|
|
4
|
+
export declare const renderFrames: ({ config, parallelism, onFrameUpdate, compositionId, outputDir, onStart, inputProps, envVariables, webpackBundle, quality, imageFormat, browser, frameRange, dumpBrowserLogs, puppeteerInstance, onError, browserExecutable, }: {
|
|
12
5
|
config: VideoConfig;
|
|
13
|
-
|
|
14
|
-
composition: VideoConfig;
|
|
15
|
-
};
|
|
16
|
-
declare type RenderFramesOptions = {
|
|
6
|
+
compositionId: string;
|
|
17
7
|
onStart: (data: OnStartData) => void;
|
|
18
|
-
onFrameUpdate: (
|
|
19
|
-
outputDir: string
|
|
8
|
+
onFrameUpdate: (f: number) => void;
|
|
9
|
+
outputDir: string;
|
|
20
10
|
inputProps: unknown;
|
|
21
|
-
envVariables?: Record<string, string
|
|
11
|
+
envVariables?: Record<string, string> | undefined;
|
|
12
|
+
webpackBundle: string;
|
|
22
13
|
imageFormat: ImageFormat;
|
|
23
|
-
parallelism?: number | null;
|
|
24
|
-
quality?: number;
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
onDownload?: RenderMediaOnDownload;
|
|
32
|
-
} & ConfigOrComposition & ServeUrlOrWebpackBundle;
|
|
33
|
-
export declare const innerRenderFrames: ({ parallelism, onFrameUpdate, outputDir, onStart, inputProps, quality, imageFormat, frameRange, puppeteerInstance, onError, envVariables, onBrowserLog, writeFrame, onDownload, pagesArray, serveUrl, composition, }: Omit<RenderFramesOptions, "url"> & {
|
|
34
|
-
onError: (err: Error) => void;
|
|
35
|
-
pagesArray: Page[];
|
|
36
|
-
serveUrl: string;
|
|
37
|
-
composition: VideoConfig;
|
|
14
|
+
parallelism?: number | null | undefined;
|
|
15
|
+
quality?: number | undefined;
|
|
16
|
+
browser?: Browser | undefined;
|
|
17
|
+
frameRange?: FrameRange | null | undefined;
|
|
18
|
+
dumpBrowserLogs?: boolean | undefined;
|
|
19
|
+
puppeteerInstance?: PuppeteerBrowser | undefined;
|
|
20
|
+
browserExecutable?: BrowserExecutable | undefined;
|
|
21
|
+
onError?: ((info: OnErrorInfo) => void) | undefined;
|
|
38
22
|
}) => Promise<RenderFramesOutput>;
|
|
39
|
-
export declare const renderFrames: (options: RenderFramesOptions) => Promise<RenderFramesOutput>;
|
|
40
|
-
export {};
|
|
41
23
|
//# sourceMappingURL=render.d.ts.map
|
package/dist/render.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../src/render.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../src/render.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,OAAO,IAAI,gBAAgB,EAAC,MAAM,gBAAgB,CAAC;AAC3D,OAAO,EACN,OAAO,EACP,iBAAiB,EACjB,UAAU,EACV,WAAW,EAEX,WAAW,EACX,MAAM,UAAU,CAAC;AAYlB,OAAO,EAAC,WAAW,EAAE,WAAW,EAAE,kBAAkB,EAAC,MAAM,SAAS,CAAC;AAErE,eAAO,MAAM,YAAY;YAmBhB,WAAW;mBACJ,MAAM;oBACL,WAAW,KAAK,IAAI;uBACjB,MAAM,KAAK,IAAI;eACvB,MAAM;gBACL,OAAO;;mBAEJ,MAAM;iBACR,WAAW;;;;;;;;sBAQP,WAAW,KAAK,IAAI;MAClC,QAAQ,kBAAkB,CA4K7B,CAAC"}
|
package/dist/render.js
CHANGED
|
@@ -3,65 +3,48 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.renderFrames =
|
|
7
|
-
const fs_1 = __importDefault(require("fs"));
|
|
6
|
+
exports.renderFrames = void 0;
|
|
8
7
|
const path_1 = __importDefault(require("path"));
|
|
9
8
|
const remotion_1 = require("remotion");
|
|
10
|
-
const download_and_map_assets_to_file_1 = require("./assets/download-and-map-assets-to-file");
|
|
11
9
|
const cycle_browser_tabs_1 = require("./cycle-browser-tabs");
|
|
12
10
|
const get_concurrency_1 = require("./get-concurrency");
|
|
11
|
+
const get_frame_range_1 = require("./get-frame-range");
|
|
13
12
|
const get_frame_to_render_1 = require("./get-frame-to-render");
|
|
14
13
|
const image_format_1 = require("./image-format");
|
|
15
|
-
const legacy_webpack_config_1 = require("./legacy-webpack-config");
|
|
16
|
-
const make_assets_download_dir_1 = require("./make-assets-download-dir");
|
|
17
|
-
const normalize_serve_url_1 = require("./normalize-serve-url");
|
|
18
14
|
const open_browser_1 = require("./open-browser");
|
|
19
15
|
const pool_1 = require("./pool");
|
|
20
|
-
const prepare_server_1 = require("./prepare-server");
|
|
21
16
|
const provide_screenshot_1 = require("./provide-screenshot");
|
|
22
17
|
const seek_to_frame_1 = require("./seek-to-frame");
|
|
18
|
+
const serve_static_1 = require("./serve-static");
|
|
23
19
|
const set_props_and_env_1 = require("./set-props-and-env");
|
|
24
|
-
const
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
return undefined;
|
|
32
|
-
};
|
|
33
|
-
const innerRenderFrames = async ({ parallelism, onFrameUpdate, outputDir, onStart, inputProps, quality, imageFormat = image_format_1.DEFAULT_IMAGE_FORMAT, frameRange, puppeteerInstance, onError, envVariables, onBrowserLog, writeFrame, onDownload, pagesArray, serveUrl, composition, }) => {
|
|
34
|
-
if (!puppeteerInstance) {
|
|
35
|
-
throw new Error('weird');
|
|
20
|
+
const renderFrames = async ({ config, parallelism, onFrameUpdate, compositionId, outputDir, onStart, inputProps, envVariables = {}, webpackBundle, quality, imageFormat = image_format_1.DEFAULT_IMAGE_FORMAT, browser = remotion_1.Internals.DEFAULT_BROWSER, frameRange, dumpBrowserLogs = false, puppeteerInstance, onError, browserExecutable, }) => {
|
|
21
|
+
remotion_1.Internals.validateDimension(config.height, 'height', 'in the `config` object passed to `renderFrames()`');
|
|
22
|
+
remotion_1.Internals.validateDimension(config.width, 'width', 'in the `config` object passed to `renderFrames()`');
|
|
23
|
+
remotion_1.Internals.validateFps(config.fps, 'in the `config` object of `renderFrames()`');
|
|
24
|
+
remotion_1.Internals.validateDurationInFrames(config.durationInFrames, 'in the `config` object passed to `renderFrames()`');
|
|
25
|
+
if (quality !== undefined && imageFormat !== 'jpeg') {
|
|
26
|
+
throw new Error("You can only pass the `quality` option if `imageFormat` is 'jpeg'.");
|
|
36
27
|
}
|
|
28
|
+
remotion_1.Internals.validateQuality(quality);
|
|
37
29
|
const actualParallelism = (0, get_concurrency_1.getActualConcurrency)(parallelism !== null && parallelism !== void 0 ? parallelism : null);
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
const realFrameRange = (0, get_frame_to_render_1.getRealFrameRange)(composition.durationInFrames, frameRange !== null && frameRange !== void 0 ? frameRange : null);
|
|
46
|
-
const frameCount = realFrameRange[1] - realFrameRange[0] + 1;
|
|
30
|
+
const [{ port, close }, browserInstance] = await Promise.all([
|
|
31
|
+
(0, serve_static_1.serveStatic)(webpackBundle),
|
|
32
|
+
puppeteerInstance !== null && puppeteerInstance !== void 0 ? puppeteerInstance : (0, open_browser_1.openBrowser)(browser, {
|
|
33
|
+
shouldDumpIo: dumpBrowserLogs,
|
|
34
|
+
browserExecutable,
|
|
35
|
+
}),
|
|
36
|
+
]);
|
|
47
37
|
const pages = new Array(actualParallelism).fill(true).map(async () => {
|
|
48
|
-
const page = await
|
|
49
|
-
pagesArray.push(page);
|
|
38
|
+
const page = await browserInstance.newPage();
|
|
50
39
|
page.setViewport({
|
|
51
|
-
width:
|
|
52
|
-
height:
|
|
40
|
+
width: config.width,
|
|
41
|
+
height: config.height,
|
|
53
42
|
deviceScaleFactor: 1,
|
|
54
43
|
});
|
|
55
|
-
const
|
|
56
|
-
|
|
57
|
-
stackTrace: log.stackTrace(),
|
|
58
|
-
text: log.text(),
|
|
59
|
-
type: log.type(),
|
|
60
|
-
});
|
|
44
|
+
const errorCallback = (err) => {
|
|
45
|
+
onError === null || onError === void 0 ? void 0 : onError({ error: err, frame: null });
|
|
61
46
|
};
|
|
62
|
-
|
|
63
|
-
page.on('console', logCallback);
|
|
64
|
-
}
|
|
47
|
+
page.on('pageerror', errorCallback);
|
|
65
48
|
const initialFrame = typeof frameRange === 'number'
|
|
66
49
|
? frameRange
|
|
67
50
|
: frameRange === null || frameRange === undefined
|
|
@@ -71,37 +54,39 @@ const innerRenderFrames = async ({ parallelism, onFrameUpdate, outputDir, onStar
|
|
|
71
54
|
inputProps,
|
|
72
55
|
envVariables,
|
|
73
56
|
page,
|
|
74
|
-
|
|
57
|
+
port,
|
|
75
58
|
initialFrame,
|
|
76
59
|
});
|
|
77
|
-
const site =
|
|
60
|
+
const site = `http://localhost:${port}/index.html?composition=${compositionId}`;
|
|
78
61
|
await page.goto(site);
|
|
79
|
-
page.off('
|
|
62
|
+
page.off('pageerror', errorCallback);
|
|
80
63
|
return page;
|
|
81
64
|
});
|
|
65
|
+
const { stopCycling } = (0, cycle_browser_tabs_1.cycleBrowserTabs)(browserInstance);
|
|
82
66
|
const puppeteerPages = await Promise.all(pages);
|
|
83
67
|
const pool = new pool_1.Pool(puppeteerPages);
|
|
84
|
-
const
|
|
68
|
+
const frameCount = (0, get_frame_range_1.getFrameCount)(config.durationInFrames, frameRange !== null && frameRange !== void 0 ? frameRange : null);
|
|
85
69
|
// Substract one because 100 frames will be 00-99
|
|
86
70
|
// --> 2 digits
|
|
87
|
-
|
|
71
|
+
let filePadLength = 0;
|
|
72
|
+
if (frameCount) {
|
|
73
|
+
filePadLength = String(frameCount - 1).length;
|
|
74
|
+
}
|
|
88
75
|
let framesRendered = 0;
|
|
89
76
|
onStart({
|
|
90
77
|
frameCount,
|
|
91
78
|
});
|
|
92
|
-
const downloadDir = (0, make_assets_download_dir_1.makeAssetsDownloadTmpDir)();
|
|
93
79
|
const assets = await Promise.all(new Array(frameCount)
|
|
94
80
|
.fill(Boolean)
|
|
95
81
|
.map((x, i) => i)
|
|
96
82
|
.map(async (index) => {
|
|
97
|
-
const frame =
|
|
83
|
+
const frame = (0, get_frame_to_render_1.getFrameToRender)(frameRange !== null && frameRange !== void 0 ? frameRange : null, index);
|
|
98
84
|
const freePage = await pool.acquire();
|
|
99
85
|
const paddedIndex = String(frame).padStart(filePadLength, '0');
|
|
100
|
-
const
|
|
101
|
-
onError
|
|
86
|
+
const errorCallback = (err) => {
|
|
87
|
+
onError === null || onError === void 0 ? void 0 : onError({ error: err, frame });
|
|
102
88
|
};
|
|
103
|
-
freePage.on('pageerror',
|
|
104
|
-
freePage.on('error', errorCallbackOnFrame);
|
|
89
|
+
freePage.on('pageerror', errorCallback);
|
|
105
90
|
try {
|
|
106
91
|
await (0, seek_to_frame_1.seekToFrame)({ frame, page: freePage });
|
|
107
92
|
}
|
|
@@ -109,123 +94,57 @@ const innerRenderFrames = async ({ parallelism, onFrameUpdate, outputDir, onStar
|
|
|
109
94
|
const error = err;
|
|
110
95
|
if (error.message.includes('timeout') &&
|
|
111
96
|
error.message.includes('exceeded')) {
|
|
112
|
-
|
|
97
|
+
errorCallback(new Error('The rendering timed out. See https://www.remotion.dev/docs/timeout/ for possible reasons.'));
|
|
113
98
|
}
|
|
114
99
|
else {
|
|
115
|
-
|
|
100
|
+
errorCallback(error);
|
|
116
101
|
}
|
|
117
102
|
throw error;
|
|
118
103
|
}
|
|
119
104
|
if (imageFormat !== 'none') {
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
});
|
|
130
|
-
writeFrame(buffer, frame);
|
|
131
|
-
}
|
|
132
|
-
else {
|
|
133
|
-
if (!outputDir) {
|
|
134
|
-
throw new Error('Called renderFrames() without specifying either `outputDir` or `writeFrame`');
|
|
135
|
-
}
|
|
136
|
-
const output = path_1.default.join(outputDir, `element-${paddedIndex}.${imageFormat}`);
|
|
137
|
-
await (0, provide_screenshot_1.provideScreenshot)({
|
|
138
|
-
page: freePage,
|
|
139
|
-
imageFormat,
|
|
140
|
-
quality,
|
|
141
|
-
options: {
|
|
142
|
-
frame,
|
|
143
|
-
output,
|
|
144
|
-
},
|
|
145
|
-
});
|
|
146
|
-
}
|
|
105
|
+
await (0, provide_screenshot_1.provideScreenshot)({
|
|
106
|
+
page: freePage,
|
|
107
|
+
imageFormat,
|
|
108
|
+
quality,
|
|
109
|
+
options: {
|
|
110
|
+
frame,
|
|
111
|
+
output: path_1.default.join(outputDir, `element-${paddedIndex}.${imageFormat}`),
|
|
112
|
+
},
|
|
113
|
+
});
|
|
147
114
|
}
|
|
148
115
|
const collectedAssets = await freePage.evaluate(() => {
|
|
149
116
|
return window.remotion_collectAssets();
|
|
150
117
|
});
|
|
151
|
-
collectedAssets.forEach((asset) => {
|
|
152
|
-
(0, download_and_map_assets_to_file_1.downloadAndMapAssetsToFileUrl)({
|
|
153
|
-
asset,
|
|
154
|
-
downloadDir,
|
|
155
|
-
onDownload: onDownload !== null && onDownload !== void 0 ? onDownload : (() => () => undefined),
|
|
156
|
-
});
|
|
157
|
-
});
|
|
158
118
|
pool.release(freePage);
|
|
159
119
|
framesRendered++;
|
|
160
|
-
onFrameUpdate(framesRendered
|
|
161
|
-
freePage.off('pageerror',
|
|
162
|
-
freePage.off('error', errorCallbackOnFrame);
|
|
120
|
+
onFrameUpdate(framesRendered);
|
|
121
|
+
freePage.off('pageerror', errorCallback);
|
|
163
122
|
return collectedAssets;
|
|
164
123
|
}));
|
|
165
|
-
|
|
124
|
+
close().catch((err) => {
|
|
125
|
+
console.log('Unable to close web server', err);
|
|
126
|
+
});
|
|
127
|
+
stopCycling();
|
|
128
|
+
// If browser instance was passed in, we close all the pages
|
|
129
|
+
// we opened.
|
|
130
|
+
// If new browser was opened, then closing the browser as a cleanup.
|
|
131
|
+
if (puppeteerInstance) {
|
|
132
|
+
await Promise.all(puppeteerPages.map((p) => p.close())).catch((err) => {
|
|
133
|
+
console.log('Unable to close browser tab', err);
|
|
134
|
+
});
|
|
135
|
+
}
|
|
136
|
+
else {
|
|
137
|
+
browserInstance.close().catch((err) => {
|
|
138
|
+
console.log('Unable to close browser', err);
|
|
139
|
+
});
|
|
140
|
+
}
|
|
141
|
+
return {
|
|
166
142
|
assetsInfo: {
|
|
167
143
|
assets,
|
|
168
|
-
|
|
169
|
-
firstFrameIndex,
|
|
170
|
-
imageSequenceName: `element-%0${filePadLength}d.${imageFormat}`,
|
|
144
|
+
bundleDir: webpackBundle,
|
|
171
145
|
},
|
|
172
146
|
frameCount,
|
|
173
147
|
};
|
|
174
|
-
return returnValue;
|
|
175
|
-
};
|
|
176
|
-
exports.innerRenderFrames = innerRenderFrames;
|
|
177
|
-
const renderFrames = async (options) => {
|
|
178
|
-
var _a;
|
|
179
|
-
const composition = getComposition(options);
|
|
180
|
-
if (!composition) {
|
|
181
|
-
throw new Error('No `composition` option has been specified for renderFrames()');
|
|
182
|
-
}
|
|
183
|
-
remotion_1.Internals.validateDimension(composition.height, 'height', 'in the `config` object passed to `renderFrames()`');
|
|
184
|
-
remotion_1.Internals.validateDimension(composition.width, 'width', 'in the `config` object passed to `renderFrames()`');
|
|
185
|
-
remotion_1.Internals.validateFps(composition.fps, 'in the `config` object of `renderFrames()`');
|
|
186
|
-
remotion_1.Internals.validateDurationInFrames(composition.durationInFrames, 'in the `config` object passed to `renderFrames()`');
|
|
187
|
-
if (options.quality !== undefined && options.imageFormat !== 'jpeg') {
|
|
188
|
-
throw new Error("You can only pass the `quality` option if `imageFormat` is 'jpeg'.");
|
|
189
|
-
}
|
|
190
|
-
const selectedServeUrl = (0, legacy_webpack_config_1.getServeUrlWithFallback)(options);
|
|
191
|
-
remotion_1.Internals.validateQuality(options.quality);
|
|
192
|
-
const { closeServer, serveUrl } = await (0, prepare_server_1.prepareServer)(selectedServeUrl);
|
|
193
|
-
const browserInstance = (_a = options.puppeteerInstance) !== null && _a !== void 0 ? _a : (await (0, open_browser_1.openBrowser)(remotion_1.Internals.DEFAULT_BROWSER, {
|
|
194
|
-
shouldDumpIo: options.dumpBrowserLogs,
|
|
195
|
-
browserExecutable: options.browserExecutable,
|
|
196
|
-
}));
|
|
197
|
-
const { stopCycling } = (0, cycle_browser_tabs_1.cycleBrowserTabs)(browserInstance);
|
|
198
|
-
const openedPages = [];
|
|
199
|
-
return new Promise((resolve, reject) => {
|
|
200
|
-
// eslint-disable-next-line promise/catch-or-return
|
|
201
|
-
(0, exports.innerRenderFrames)({
|
|
202
|
-
...options,
|
|
203
|
-
puppeteerInstance: browserInstance,
|
|
204
|
-
onError: (err) => reject(err),
|
|
205
|
-
pagesArray: openedPages,
|
|
206
|
-
serveUrl,
|
|
207
|
-
composition,
|
|
208
|
-
})
|
|
209
|
-
.then((res) => resolve(res))
|
|
210
|
-
.catch((err) => reject(err))
|
|
211
|
-
.finally(() => {
|
|
212
|
-
// If browser instance was passed in, we close all the pages
|
|
213
|
-
// we opened.
|
|
214
|
-
// If new browser was opened, then closing the browser as a cleanup.
|
|
215
|
-
if (options.puppeteerInstance) {
|
|
216
|
-
Promise.all(openedPages.map((p) => p.close())).catch((err) => {
|
|
217
|
-
console.log('Unable to close browser tab', err);
|
|
218
|
-
});
|
|
219
|
-
}
|
|
220
|
-
else {
|
|
221
|
-
browserInstance.close().catch((err) => {
|
|
222
|
-
console.log('Unable to close browser', err);
|
|
223
|
-
});
|
|
224
|
-
}
|
|
225
|
-
stopCycling();
|
|
226
|
-
closeServer();
|
|
227
|
-
});
|
|
228
|
-
});
|
|
229
148
|
};
|
|
230
149
|
exports.renderFrames = renderFrames;
|
|
231
150
|
//# sourceMappingURL=render.js.map
|
package/dist/render.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"render.js","sourceRoot":"","sources":["../src/render.ts"],"names":[],"mappings":";;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"render.js","sourceRoot":"","sources":["../src/render.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"screenshot-dom-element.d.ts","sourceRoot":"","sources":["../src/screenshot-dom-element.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAC,WAAW,EAAC,MAAM,UAAU,CAAC;AAGrC,eAAO,MAAM,oBAAoB;UAM1B,UAAU,IAAI;iBACP,WAAW;aACf,MAAM,GAAG,SAAS;;;;;MAKxB,QAAQ,MAAM,
|
|
1
|
+
{"version":3,"file":"screenshot-dom-element.d.ts","sourceRoot":"","sources":["../src/screenshot-dom-element.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAC,WAAW,EAAC,MAAM,UAAU,CAAC;AAGrC,eAAO,MAAM,oBAAoB;UAM1B,UAAU,IAAI;iBACP,WAAW;aACf,MAAM,GAAG,SAAS;;;;;MAKxB,QAAQ,MAAM,CA2BjB,CAAC"}
|
|
@@ -3,10 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.screenshotDOMElement = void 0;
|
|
4
4
|
const puppeteer_screenshot_1 = require("./puppeteer-screenshot");
|
|
5
5
|
const screenshotDOMElement = async ({ page, imageFormat, quality, opts = {}, }) => {
|
|
6
|
-
const path = 'path' in opts ? opts.path :
|
|
6
|
+
const path = 'path' in opts ? opts.path : null;
|
|
7
7
|
const { selector } = opts;
|
|
8
8
|
if (!selector)
|
|
9
9
|
throw Error('Please provide a selector.');
|
|
10
|
+
if (!path)
|
|
11
|
+
throw Error('Please provide a path.');
|
|
10
12
|
if (imageFormat === 'png') {
|
|
11
13
|
await page.evaluate(() => {
|
|
12
14
|
document.body.style.background = 'transparent';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"screenshot-dom-element.js","sourceRoot":"","sources":["../src/screenshot-dom-element.ts"],"names":[],"mappings":";;;AAEA,iEAAkD;AAE3C,MAAM,oBAAoB,GAAG,KAAK,EAAE,EAC1C,IAAI,EACJ,WAAW,EACX,OAAO,EACP,IAAI,GAAG,EAAE,GAST,EAAmB,EAAE;IACrB,MAAM,IAAI,GAAG,MAAM,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"screenshot-dom-element.js","sourceRoot":"","sources":["../src/screenshot-dom-element.ts"],"names":[],"mappings":";;;AAEA,iEAAkD;AAE3C,MAAM,oBAAoB,GAAG,KAAK,EAAE,EAC1C,IAAI,EACJ,WAAW,EACX,OAAO,EACP,IAAI,GAAG,EAAE,GAST,EAAmB,EAAE;IACrB,MAAM,IAAI,GAAG,MAAM,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IAC/C,MAAM,EAAC,QAAQ,EAAC,GAAG,IAAI,CAAC;IAExB,IAAI,CAAC,QAAQ;QAAE,MAAM,KAAK,CAAC,4BAA4B,CAAC,CAAC;IACzD,IAAI,CAAC,IAAI;QAAE,MAAM,KAAK,CAAC,wBAAwB,CAAC,CAAC;IAEjD,IAAI,WAAW,KAAK,KAAK,EAAE;QAC1B,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE;YACxB,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,aAAa,CAAC;QAChD,CAAC,CAAC,CAAC;KACH;SAAM;QACN,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE;YACxB,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,OAAO,CAAC;QAC1C,CAAC,CAAC,CAAC;KACH;IAED,IAAI,WAAW,KAAK,MAAM,EAAE;QAC3B,MAAM,IAAI,SAAS,CAAC,+CAA+C,CAAC,CAAC;KACrE;IAED,OAAO,IAAA,iCAAU,EAAC,IAAI,EAAE;QACvB,cAAc,EAAE,WAAW,KAAK,KAAK;QACrC,IAAI;QACJ,IAAI,EAAE,WAAW;QACjB,OAAO;KACP,CAAoB,CAAC;AACvB,CAAC,CAAC;AAxCW,QAAA,oBAAoB,wBAwC/B"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
+
/// <reference types="node" />
|
|
1
2
|
import { Page, ScreenshotOptions } from 'puppeteer-core';
|
|
2
|
-
|
|
3
|
-
export declare const _screenshotTask: (page: Page, format: StillImageFormat, options: ScreenshotOptions) => Promise<Buffer | string>;
|
|
3
|
+
export declare const _screenshotTask: (page: Page, format: 'png' | 'jpeg', options: ScreenshotOptions) => Promise<Buffer | string>;
|
|
4
4
|
//# sourceMappingURL=screenshot-task.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"screenshot-task.d.ts","sourceRoot":"","sources":["../src/screenshot-task.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,IAAI,EAAE,iBAAiB,EAAS,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"screenshot-task.d.ts","sourceRoot":"","sources":["../src/screenshot-task.ts"],"names":[],"mappings":";AACA,OAAO,EAAa,IAAI,EAAE,iBAAiB,EAAS,MAAM,gBAAgB,CAAC;AAG3E,eAAO,MAAM,eAAe,SACrB,IAAI,UACF,KAAK,GAAG,MAAM,WACb,iBAAiB,KACxB,QAAQ,MAAM,GAAG,MAAM,CAqCzB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"screenshot-task.js","sourceRoot":"","sources":["../src/screenshot-task.ts"],"names":[],"mappings":";;;;;;AAAA,4CAAoB;AAEpB,
|
|
1
|
+
{"version":3,"file":"screenshot-task.js","sourceRoot":"","sources":["../src/screenshot-task.ts"],"names":[],"mappings":";;;;;;AAAA,4CAAoB;AAEpB,uCAAmC;AAE5B,MAAM,eAAe,GAAG,KAAK,EACnC,IAAU,EACV,MAAsB,EACtB,OAA0B,EACC,EAAE;IAC7B,MAAM,MAAM,GAAK,IAA0C,CAAC,OAAO,CAAC;IACpE,MAAM,MAAM,GAAK,IAAsC,CAAC,OAAO,CAAC;IAEhE,MAAM,UAAU,GAAG,oBAAS,CAAC,IAAI,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,CAAC;IAEtE,MAAM,MAAM,CAAC,IAAI,CAAC,uBAAuB,EAAE;QAC1C,QAAQ,EAAE,MAAM,CAAC,SAAS;KAC1B,CAAC,CAAC;IACH,oBAAS,CAAC,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;IAE3C,MAAM,0BAA0B,GAAG,OAAO,CAAC,cAAc,IAAI,MAAM,KAAK,KAAK,CAAC;IAC9E,IAAI,0BAA0B;QAC7B,MAAM,MAAM,CAAC,IAAI,CAAC,6CAA6C,EAAE;YAChE,KAAK,EAAE,EAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAC;SAC/B,CAAC,CAAC;IAEJ,MAAM,GAAG,GAAG,oBAAS,CAAC,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC;IACvD,MAAM,MAAM,GAAG,MAAM,MAAM,CAAC,IAAI,CAAC,wBAAwB,EAAE;QAC1D,MAAM;QACN,OAAO,EAAE,OAAO,CAAC,OAAO;QACxB,IAAI,EAAE,SAAS;QACf,qBAAqB,EAAE,IAAI;KAC3B,CAAC,CAAC;IACH,oBAAS,CAAC,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC;IACpC,IAAI,0BAA0B;QAC7B,MAAM,MAAM,CAAC,IAAI,CAAC,6CAA6C,CAAC,CAAC;IAElE,MAAM,UAAU,GAAG,oBAAS,CAAC,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAC3D,MAAM,MAAM,GACX,OAAO,CAAC,QAAQ,KAAK,QAAQ;QAC5B,CAAC,CAAC,MAAM,CAAC,IAAI;QACb,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IAEvC,IAAI,OAAO,CAAC,IAAI;QAAE,MAAM,YAAE,CAAC,QAAQ,CAAC,SAAS,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IACpE,oBAAS,CAAC,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;IAC3C,OAAO,MAAM,CAAC;AACf,CAAC,CAAC;AAzCW,QAAA,eAAe,mBAyC1B"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { Page } from 'puppeteer-core';
|
|
2
|
-
export declare const setPropsAndEnv: ({ inputProps, envVariables, page,
|
|
2
|
+
export declare const setPropsAndEnv: ({ inputProps, envVariables, page, port, initialFrame, }: {
|
|
3
3
|
inputProps: unknown;
|
|
4
4
|
envVariables: Record<string, string> | undefined;
|
|
5
5
|
page: Page;
|
|
6
|
-
|
|
6
|
+
port: number;
|
|
7
7
|
initialFrame: number;
|
|
8
8
|
}) => Promise<void>;
|
|
9
9
|
//# sourceMappingURL=set-props-and-env.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"set-props-and-env.d.ts","sourceRoot":"","sources":["../src/set-props-and-env.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"set-props-and-env.d.ts","sourceRoot":"","sources":["../src/set-props-and-env.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,gBAAgB,CAAC;AAGpC,eAAO,MAAM,cAAc;gBAOd,OAAO;kBACL,OAAO,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS;UAC1C,IAAI;UACJ,MAAM;kBACE,MAAM;mBAiCpB,CAAC"}
|
|
@@ -2,10 +2,9 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.setPropsAndEnv = void 0;
|
|
4
4
|
const remotion_1 = require("remotion");
|
|
5
|
-
const
|
|
6
|
-
const setPropsAndEnv = async ({ inputProps, envVariables, page, serveUrl, initialFrame, }) => {
|
|
5
|
+
const setPropsAndEnv = async ({ inputProps, envVariables, page, port, initialFrame, }) => {
|
|
7
6
|
if (inputProps || envVariables) {
|
|
8
|
-
await page.goto(
|
|
7
|
+
await page.goto(`http://localhost:${port}/index.html`);
|
|
9
8
|
if (inputProps) {
|
|
10
9
|
await page.evaluate((key, input) => {
|
|
11
10
|
window.localStorage.setItem(key, input);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"set-props-and-env.js","sourceRoot":"","sources":["../src/set-props-and-env.ts"],"names":[],"mappings":";;;AACA,uCAAmC;
|
|
1
|
+
{"version":3,"file":"set-props-and-env.js","sourceRoot":"","sources":["../src/set-props-and-env.ts"],"names":[],"mappings":";;;AACA,uCAAmC;AAE5B,MAAM,cAAc,GAAG,KAAK,EAAE,EACpC,UAAU,EACV,YAAY,EACZ,IAAI,EACJ,IAAI,EACJ,YAAY,GAOZ,EAAE,EAAE;IACJ,IAAI,UAAU,IAAI,YAAY,EAAE;QAC/B,MAAM,IAAI,CAAC,IAAI,CAAC,oBAAoB,IAAI,aAAa,CAAC,CAAC;QAEvD,IAAI,UAAU,EAAE;YACf,MAAM,IAAI,CAAC,QAAQ,CAClB,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;gBACd,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;YACzC,CAAC,EACD,oBAAS,CAAC,eAAe,EACzB,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,CAC1B,CAAC;SACF;QAED,IAAI,YAAY,EAAE;YACjB,MAAM,IAAI,CAAC,QAAQ,CAClB,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;gBACd,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;YACzC,CAAC,EACD,oBAAS,CAAC,+BAA+B,EACzC,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,CAC5B,CAAC;SACF;QAED,MAAM,IAAI,CAAC,QAAQ,CAClB,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;YACd,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;QACzC,CAAC,EACD,oBAAS,CAAC,+BAA+B,EACzC,YAAY,CACZ,CAAC;KACF;AACF,CAAC,CAAC;AA5CW,QAAA,cAAc,kBA4CzB"}
|
package/dist/stitcher.d.ts
CHANGED
|
@@ -1,27 +1,21 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
export declare type StitcherOptions = {
|
|
1
|
+
import { Codec, FfmpegExecutable, ImageFormat, PixelFormat, ProResProfile, RenderAssetInfo } from 'remotion';
|
|
2
|
+
export declare const stitchFramesToVideo: (options: {
|
|
3
|
+
dir: string;
|
|
5
4
|
fps: number;
|
|
6
5
|
width: number;
|
|
7
6
|
height: number;
|
|
8
7
|
outputLocation: string;
|
|
9
8
|
force: boolean;
|
|
10
|
-
assetsInfo: RenderAssetInfo
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
ffmpegExecutable?: FfmpegExecutable;
|
|
21
|
-
}
|
|
22
|
-
export declare const spawnFfmpeg: (options: StitcherOptions) => Promise<{
|
|
23
|
-
task: execa.ExecaChildProcess<string>;
|
|
24
|
-
cleanup: (() => void) | undefined;
|
|
25
|
-
}>;
|
|
26
|
-
export declare const stitchFramesToVideo: (options: StitcherOptions) => Promise<void>;
|
|
9
|
+
assetsInfo: RenderAssetInfo;
|
|
10
|
+
imageFormat?: "png" | "jpeg" | "none" | undefined;
|
|
11
|
+
pixelFormat?: "yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le" | undefined;
|
|
12
|
+
codec?: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | undefined;
|
|
13
|
+
crf?: number | undefined;
|
|
14
|
+
parallelism?: number | null | undefined;
|
|
15
|
+
onProgress?: ((progress: number) => void) | undefined;
|
|
16
|
+
onDownload?: ((src: string) => void) | undefined;
|
|
17
|
+
proResProfile?: "4444-xq" | "4444" | "hq" | "standard" | "light" | "proxy" | undefined;
|
|
18
|
+
verbose?: boolean | undefined;
|
|
19
|
+
ffmpegExecutable?: FfmpegExecutable | undefined;
|
|
20
|
+
}) => Promise<void>;
|
|
27
21
|
//# sourceMappingURL=stitcher.d.ts.map
|
package/dist/stitcher.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stitcher.d.ts","sourceRoot":"","sources":["../src/stitcher.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"stitcher.d.ts","sourceRoot":"","sources":["../src/stitcher.ts"],"names":[],"mappings":"AACA,OAAO,EACN,KAAK,EACL,gBAAgB,EAChB,WAAW,EAEX,WAAW,EACX,aAAa,EACb,eAAe,EACf,MAAM,UAAU,CAAC;AAmBlB,eAAO,MAAM,mBAAmB;SAC1B,MAAM;SACN,MAAM;WACJ,MAAM;YACL,MAAM;oBACE,MAAM;WACf,OAAO;gBACF,eAAe;;;;;;6BAQH,MAAM,KAAK,IAAI;wBACpB,MAAM,KAAK,IAAI;;;;MAI/B,QAAQ,IAAI,CA6Jf,CAAC"}
|