A video editor for developers
Vidar is a completely in-browser video-editing library. Similar to conventional video-editing software, it lets you layer media and other content on a timeline. Audio, image, video and other tracks are supported, along with powerful video and audio manipulation to existing tracks. Being very flexible and extendable, you can choose to only use the core components or define your own.
- Export video to blob
- Write your own layers and effects
- Write a function for a property
- Keyframes
- Built-in hardware accelerated visual effects
- More coming soon
<script src="https://unpkg.com/vidar@latest/dist/vidar.js"></script>
Then, to create a movie (which is a project)
const movie = new vd.Movie(canvas);
Then, add layers
movie
// add an empty blue layer starting at 0s and lasting 3s and filling the entire screen
.addLayer(new vd.layer.Base(0, 3, {background: 'blue'}))
// add a cropped video layer starting at 2.5s
.addLayer(new vd.layer.Video(2.5, video, {mediaX: 10, mediaY: -25}));
To start the movie, just like any ol' <video>
or <audio>
, use .play()
movie.play();
Distributed under GNU General Public License v3. See LICENSE
for more information.
See the contributing guide