redotvideo / examples

A collection of example projects built with Revideo

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool


Revideo logo

Revideo Code Examples

This repository contains example projects built with Revideo. If you prefer to learn by looking at code examples rather than reading through docs, this is a great place to get started with Revideo.

List of Projects

Below you can find a list of Revideo projects along with a quick summary, focused on teaching different aspects (deployment, animations, etc.). All the individual project folders have a README to help you get started.

  • SaaS Template (Default Project + NextJS): This is a NextJS project that demonstrates how to include Revideo in a SaaS application. If this is your first time using Revideo, this is probably what you're looking for. - (project folder)

  • Default Project: This is a simple project that demonstrates the basic structure of a Revideo project. It includes an audio file and a background video - (project folder)

Animations

  • Transparent AI avatar with background image: This is a very simple example of a video of an AI avatar speaking with a background image. It is mainly meant to demonstrate how to use transparent videos in Revideo (project folder)

  • Marketing Templates: A template for a post on social media advertising black friday discounts. (project folder)

  • Stitching together videos: This is a simple project that demonstrates how you can append videos one after another. It also includes an animation for a transition between videos - (project folder)

  • Youtube shorts with animated subtitles: This example project generates Youtube Shorts with AI. It generates scripts with ChatGPT, voiceovers with Elevenlabs, and background images with Dall-E. This project has a heavy emphasis on animating subtitles - (project folder)

  • Animation for 1,000 Github Stars: A fun animation celebrating 1,000 Github stars for Revideo - (project folder)

  • Code Explainer Video for Rive Animations: An explainer video showcasing how you can use Rive animations inside of Revideo. Worth taking a look at to learn about our <Code/> and <Rive/> component. (project folder)

Deployment

  • Parallelized Rendering with Cloud Functions: This example project also uses Cloud Run, but enables faster rendering by distributing the rendering work across a large number of cloud functions - (project folder)

  • Parallelized Rendering with AWS Lambda: This example project shows you how you can do parallelized rendering with AWS Lambda - (project folder)

About

A collection of example projects built with Revideo


Languages

Language:TypeScript 98.2%Language:CSS 0.8%Language:Dockerfile 0.5%Language:JavaScript 0.4%