i created an animated presentation with the Sozi plugin for Inkscape. It looks great, however, not all browsers support SVG animations (Chrome for instance does not like the Inkscape/Sozi SVGs at all). I would like to convert the presentation to a video. One option would be to do a screen capture, but I am hoping for something better.
Looking around, I also came across this answer - but creating frame by frame SVGs is not really feasible, as I would like to keep the zooming/sliding animations.
Any ideas of what tool to use?
SVG Animations to Video Finally, an easy solution! SVG video export is now possible! Create your own animations in a friendly interface, then render them as high resolution videos in just a few clicks. You don`t need a powerful computer or any 3rd party apps, SVGator will process all the renders in the cloud.
SVG supports the ability to change vector graphics over time, to create animated effects. SVG content can be animated in the following ways: Using SVG's animation elements [svg-animation]. SVG document fragments can describe time-based modifications to the document's elements.
Inkscape ExtensionsIt creates a slideshow type of animation for presentations, to be viewed in web browsers, by means of embedding JavaScript in the SVG file.
There is a node package called timecut
which uses Chromium to record an SVG into an MP4 video file. https://github.com/tungs/timecut
$ cd project
$ npm install timecut
$ cd project
$ ./node_modules/timecut/cli.js Animation.svg
This creates a file named video.mp4
.
timecut
has quite a number of options, like frame rate, pixel format, etc.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With