JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 683
  • Score
    100M100P100Q95245F
  • License GPL-3.0

A flexible video-editing library for the browser

Package Exports

  • etro
  • etro/src/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (etro) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Etro

Build Status

A video editor for developers

Screenshot

Etro 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.

Features

  • 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

Usage

<script src="https://unpkg.com/etro@latest/dist/etro.js"></script>

Then, to create a movie (which is a project)

const movie = new etro.Movie(canvas);

Then, add layers

movie
  // add an empty blue layer starting at 0s and lasting 3s and filling the entire screen
  .addLayer(new etro.layer.Base(0, 3, {background: 'blue'}))
  // add a cropped video layer starting at 2.5s
  .addLayer(new etro.layer.Video(2.5, video, {mediaX: 10, mediaY: -25}));

To start the movie, just like any ol' <video> or <audio>, use .play()

movie.play();

License

Distributed under GNU General Public License v3. See LICENSE for more information.

Further Reading

Contributing

See the contributing guide