Save animations to video like MP4 (using HYPE.video.js, FFmpegwasm and HTML2Canvas)

This is a variation of a post that did something similar but was limited to webm. This approach on the other hand supports all sorts of video codecs (and even audio mix-ins). The example in this post encodes the output as MP4 (h.264). You can pretty much export and perform operations according to the capabilities of FFmpeg (ported to wasm).

Preview Concept:
Press-To-Record-Animation-To-FFmpg.html

Download Example:
Press-To-Record-Animation-To-FFmpg.hype.zip


Notice: Make sure to update HYPE.video.js with the latest version. The file can always be found inside the resources' folder of your Hype-application. The example file uses built using and for the Hype 734 build version.

3 Likes