Subscribe
Sign in
Revideo
p/revideoCreate videos with code
Start new thread
Michael Seibel

Revideo - Create videos with code

by
Revideo is an open source framework for programmatic video editing. It lets you create video templates in Typescript and render them via an API. It also provides a React player component to enable previews and real-time edits in the browser.

Add a comment

Replies

Best
Justus Mattern
Maker
📌
Thank you for the hunt, Michael! Hi Product Hunt community! 👋 I'm Justus, and I'm building Revideo together with my co-founder @hkonsti. We're excited to show it to you today! At the start of this year, we were exploring a bunch of different product ideas in the realm of AI-enabled video editing, ranging from A/B-testing and automating facebook ads to generating memes. While building these products, we were consistently frustrated by the tooling available for programmatic video editing and therefore decided to build a framework ourselves! Revideo lets you create video templates in Typescript and render them with dynamic inputs through an API. It also comes with a Player component that lets you preview your projects in the browser and integrate video editing functionality into web apps. Our renderer is built on top of the WebCodecs API, making video exports super fast. On my Macbook, I can render 60 seconds of full-HD video in just 14.3 seconds. For faster rendering speeds in production, you can also parallelize rendering across multiple AWS Lambda workers. ⚡ Revideo is MIT-licensed and will stay that way. In the long-term, we want to make money by offering a managed rendering platform where you can deploy your Revideo projects and render videos super fast. If you want to learn more, feel free to check out our Github repository: https://github.com/redotvideo/re... We are looking forward to your feedback! 😻
Joseph Abraham
@hkonsti @justusmattern Huge congratulations on the launch! Wishing you all the success in the world. What feedback have you received so far?
Justus Mattern
Maker
@hkonsti @kjosephabraham Thank you very much! Feedback so far has been pretty good - a few weeks ago, the most common complaint were slow rendering speeds, which are now fixed. As of now, I would say that we care the most about reliability across different environments and setups
Chandula Perera
This is so cool! Love to see new approaches to video editing. Also, noticed that the 'Basic code example' and 'Rendering Video' pages at the bottom don't work, congrats btw!
Justus Mattern
Maker
@chandula Thanks a lot, I'm glad to hear it :) And thanks for pointing out these bugs, we'll fix it!
Viet Le
This is cool - can‘t wait to integrate it with an open source text to video model
Justus Mattern
Maker
@viet_le Thank you Viet! Let's hope that we'll soon get such a model :)
Clemens Rawert
Congrats boys! This has been really fun to follow over the past months. Love the permissive license and put myself down on the waitlist for the platform.
Justus Mattern
Maker
@clemo_sf Thank you Clemens! Really appreciate your support :)
Marc Klingen
Congrats on the launch @hkonsti and @justusmattern. I played around with it and it seems really cool (love that it is OSS)! What kind of tooling do you recommend to generate videos rendered with revideo (e.g. cursor with indexed revideo docs)?
Justus Mattern
Maker
@marc_klingen Thank you Marc! Really appreciate it Revideo docs are obviously not yet part of the training data of today's LLMs, so indexing the docs is a great idea! I personally like to use https://www.continue.dev/ for doing so, but have not yet tried it. Probably the most important tool if you're building Revideo apps is a hosting platform that lets you do parallelized rendering. We have used AWS Lambda and Google Cloud Functions for this, but I'd imagine that newer services like trigger.dev can also handle this. Soon, we'll also launch our platform, which will handle parallelized rendering out of the box :)
Stefans Keiss
Congrats on the launch, Justus! Do you have any detailed documentation or examples for integrating Revideo with existing React-based web apps?
Justus Mattern
Maker
@memphys_sk Thank you! Yes, our docs have a dedicated section on building web apps with Revideo, which explains how to embed previews and how to set up a rendering service as part of your web app: https://docs.re.video/category/b...
Andriy Semenets
Congratulations on the launch! Idea: you could also include a voice-over text as a parameter. Something like . This would make the video that you posted above possible with Revideo itself :)
Justus Mattern
Maker
@semanser Thanks Andriy! The posted video was fully created with Revideo, you can check out its code here: https://github.com/redotvideo/la.... We have thought about integrating AI-specific components into revideo natively, and are still considering this, but have for now deferred it. It is relatively easy to run scripts for generating AI assets (such as text-to-speech audios) in a separate module of your app and then feed the response as a parameter in your revideo project. AI-specific components would be somewhat restrictive and opinionated by design. For instance, what if you're building an AI short video app, and then your user wants to switch out a single asset that is AI generated? For these purposes, it's a lot easier to handle these things seperately in my opinion
Asim Shrestha
Congrats on the launch! What are some of your favourite examples of user generated Revideo videos (revideos?)?
Justus Mattern
Maker
@asim_shrestha1 Thanks Asim! Personally, I'm a big fan of https://angriz.com/. It lets you create your own RPG stories whose plot you can infinitely expand
Pavel Bocharov
Wow this is so cool! No doubts, your product will become a solid foundation of many other innovative products. My vote goes to you!
Justus Mattern
Maker
@pavel_bocharov Thank you Pavel!
Henrik Larsen
This is super awesome guys! Does Revideo have feature parity with Remotion? If not, what's missing?
Steve Boyer
@henrik_larsen1 along those lines, I am wondering what differences there are. I am reading through the docs, and it's clear that Remotion is more focused on using React to program the videos, where Revideo is using Typescript with some proprietary React-like utilities. What other differences/similarities are there between the two?
Justus Mattern
Maker
@henrik_larsen1 @iamwonder Thanks Henrik! To address both of your questions: From a technical standpoint, there are two big differences: 1) Remotion has a declarative React-like API, whereas Revideo has a more imperative, "procedural" API. In Remotion, you get a frame using the currentFrame hook, and then design what your frame should look like based on that frame. In Revideo, you define your video as a generator function, where every yield corresponds to a video frame. Therefore, what you define in the beginning of the function happens in the beginning of your video and so on. 2) Remotion renders to the DOM, whereas Revideo renders to the HTML canvas How this affects users: 1) The APIs are quite different - what you like better is probably up to personal taste. I find the procedural API of Revideo a bit easier to work with, but I'm obviously biased :) 2) With Remotion, you can use pretty much anything that a frontend designer knows to style your video, including CSS. Revideo is limited to the canvas and is therefore a little more narrow, but has more pre-built and "opinionated" functions for animations. Lastly (and why we were very motivated to build a video editing framework), Revideo is MIT-licensed, while Remotion has a commercial license that requires you to pay if your company has more than 3 employees. Hope this clears things up!
Federico Zuluaga Knorr
CR7 on the thumbnail - love it 😂 Congrats on the launch ✅
Justus Mattern
Maker
@federico_zuluaga_knorr Thank you! All credits for the thumbnail go to @hkonsti :D
André J
What are some of the use cases for this? Who is the primary customer?
Justus Mattern
Maker
@sentry_co Our primary customers are companies building products that need video editing functionality. As an example, some of our users include marketing companies that generate different variations of video ads for A/B testing - others are building E-learning products that generate educational content with AI. Some individual users also build pipelines to automate their Youtube channels with AI-generated content :)
blank
This sounds amazing! 🎉 The fact that you guys are tackling the frustrations in the video editing tools space is super refreshing. I love how you’ve integrated Typescript and made it open source—definitely a game changer for devs! @justusmattern Also, rendering 60 seconds of full-HD in just 14.3 seconds is unreal! Can't wait to see how this evolves.
Justus Mattern
Maker
@blankwebdev Thank you, appreciate it!
Johannes Pittgens
Congrats on the launch! What are the most common use cases that people use Revideo for?
Justus Mattern
Maker
@johannes_pittgens Thanks Johannes! The most common use cases we are seeing right now are in marketing (companies generating different variations of video ads) and entertainment (mostly for automating content with AI)
Bhargav V
Congrats on the launch!! Pretty hyped up about reVideo ever since discovered the tool!
Justus Mattern
Maker
@brgv_code Thank you Bhargav, I love to hear it!
Jayesh Gohel
Hey @justusmattern Revideo means to make videos again, right? It helps create video patterns using code, doesn't it? You can preview and change these videos directly on the web, right?
Muhammad Yaseen
How user-friendly is this for those new to video editing with code? Interested in knowing if it's accessible for beginners.
Max Brenner
Really useful tool - can't wait to try it
Jeremy Cullen
Love the idea of 1-1 video personalized to the user. That's a gold mine for marketing!
Hengjia Wang
Congrats on the launch, Justus! As a non-coder, I'm curious how much more efficient your product will bring to creators.
Justus Mattern
Maker
@hj_mindos Thank you! Currently and for the near future, the product is mostly usable for developers. I hope that developers will use Revideo build tools that non-technical people can use though!