SVG Animation Capture to MP4 and Gif

This Node.js application captures SVG animations and converts them to MP4 and GIF videos using a headless browser.

Prerequisites

• Node.js
• FFmpeg (must be installed on your system)

Installation

1. Install FFmpeg:

   # For macOS using Homebrew
   brew install ffmpeg

2. Install Node.js dependencies:

   npm install

Usage

Run the application by providing the path to your SVG file:

node index.js \
   --svg path/to/your/animation.svg \
   --scale 3 \
   --repeat 2 \
   --fps 30

The application supports both local files and URLs:

• Local file: node index.js --svg ./animations/my-animation.svg
• URL: node index.js --svg https://example.com/animation.svg

The output will be saved as {filename}_{timestamp}.mp4 and {filename}_{timestamp}.gif in the current directory.

Other notes

• Capture duration: Length of the capture in milliseconds (default: 5000ms)
• Viewport size: fixed to the size of the SVG file
• FPS: Currently set to 30 frames per second