@revideo/create 0.5.10-alpha.1087 → 0.5.10

package/examples/three-js-example/package.json

@@ -9,17 +9,17 @@
     "render": "tsc && node dist/render.js"
   },
   "dependencies": {
-    "@revideo/2d": "0.5.4",
-    "@revideo/core": "^0.5.4",
-    "@revideo/renderer": "^0.5.4",
-    "@revideo/ffmpeg": "^0.5.4",
+    "@revideo/2d": "0.5.10",
+    "@revideo/core": "0.5.10",
+    "@revideo/renderer": "0.5.10",
+    "@revideo/ffmpeg": "0.5.10",
     "three": "^0.167.1"
   },
   "devDependencies": {
-    "@revideo/ui": "^0.5.4",
-    "@revideo/vite-plugin": "^0.5.4",
+    "@revideo/ui": "0.5.10",
+    "@revideo/vite-plugin": "0.5.10",
     "@types/three": "^0.167.1",
     "typescript": "5.5.4",
     "vite": "^4.0.0"
   }
-}
+}

package/examples/youtube-shorts/README.md

@@ -7,10 +7,11 @@ https://github.com/redotvideo/revideo-examples/assets/122226645/98bc202d-6b7d-4b
 
 ## Project Structure
 
-There are two main files you should look at in this project:
+There are three main files you should look at in this project:
 
 - `src/scenes/example.tsx`: This file defines the flow of the video and its animations. It accepts variables such as a list of background images, a voiceover audio file, as well as a list of words along with their timestamps to display the video captions.
-- `src/render.ts`: This is a node.js process which generates assets (script, voiceover, etc.) using AI services and consequently calls `renderVideo()` to export a video that uses the assets it generated as an input.
+- `src/get-assets.ts`: This is a node.js process which generates assets (script, voiceover, etc.) using AI services and writes them to a json file storing your video variables 
+- `src/render.ts`: This code calls `renderVideo()` with variables from a metadata file to export the final video.
 
 
 ## Getting Started
@@ -25,12 +26,11 @@ You can start the editor using the following command:
 npm start
 ```
 
-The editor preview uses example assets (images and voiceovers) specified in `src/metadata.json` which are located in an AWS bucket we own. This way, you can test the template without having to generate your own assets.
+The editor preview uses example assets (images and voiceovers) specified in `src/metadata.json` which are located in an AWS bucket we own. This way, you can test the template without having to generate your own assets. To render the video with the example asseets, click the render button in the UI or run `npm run render`.
 
-When previewing the video in the editor, your browser will first have to load the assets, which can cause a bit of a lag - you might have to wait a few seconds. This will not be a problem when exporting the video though - when building a web app, this can also easily be avoided by preloading the assets (see our [docs](https://docs.re.video/preview-with-player/#preloading-assets) for info on this).
+When previewing the video in the editor, your browser will first have to load the assets, which can cause a bit of a lag - you might have to wait a few seconds.
 
-
-## Rendering your own Videos
+## Rendering Videos with your own AI assets
 If you want to render your own videos using ChatGPT, Dall-E and Elevenlabs voiceovers, you need to create a `.env` file in the project root directory and add the following environment variables:
 
 ```
@@ -39,7 +39,7 @@ ELEVEN_API_KEY=<your-elevenlabs-key>
 DEEPGRAM_API_KEY=<your-deepgram-key>
 ```
 
-Now you can run `npm run render`, which will execute `src/render.ts`.
+Now you can run `tsc && node dist/get-assets.ts`, which will create a new metadata file that you can use in `render.ts` and `project.ts`.
 
 
 ## Animating Subtitles