@revideo/create 0.4.3-alpha.1002 → 0.4.4

package/examples/parallelized-aws-lambda/revideo-project/package.json

@@ -0,0 +1,31 @@
+{
+  "name": "test-revideo-project",
+  "private": true,
+  "version": "0.0.0",
+  "scripts": {
+    "start": "vite",
+    "serve": "vite",
+    "build": "tsc && vite build",
+    "render": "tsc && node dist/render.js"
+  },
+  "dependencies": {
+    "@revideo/2d": "0.4.3",
+    "@revideo/core": "0.4.3",
+    "@revideo/ffmpeg": "0.4.3",
+    "@revideo/renderer": "0.4.3",
+    "@revideo/vite-plugin": "0.4.3",
+    "@sparticuz/chromium": "^123.0.1",
+    "aws-lambda": "^1.0.7",
+    "aws-sdk": "^2.1642.0",
+    "ffmpeg-static": "^5.2.0"
+  },
+  "devDependencies": {
+    "@revideo/cli": "^0.4.3",
+    "@revideo/ui": "0.4.3",
+    "typescript": "^5.2.2",
+    "vite": "^4.5"
+  }
+}
+
+
+

package/examples/parallelized-aws-lambda/revideo-project/src/lambda.ts

@@ -0,0 +1,144 @@
+import { renderPartialVideo } from '@revideo/renderer';
+import { mergeAudioWithVideo, concatenateMedia } from '@revideo/ffmpeg';
+import chromium from '@sparticuz/chromium';
+import * as AWS from "aws-sdk";
+import * as fs from "fs";
+
+AWS.config.update({ region: 'us-east-1' });
+chromium.setHeadlessMode = true;
+
+const s3 = new AWS.S3();
+const lambda = new AWS.Lambda();
+
+export const handler = async (event: any, context: any) => {
+  const { jobType, jobId } = event; 
+
+  if(jobType == "partialRender"){
+
+    try {
+      const { workerId, numWorkers, variables } = event;
+
+      const { audioFile, videoFile } = await renderPartialVideo({
+        projectFile: './src/project.ts',
+        workerId: workerId,
+        numWorkers: numWorkers,
+        variables: variables,
+        settings: { logProgress: true, viteBasePort: 5000, outDir: "/tmp/output", viteConfig: { cacheDir: "/tmp/.vite"}, puppeteer: { args: chromium.args, headless: chromium.headless }}
+      });  
+  
+      await Promise.all([uploadFileToBucket(audioFile, `${jobId}-audio-${workerId}.wav`), uploadFileToBucket(videoFile, `${jobId}-video-${workerId}.mp4`)]);
+  
+      return {
+        statusCode: 200,
+        body: JSON.stringify({
+          audioUrl: `https://${process.env.REVIDEO_BUCKET_NAME}.s3.amazonaws.com/${jobId}-audio-${workerId}.wav`,
+          videoUrl: `https://${process.env.REVIDEO_BUCKET_NAME}.s3.amazonaws.com/${jobId}-video-${workerId}.mp4`
+        }),
+      };  
+    } catch(err) {
+      return {
+        statusCode: 500,
+        body: JSON.stringify({
+          error: `Error during partial render: ${err}`
+        })
+      }
+    }
+
+
+  } else {
+    const { numWorkers, variables, jobId } = event;
+
+    try {
+
+      const renderPromises = [];
+      for (let i = 0; i < numWorkers; i++) {
+        console.log("invoking worker", i);
+        renderPromises.push(invokePartialRender(variables, i, numWorkers, jobId));
+      }
+
+      console.log("now waiting");
+
+      const results = await Promise.all(renderPromises);
+      console.log("obtained results", results);
+      const audios = results.map(result => result.audioUrl);
+      const videos = results.map(result => result.videoUrl);
+
+      console.log("videos", videos);
+      await Promise.all([
+        concatenateMedia(audios, `/tmp/${jobId}-audio.wav`),
+        concatenateMedia(videos, `/tmp/${jobId}-visuals.mp4`)
+      ]);
+    
+      await mergeAudioWithVideo(`/tmp/${jobId}-audio.wav`, `/tmp/${jobId}-visuals.mp4`, `/tmp/${jobId}.mp4`);
+      await uploadFileToBucket(`/tmp/${jobId}.mp4`, `${jobId}.mp4`);
+
+      return {
+        statusCode: 200,
+        body: JSON.stringify({
+          resultUrl: `https://${process.env.REVIDEO_BUCKET_NAME}.s3.amazonaws.com/${jobId}.mp4`,
+        }),
+      };
+    } catch(err){
+      return {
+        statusCode: 500,
+        body: JSON.stringify({
+          error: `An error occured during rendering: ${err}`
+        }),
+      };
+    }  
+
+
+  }
+
+};
+
+async function uploadFileToBucket(localPath: string, destinationPath: string) {
+	const fileContent = await fs.promises.readFile(localPath);
+
+	const params = {
+		Bucket: process.env.REVIDEO_BUCKET_NAME,
+		Key: destinationPath,
+		Body: fileContent,
+	};
+
+	try {
+		const data = await s3.upload(params).promise();
+		console.log(`File uploaded successfully. ${data.Location}`);
+	} catch (err) {
+		console.error("Error uploading file: ", err);
+	}
+}
+
+async function invokePartialRender(variables: any, workerId: number, numWorkers: number, jobId: string){
+  const params = {
+    FunctionName: process.env.AWS_LAMBDA_FUNCTION_NAME,
+    InvocationType: 'RequestResponse',
+    LogType: 'None', 
+    Payload: JSON.stringify({
+      variables: variables,
+      workerId: workerId,
+      numWorkers: numWorkers,
+      jobId: jobId,
+      jobType: "partialRender"
+    }),
+  };
+  
+  try {
+    const data = await lambda.invoke(params).promise();
+    const payload = JSON.parse(data.Payload as string);
+    console.log('Lambda invoke result:', payload);
+
+    // Parse the body string to JSON to access the audioUrl and videoUrl
+    const body = JSON.parse(payload.body);
+
+    if(payload.statusCode !== 200){
+      throw Error(body.message); // Use the parsed body for error messages
+    }
+
+    return { audioUrl: body.audioUrl, videoUrl: body.videoUrl };
+
+  } catch (error) {
+    console.error("Error during partial render:", error);
+    throw error; 
+  }
+}

package/examples/parallelized-aws-lambda/revideo-project/src/project.meta

@@ -0,0 +1,31 @@
+{
+  "version": 0,
+  "shared": {
+    "background": null,
+    "range": [
+      0,
+      null
+    ],
+    "size": {
+      "x": 1920,
+      "y": 1080
+    },
+    "audioOffset": 0
+  },
+  "preview": {
+    "fps": 30,
+    "resolutionScale": 1
+  },
+  "rendering": {
+    "fps": 30,
+    "resolutionScale": 1,
+    "colorSpace": "srgb",
+    "exporter": {
+      "name": "@revideo/core/ffmpeg",
+      "options": {
+        "fastStart": true,
+        "includeAudio": true
+      }
+    }
+  }
+}

package/examples/parallelized-aws-lambda/revideo-project/src/project.ts

@@ -0,0 +1,7 @@
+import {makeProject} from '@revideo/core';
+
+import example from './scenes/example?scene';
+
+export default makeProject({
+  scenes: [example],
+});

package/examples/parallelized-aws-lambda/revideo-project/src/render.ts

@@ -0,0 +1,16 @@
+import {renderVideo} from '@revideo/renderer';
+
+async function render() {
+  console.log('Rendering video...');
+
+  // This is the main function that renders the video
+  const file = await renderVideo({
+    projectFile: './src/project.ts',
+    variables: {message: 'Hi!'},
+    settings: {logProgress: true},
+  });
+
+  console.log(`Rendered video to ${file}`);
+}
+
+render();

package/examples/parallelized-aws-lambda/revideo-project/src/revideo.d.ts

@@ -0,0 +1 @@
+/// <reference types="@revideo/core/project" />

package/examples/parallelized-aws-lambda/revideo-project/src/scenes/example.meta

@@ -0,0 +1,5 @@
+{
+  "version": 0,
+  "timeEvents": [],
+  "seed": 307431050
+}

package/examples/parallelized-aws-lambda/revideo-project/src/scenes/example.tsx

@@ -0,0 +1,29 @@
+import {Audio, Img, Txt, Video, makeScene2D} from '@revideo/2d';
+import {createRef, createSignal, useScene, waitFor} from '@revideo/core';
+
+export default makeScene2D(function* (view) {
+  const fontSize = createSignal(50);
+
+  yield view.add(
+    <>
+      <Video
+        src={'https://revideo-example-assets.s3.amazonaws.com/beach-4.mp4'}
+        size={['100%', '100%']}
+        play={true}
+      />
+      <Audio
+        src={'https://revideo-example-assets.s3.amazonaws.com/chill-beat-2.mp3'}
+        play={true}
+      />
+    </>,
+  );
+
+  yield* waitFor(1);
+
+  yield view.add(<Txt fill={"white"} fontSize={fontSize}>{useScene().variables.get("message", "Hello World!")()}</Txt>);
+
+  yield* fontSize(100, 4); // increase font size to 100 in 4 seconds
+
+  yield* waitFor(25); // wait for 25 seconds more
+  
+});

package/examples/parallelized-aws-lambda/revideo-project/tsconfig.json

@@ -0,0 +1,10 @@
+{
+  "extends": "@revideo/2d/tsconfig.project.json",
+  "include": ["src"],
+  "compilerOptions": {
+    "noEmit": false,
+    "outDir": "dist",
+    "module": "CommonJS",
+    "esModuleInterop": true,
+  }
+}

package/examples/parallelized-aws-lambda/revideo-project/vite.config.ts

@@ -0,0 +1,9 @@
+import {defineConfig} from 'vite';
+import motionCanvas from '@revideo/vite-plugin';
+
+
+export default defineConfig({
+  plugins: [
+    motionCanvas(),
+  ]
+});

package/examples/saas-template/next/package.json

@@ -10,7 +10,7 @@
 	},
 	"dependencies": {
 		"@radix-ui/react-navigation-menu": "^1.1.4",
-		"@revideo/player-react": "0.4.2",
+		"@revideo/player-react": "0.4.4",
 		"class-variance-authority": "^0.7.0",
 		"lucide-react": "^0.378.0",
 		"next": "14.2.3",

package/examples/saas-template/revideo/package.json

@@ -9,15 +9,15 @@
 		"render": "tsc && node dist/render.js"
 	},
 	"dependencies": {
-		"@revideo/core": "0.4.2",
-		"@revideo/2d": "0.4.2",
-		"@revideo/renderer": "0.4.2",
-		"@revideo/vite-plugin": "0.4.2",
-		"@revideo/ffmpeg": "0.4.2"
+		"@revideo/core": "0.4.4",
+		"@revideo/2d": "0.4.4",
+		"@revideo/renderer": "0.4.4",
+		"@revideo/vite-plugin": "0.4.4",
+		"@revideo/ffmpeg": "0.4.4"
 	},
 	"devDependencies": {
-		"@revideo/ui": "0.4.2",
-		"@revideo/cli": "0.4.2",
+		"@revideo/ui": "0.4.4",
+		"@revideo/cli": "0.4.4",
 		"typescript": "^5.2.2",
 		"vite": "^4.5"
 	}

package/examples/saas-template/revideo/src/project.meta

@@ -21,11 +21,7 @@
     "resolutionScale": 1,
     "colorSpace": "srgb",
     "exporter": {
-      "name": "@revideo/core/ffmpeg",
-      "options": {
-        "fastStart": true,
-        "includeAudio": true
-      }
+      "name": "@revideo/core/wasm"
     }
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@revideo/create",
-  "version": "0.4.3-alpha.1002+1ddaa4fb",
+  "version": "0.4.4",
   "description": "Quickly scaffold revideo projects",
   "main": "index.js",
   "author": "revideo",
@@ -20,17 +20,17 @@
     "url": "https://github.com/havenhq/revideo.git"
   },
   "devDependencies": {
-    "@revideo/2d": "^0.4.3-alpha.1002+1ddaa4fb",
-    "@revideo/core": "^0.4.3-alpha.1002+1ddaa4fb",
-    "@revideo/ffmpeg": "^0.4.3-alpha.1002+1ddaa4fb",
-    "@revideo/renderer": "^0.4.3-alpha.1002+1ddaa4fb",
-    "@revideo/ui": "^0.4.3-alpha.1002+1ddaa4fb",
-    "@revideo/vite-plugin": "^0.4.3-alpha.1002+1ddaa4fb"
+    "@revideo/2d": "0.4.4",
+    "@revideo/core": "0.4.4",
+    "@revideo/ffmpeg": "0.4.4",
+    "@revideo/renderer": "0.4.4",
+    "@revideo/ui": "0.4.4",
+    "@revideo/vite-plugin": "0.4.4"
   },
   "dependencies": {
-    "@revideo/telemetry": "^0.4.3-alpha.1002+1ddaa4fb",
+    "@revideo/telemetry": "0.4.4",
     "minimist": "^1.2.8",
     "prompts": "^2.4.2"
   },
-  "gitHead": "1ddaa4fbd500d3d3031a201261de651e6dbd5752"
+  "gitHead": "af1de76d3f454f2b2b9452ef19d6f91096d6791c"
 }