SHOW README | HIDE README

Introduction

This is a proof-of-concept converter for creating SVG videos from images or video files. It works 100% client-side, so no data is transferred to the server.

Usage

Images dropped in the area below are added as-is. Videos are converted to JPG images using the "JPG Quality" option, where 0 is the worst quality, and 100 is the best. Video frame rate is converted to the current "FPS" value.

The "FPS" option also controls playback speed of the resulting SVG video.

The drop area is a "ContentEditable", so a cursor can be placed inside to delete frames with DELETE or BACKSPACE key, select frames by pressing arrow keys while holding SHIFT, cut, copy and paste with the usual shortcuts.

Browser compatibility

The converter has been tested with Chromium and Firefox. The resulting videos should work in browsers supporting SVG-SMIL, in any place where an image can be used - like an IMG tag or a background.

Known Issues

Longer animations require a lot of CPU time and memory to create and may crash the browser. ContentEditable is generally a buggy mess, should be replaced with a custom editor.

Things to do

Author

Piotr Pawłow <pp@siedziba.pl>
1KPQp4kWJ6LZ1Xye6arVntfK7gvazn5JEj

SHOW README | HIDE README
Drop files here
File name:
Click to save
Preview