What's the general idea?

The fundamental representation of a video in editframe is an HTML document.

This HTML document is used to define the timeline, the visual presentation of the video, and timing of animations.

Used together HTML, CSS, and JavaScript comprise a powerful compositing system.

Iconographic depiction of html source code transforming into a video timeline, stacked layers, and an animating disc.

Fundamental editing and compositing primitives such as cutting, sequencing, stacking, and keyframing can all be expressed with HTML, CSS, and JavaScript.

Some are built-in, and the rest Editframe provides as custom elements.

Iconographic depiction of cutting a filmstrip, stacking visual layers, and setting keyframe animations.

The advantages of using HTML, CSS, and JavaScript are many:

  • Use familiar HTML, CSS, and JS skills
  • Reuse existing code for consistent styling
  • Leverage modern web platform features
  • Access extensive tooling and libraries
Iconographic depiction a computer with html/css/js

Editframe uses a set of custom HTML elements to define video timelines, their visual presentation, and render them into videos.

It's not terribly difficult to create your own videos with Editframe, but there are a few fundamental concepts you'll need to understand. But once you've mastered the basic elements, you'll be able to apply your existing knowledge of web technologies to create any video your heart desires.

You can use the following elements to create a video:

  • Timegroup - A container for other elements (start here)
  • Image - Include an image in your video
  • Video - Include a video in your video
  • Audio - Include audio file in your video
  • Waveform - A visual representation of an audio file