I'm coding animations in SVG animated with CSS, and want to show them on YouTube. So I need to go from the original animation which I display in a web browser, to a video file. I've looked into and tried quite a lot of methods of doing this: ones that I found recommended on StackExchange sites and other fora. The results are summarised in my StackExchange Software Recommendation question https://softwarerecs.stackexchange.com/questions/76935/is-there-any-free-software-for-converting-svg-css-animations-to-video-for-windo .

Unfortunately, none does what I need, which is why I'm asking this question, with the qualifiers in my title. That is, the software must be: free; Windows-10 compatible; and automatic, i.e. not requiring manual intervention as screen capture does. It must also be YouTube compatible, though I don't think that's a problem as long as it returns a normal video file. Finally, the result must be good quality, without blurring or jerkiness. Jerkiness, I've noticed, seems to be a common problem with screen capture.

The methods in my summary fall into these categories:

  • convert the file containing the animation, i.e. the SVG file with embedded CSS, to a video file;
  • record the browser window with a screen recorder and save directly as video;
  • record the browser window with a screen recorder as an animated GIF and convert that to video;
  • run software in the web browser that converts what the browser "sees" to a sequence of frames and thence to video.

The first method would be best, as it's the most automated. The next best would be the fourth method, running software in the browser.

However, I've not found anything that implements these in a way I can use on Windows, so for the moment, I'm stuck with screen recording and saving to video. I'm using OBS Studio to record the screen, and Avidemux to crop it, and also to trim unwanted frames from the start and end. This was necessary because I found it hard to synchronise OBS with the start and end of my animation, so had to record some way in advance and behind.

At least it works though, and the videos run on YouTube. However, even with a recording frame-rate of 50fps on OBS, they're a bit jerky. Moreover, recording has to be done manually, and so do cropping and trimming. I do want to avoid that.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Browse other questions tagged or ask your own question.