Changelog
[0.7.0] - 2020-12-17
record.refresh can be called when the movie is playing or recording to force render.imageX, imageY, imageWidth and imageHeight properties. Every image is now rendered over its entire layer.mediaX, mediaY, mediaWidth and mediaHeight properties. Every video is now rendered over its entire layer.clipWidth and clipHeight are no longer treated as invalid options.clipWidth and clipHeight are no longer set in the constructor, so if the clipWidth option is not supplied and the layer's width changes clipWidth uses the new width.width and height default to their clipWidth and clipHeight respectively.TypeError: path.split is not a function.mediaWidth option.enabled property as dynamic (allowing for keyframes and functions).Readme
A video editor for developers
Vidar is a completely in-browser video-editing framework. Similar to GUI-based 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.
npm install vidar
You can use CommonJS syntax:
import vd from 'vidar'
Or include it as a global vd:
<script src="node_modules/vidar/dist/vidar-iife.js"></script>
Then, to create a movie (a Vidar "project")
var movie = new vd.Movie(canvas);
Then, add layers
movie
// add a solid blue layer starting at 0s and lasting 3s and filling the entire screen
.addLayer(new vd.layer.Visual(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}));
Finally, start the movie
movie.play();
See the contributing guide
Distributed under GNU General Public License v3. See LICENSE for more information.
FAQs
An extendable video-editing framework for the browser and Node
We found that vidar demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Socket is joining forces with CISA and other industry leaders at the RSA Conference to sign the Secure by Design pledge, committing to uphold the highest security standards in our products.
Research
The Socket research team breaks down a sampling of malicious packages that download and execute files, among other suspicious behaviors, targeting the popular Discord platform.
Security News
Socket CEO Feross Aboukhadijeh joins a16z partners to discuss how modern, sophisticated supply chain attacks require AI-driven defenses and explore the challenges and solutions in leveraging AI for threat detection early in the development life cycle.