@revideo/create 0.5.8-alpha.1084 → 0.5.8-beta.1082

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

@@ -1,31 +0,0 @@
-{
-  "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.6",
-    "@revideo/core": "0.4.6",
-    "@revideo/ffmpeg": "0.4.6",
-    "@revideo/renderer": "0.4.6",
-    "@revideo/vite-plugin": "0.4.6",
-    "@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.6",
-    "@revideo/ui": "0.4.6",
-    "typescript": "^5.2.2",
-    "vite": "^4.5"
-  }
-}
-
-
-

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

@@ -1,144 +0,0 @@
-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

@@ -1,28 +0,0 @@
-{
-  "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/wasm",
-      "options": {}
-    }
-  }
-}

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

@@ -1,7 +0,0 @@
-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

@@ -1,16 +0,0 @@
-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

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

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

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

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

@@ -1,29 +0,0 @@
-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

@@ -1,10 +0,0 @@
-{
-  "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

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

package/examples/reddit-post-video/README.md

@@ -1,84 +0,0 @@
-# Create Short Videos from Reddit Posts 🪄
-
-This project uses [Revideo](https://github.com/redotvideo/revideo) to automatically generate short videos from Reddit Post urls. Here is a (low resolution) example generated from this [Reddit Post](https://www.reddit.com/r/careeradvice/comments/1bn9do3/how_do_i_leave_a_job_i_hate_but_its_comfortable/):
-
-
-
-https://github.com/user-attachments/assets/485df630-7862-4862-affe-7f510279f1fa
-
-
-<br/>
-
-
-
-<br/>
-
-
-Two code files do most of the heavy lifting here:
-
-- `src/render.ts` is a node process that fetches the contents of the provided Reddit post url, generates a voiceover using [ElevenLabs](https://elevenlabs.io/), gets timestamps for the voiceover and organizes all of this metadata in `./metadata.json`. Finally, it calls `renderVideo` to render & export the project using a headless browser.
-- `src/scenes/example.tsx` defines the animation flow and audio of our video
-<br/>
-<br/>
-
-
-
-## Getting Started
-
-First, you should clone the repository and install all dependencies:
-
- ```bash
- git clone https://github.com/redotvideo/examples.git
- cd reddit-post-video
- npm install
- ```
-
- You can now look at the example project using the editor:
-
-```bash
-npm start
-```
-<br/>
-<br/>
-
-
-## Create your own video
-
-To create your own video, you should first set up API keys for ElevenLabs (to generate voiceovers) and Deepgram (to get timestamps for subtitles):
-
-```
-export ELEVEN_API_KEY=<your-elevenlabs-key>
-export DEEPGRAM_API_KEY=<your-deepgram-key>
-```
-
-
-You now have two options: You can either directly render and export a video, or first generate its metadata and voiceover and preview in the editor before exporting.
-
-#### Option 1: Generate metadata, preview and render in editor
-
-To generate metadata, run the following command:
-
-```bash
-tsc && node dist/render.js --post <reddit-post-url> --onlyMetadata
-```
-
-This saves the voiceover to `./output/audio.wav` and your metadata to `./metadata.json`. You can now preview your video by starting the editor, and export your video by clicking the "Render" button in the browser:
-
-```bash
-npm start
-```
-
-#### Option 2: Render video through function call
-
-If you don't want to preview, but render directly, you can omit the `--onlyMetadata` flag. This will call the `renderVideo` function:
-
-```bash
-tsc && node dist/src/renderScript.js --post <reddit-post-url>
-```
-
-#### Additional parameters
-
-You can modify the text color and voice of your video using the following flags:
-
-- `--voice Daniel`: default is Sarah
-- `--textcolor yellow`: default is red