Add cli

common-utils

@@ -1 +1 @@
-Subproject commit 6137795c68524d7ee3083df49c6f4d499a6d107b
+Subproject commit d8e83ba4748273a696d23d0a11df0dc1ae7fae32

package.json

@@ -21,7 +21,7 @@
 		"render-build:igreels": "remotion render --audio-codec mp3  --image-format=jpeg --enable-multi-process-on-linux --quality=70  --concurrency 1 --gl=vulkan   IGReelComposition",
 		"render-build:win32:auto": "remotion render --audio-codec mp3  --image-format=jpeg --enable-multi-process-on-linux --quality=70 --timeout 60000  --concurrency 1 --gl=angle  %npm_config_composition%",
 		"render-build:win32": "remotion %npm_config_target% %npm_config_build_params%  %npm_config_composition%",
-		"render-build": "remotion $npm_config_target $npm_config_build_params  $npm_config_composition $npm_config_out",
+		"render-build": "remotion $npm_config_target $npm_config_build_params $npm_config_composition $npm_config_out",
 		"render-still": "remotion still --image-format=jpeg SemibitCompositionPoster  ",
 		"render-image": "remotion still --image-format=jpeg --concurrency 1 $npm_config_composition $npm_config_output",
 		"render-images": "remotion render --enable-multiprocess-on-linux --sequence --image-format=jpeg $npm_config_composition $npm_config_output",

renderer.js

@@ -55,8 +55,27 @@ export async function doRender(
 	ssrOptions,
 	proxyOptions,
 	controller) {
-	const composition = originalManuscript?.meta?.composition || 'SemibitComposition';
-	let outFile = path.join(process.cwd(), `out`, `${jobId}-video.mp4`);
+	const composition = originalManuscript?.meta?.renderComposition || 'SemibitComposition';
+
+	// Determine file extension based on codec
+	let defaultBuildParams = ` --audio-codec mp3 --frames=0-100  --image-format=jpeg --enable-multi-process-on-linux --quality=70 --timeout 60000  --concurrency 1 --gl=angle `;
+	let tempBuildParams = ' ' + (originalManuscript?.meta?.generationConfig?.extras?.buildParams || defaultBuildParams) + ' ';
+	if (originalManuscript?.meta?.generationConfig?.extras?.additionalBuildParams) {
+		tempBuildParams += ' ' + originalManuscript?.meta?.generationConfig?.extras?.additionalBuildParams + ' ';
+	}
+
+	// Extract codec from build params to determine file extension
+	const codecMatch = tempBuildParams.match(/--codec[=\s]+([^\s]+)/);
+	const codec = codecMatch ? codecMatch[1] : 'h264';
+	let videoExtension = '.mp4';
+
+	if (codec === 'vp8' || codec === 'vp9') {
+		videoExtension = '.webm';
+	} else if (codec === 'prores') {
+		videoExtension = '.mov';
+	}
+
+	let outFile = path.join(process.cwd(), `out`, `${jobId}-video${videoExtension}`);
 	if (target.includes('still')) {
 		outFile = path.join(process.cwd(), `out`, `${jobId}-still.jpg`);
 	}
@@ -71,25 +90,22 @@ export async function doRender(
 		return outFile
 	}
 	const renderComposition = composition || 'SemibitComposition';
-	let script = 'render-build';
-	if (platform() == 'win32') {
-		script = `render-build:win32`
-	}
-	let buildParams = ` --audio-codec mp3 --frames=0-100  --image-format=jpeg --enable-multi-process-on-linux --quality=70 --timeout 60000  --concurrency 1 --gl=angle `
-	buildParams = ' ' + (originalManuscript?.meta?.generationConfig?.extras?.buildParams || buildParams) + ' '
-	if (originalManuscript?.meta?.generationConfig?.extras?.additionalBuildParams) {
-		buildParams += ' ' + originalManuscript?.meta?.generationConfig?.extras?.additionalBuildParams + ' '
-	}
-	const args = [`run`, script, `--target=${target}`, `--build-params="${buildParams}"`, `--composition=${renderComposition}`, `--out=${outFile}`];
-	const cmd = `npm ${args.join(' ')}`;
-	const spawnOptions = { detached: false };
+	// Use the build params we computed above for codec detection
+	const buildParams = tempBuildParams;
+
+	// Directly call remotion instead of going through npm scripts to avoid parameter parsing issues
+	const remotionArgs = ['-y', 'remotion', target, ...buildParams.trim().split(/\s+/).filter(arg => arg), renderComposition, outFile];
+	const cmd = `npx ${remotionArgs.join(' ')}`;
+	const spawnOptions = {
+		detached: false,
+		shell: true // Always use shell for proper parameter parsing
+	};
 
 	if (platform() === 'win32') {
-		spawnOptions.shell = true;
 		spawnOptions.detached = true;
 	}
 
-	const childProcess = spawn('npm', args, spawnOptions);
+	const childProcess = spawn('npx', remotionArgs, spawnOptions);
 	let isProcessKilled = false;
 
 	if (controller && controller.stop) {
@@ -139,7 +155,8 @@ export async function doRender(
 		sendToObserver(jobId, data);
 		if (!process.env.is_pm2) console.log(data?.toString());
 		if (updateCounter++ % 100 == 0 || updateCounter < 5) {
-			console.log(data?.split?.('\n')?.[0]);
+			if (data?.split?.('\n')?.[0])
+				console.log(data?.split?.('\n')?.[0]);
 		}
 	});
 

routes.js

@@ -377,6 +377,9 @@ RenderRouter.post('/api/render-sync', async (req, res) => {
 				});
 				let url =
 					urls.find((u) => u.includes('.mp4')) ||
+					urls.find((u) => u.includes('.webm')) ||
+					urls.find((u) => u.includes('.mov')) ||
+					urls.find((u) => u.includes('.avi')) ||
 					urls.find((u) => u.includes('.jpg')) ||
 					urls.find((u) => u.includes('.jpeg')) ||
 					urls.find((u) => u.includes('.png'));