RXP

proxy-renderer.js

@@ -0,0 +1,70 @@
+import { renderFrames, renderStill, stitchFramesToVideo } from '@remotion/renderer';
+import { bundle } from '@remotion/bundler';
+import path from 'path';
+import fs from 'fs';
+
+const { RenderUtils } = await import('./src/RenderUtils.cjs');
+const { GenerateScript } = await import('./src/GenerateScript.cjs');
+
+const originalManuScriptPath = path.join(process.cwd(), 'public/original_manuscript.json');
+
+export const renderProxy = async (outFile, frameRange) => {
+  const ScriptStr = fs.readFileSync(originalManuScriptPath);
+  const ScriptInput = JSON.parse(ScriptStr);
+  let {
+    duration,
+    Script,
+    contents,
+    intro,
+    outro,
+    playListsIDs
+  } = GenerateScript(ScriptInput)
+  let renderConfig = {
+    composition: {
+      id: compositionId,
+      fps: Script.meta.fps,
+      height: Script.meta?.resolution?.height,
+      width: Script.meta?.resolution?.width,
+      durationInFrames: duration,
+      defaultProps: Object.assign(Script, {
+        bgMusic: RenderUtils.getFileName(Script.bgMusic),
+        contents: contents,
+        intro: intro,
+        outro: outro
+      }),
+      props: Object.assign(Script, {
+        bgMusic: RenderUtils.getFileName(Script.bgMusic),
+        contents: contents,
+        intro: intro,
+        outro: outro
+      }),
+    },
+    serveUrl: bundleLocation,
+    output: path.join(frameOutputDir, 'output.jpg'),
+    // additional renderer options
+    audioCodec: 'mp3',
+    imageFormat: 'jpeg',
+    enableMultiProcessOnLinux: true,
+    jpegQuality: 70,
+    timeoutInMilliseconds: 60000,
+    concurrency: 1,
+    gl: 'angle'
+  }
+
+  if (!fs.existsSync(outputDir)) {
+    fs.mkdirSync(outputDir, { recursive: true });
+  }
+
+  const resultVideo = await stitchFramesToVideo({
+    assetsInfo: result.assetsInfo,
+    ...renderConfig,
+    ...renderConfig.composition,
+    audioCodec: 'mp3',
+    outputLocation: outFile,
+    verbose: true
+  })
+
+  console.log('resultVideo', resultVideo)
+
+
+} 

renderer.js

@@ -7,6 +7,7 @@ import {fileURLToPath} from 'url';
 import { platform } from 'os';
 import { renderSSR } from './test-render.js';
 import path from 'path';
+import { renderProxy } from './proxy-renderer.js';
 const {UnzipFiles, Utils, ZipFiles} = pkg;
 
 const __filename = fileURLToPath(import.meta.url);
@@ -47,10 +48,15 @@ export function getNpmScript(mediaType) {
 	}
 }
 
-export async function doRender(jobId, composition, sendToObserver, target = 'render', ssrOptions) {
+export async function doRender(jobId, composition, sendToObserver, target = 'render', ssrOptions, proxyOptions) {
 	let outFile = path.join(process.cwd(), `out`, `${jobId}-video.mp4`);
 	if (ssrOptions) {
-		await renderSSR(outFile, ssrOptions.frameRange, ssrOptions.durationOverride)
+		await renderSSR(outFile, ssrOptions.frameRange)
+		sendToObserver(jobId, 'completed');
+		return outFile
+	}
+	else if (proxyOptions) {
+		await renderProxy(outFile, proxyOptions.frameRange)
 		sendToObserver(jobId, 'completed');
 		return outFile
 	}

server.js

@@ -45,5 +45,5 @@ io.on('connection', (socket) => {
 });
 
 server.listen(port, () => {
-  console.log(`Server listening on port ${port}`);
+  console.log(`Remote Render Server listening on port ${port}`);
 });