Create videos using any web technologies (like Svelte, Vue and React) or just plain old HTML, CSS and Javascript. Animate your web page and have Videobrew render it to a video.
This project is a work in progress. If you have any questions, please open an issue.
Start composing your videos with code!
$ npm i -g @videobrew/cli
Let's build the webpack example Video App:
$ cd examples/webpack $ npm run build
The webpack example video app is built to
dist/
See your video app in action by letting Videobrew know where it is:
$ videobrew preview dist/Open the editor in your browser @ http://localhost:8087
$ videobrew render dist/ my-video.mp4
Watch 📼 the video that Videobrew rendered
Check out the 🧪 Example Video Apps to see how your favorite web technologies work with Videobrew.
Read the 📖 Documentation to learn how Videobrew works and how to start coding your own video
Example | Description | Uses @videobrew/client |
---|---|---|
Zero Dependencies | Just plain old HTML, CSS and Javascript. | |
Local Installation | Shows how to install and use Videobrew with --save-dev instead of globally with -g . |
|
A Sveltekit video app example. | ✔ | |
Webpack + TypeScript | Use Webpack and TypeScript to make your video app. | ✔ |
Videobrew wouldn't be here without these awesome projects: Playwright, FFmpeg, Chalk, Prompts, TypeScript, TailwindCSS, Vite, Svelte and more!
Videobrew - Create videos using any web technologies.
Copyright (C) 2023 Luttje
This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.
This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more details.
A copy of the GNU Affero General Public License can be found here. The full license text can also be found on https://www.gnu.org/licenses/.
Licenses of third parties we are directly depending on can be found here. This file was automatically generated with
license-checker-rseidelsohn
upon runningnpm run build
.