Function convertVideoFormat

apps/web/components/tools/MediaFormatConverter.tsx:585–684

(inputFile: File)

	};

	const convertVideoFormat = async (inputFile: File): Promise<void> => {
		try {
			const parser = await import("@remotion/media-parser");
			const webcodecs = await import("@remotion/webcodecs");

			const onProgress = ({
				overallProgress,
			}: {
				overallProgress: number | null;
			}) => {
				if (overallProgress !== null) {
					setProgress(Math.min(Math.round(overallProgress * 100), 99));
				}
			};

			const controller = parser.mediaParserController
				? parser.mediaParserController()
				: null;
			parserControllerRef.current = controller;

			console.log(`Starting conversion with Remotion: ${conversionPath}`);
			console.log(
				`Input file: ${inputFile.name}, size: ${inputFile.size} bytes`,
			);

			const canUseWebCodecs =
				typeof VideoDecoder !== "undefined" &&
				typeof AudioDecoder !== "undefined" &&
				typeof ArrayBuffer.prototype.resize === "function";

			if (!canUseWebCodecs) {
				throw new Error(
					"Your browser doesn't support WebCodecs. Try using Chrome or Edge.",
				);
			}

			const metadata = await parser.parseMedia({
				src: inputFile,
				fields: {
					durationInSeconds: true,
					dimensions: true,
					videoCodec: true,
				},
			});

			console.log("Video metadata:", metadata);

			const outputContainer = currentTargetFormat === "webm" ? "webm" : "mp4";

			let videoCodec;
			if (outputContainer === "webm") {
				videoCodec = "vp8";
			} else {
				videoCodec = "h264";
			}

			const result = await webcodecs.convertMedia({
				src: inputFile,