svg-to-video

This is tool for capturing interations on svg images to videos in the browser.

It based on MediaRecorder API and provides UI on page.

live demo

Usage

1. load script on page

<script src="https://unpkg.com/svg-to-video"></script>

2. select element to capture and init recorder

<script>
    let svg = document.querySelector('svg')

    svgToVideo.init({
        drawScene: () => svg,
        width: 600,
        height: 200,
    })
</script>

See full example