WebCut

Use an Example Project

Start from Scratch

WebCut is a browser-based video editor that lets you animate text and images. The animations are done with key-frames (denoted in blue on the Timeline) and linear interpolation.

The design is meant for simple and quick projects, and not for full professional use.

Usage

• Press space to pause or play the preview.
• Select layers to manipulate them (click on the Timeline or sidebar).
  • Pinch the screen or trackpad or use shift + scroll to enlarge or shrink text and images.
  • Drag to move text and images.
  • Use the arrow keys to jump between keypoints
  • backspace to remove keypoints.
• Importing
  • Drag-n-drop to import videos, images, or audio files.
  • Click the "Media..." button to add videos, images, or audio files.
  • Paste URLs to hosted media (only some domains)
• Exporting
  • Click the "Export" button.
  • Let the video preview play fully.
  • Click "Download" to save the .webm video.

Editing Example:

Video Sample:

Credits

Original Code

This project couldn't have been done without the excellent work of Bram Wasti and their projects 'mebm' and 'jott'.

To get the source code for Bram Wasti's 'mebm', visit the GitHub repository.

Images and Videos

The images, videos, and GIFs used in the example project and this README.md file are provided by Bram Wasti and their original project.

reset.css

The code for the reset.css file was provited by Richard Clark and the html5doctor.com Reset Stylesheet.

Desing and UI

WebCut's UI is based off of Google's Material Design system, which can be found here.

Fonts

Editor Sans Text (under the name 'Editor-Sans') was designed by in-house workers at Jupiter Group.

Arial (under the name 'sans-serif') is a trademark of Monotype Imaging, Inc. All rights reserved.

Liberation Sans (under the name 'sans-serif') is a free and open source font, which can be found at this GitHub repository.

Other Fonts

The 'sans-serif' font is different for every device, platform, and operating system. Arial and Liberation Sans are the most common fonts loaded under this default name. Any other fonts loaded under tha name 'sans-serif' are copyright to their respective owners.