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

package/examples/stitching-videos/package.json

@@ -1,23 +0,0 @@
-{
-  "name": "stitching-videos",
-  "private": true,
-  "version": "0.0.0",
-  "scripts": {
-    "start": "vite",
-    "serve": "vite",
-    "build": "tsc && vite build",
-    "render": "tsc && node dist/render.js"
-  },
-  "dependencies": {
-    "@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.4",
-    "typescript": "^5.2.2",
-    "vite": "^4.5"
-  }
-}

package/examples/stitching-videos/src/project.meta

@@ -1,28 +0,0 @@
-{
-  "version": 0,
-  "shared": {
-    "background": "rgb(0,0,0)",
-    "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/stitching-videos/src/project.ts

@@ -1,20 +0,0 @@
-import {makeProject} from '@revideo/core';
-import example from './scenes/example?scene';
-
-export default makeProject({
-  scenes: [example],
-  variables: {
-    videos: [
-      {
-        src: "https://revideo-example-assets.s3.amazonaws.com/beach-3.mp4",
-        start: 1,
-        duration: 6
-      },
-      {
-        src: "https://revideo-example-assets.s3.amazonaws.com/beach-2.mp4",
-        start: 2,
-        duration: 10
-      }
-    ]
-  }
-});

package/examples/stitching-videos/src/render.ts

@@ -1,26 +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: {
-      videos: [
-        {
-          src: "https://revideo-example-assets.s3.amazonaws.com/beach-3.mp4",
-          start: 1,
-          duration: 6
-        },
-        {
-          src: "https://revideo-example-assets.s3.amazonaws.com/beach-2.mp4",
-          start: 2,
-          duration: 10
-        }
-      ]}
-    });
-
-  console.log(`Rendered video to ${file}`);
-}
-
-render();

package/examples/stitching-videos/src/revideo.d.ts

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

package/examples/stitching-videos/src/scenes/example.tsx

@@ -1,30 +0,0 @@
-import { makeScene2D, Video } from '@revideo/2d';
-import {createRef, waitFor, useScene} from '@revideo/core';
-
-interface VideoObject {
-  src: string;
-  start: number;
-  duration: number;
-}
-
-export default makeScene2D(function* (view) {
-  const videos: VideoObject[] = useScene().variables.get('videos', [])();
-
-  for(const vid of videos){
-    const videoRef = createRef<Video>();
-    yield view.add(<Video src={vid.src} time={vid.start} play={true} opacity={0} ref={videoRef} />)
-    
-    if(view.width() / view.height() > videoRef().width() / videoRef().height()){
-      videoRef().width("100%");
-    } else {
-      videoRef().height("100%");
-    }
-
-    // this is a fade-out / fade-in transition - the fade-out and in take 0.3 seconds each; just set the opacity of the video tag to 1 and only use yield* waitFor(vid.duration);
-    yield* videoRef().opacity(1,0.3);
-    yield* waitFor(vid.duration-0.6);
-    yield* videoRef().opacity(0,0.3);
-    videoRef().pause();
-    videoRef().remove();
-  }
-});

package/examples/stitching-videos/tsconfig.json

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

package/examples/stitching-videos/vite.config.ts

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

package/examples/three-js-example/README.md

@@ -1,8 +0,0 @@
-# 3D Animations with Three JS
-
-This example project demonstrates how you can build render 3d animations with [three.js](https://threejs.org/) Revideo.
-
-The animation itself in this project is not very complex - its main purpose is to demonstrate how you can use three.js together with Revideo and make use of concepts such as [tweening](https://docs.re.video/tweening/) in 3D.
-
-https://github.com/user-attachments/assets/41af8137-e16a-43b3-a3e1-01b9cc9b700b
-