Wasn’t sure how to word this exactly, but basically I want to make a web app that allows people to make basic key frame animations of elements in a canvas, similar in concept to after effects or flash etc, and then click "render", which would then start playing the keyframes etc. into the media recorder api in order to render it to an HD video, but not necessarily realtime, rather, one frame at a time, by it has to be an exact frame rate, so the audio matches up with the video etc.
Basically, like after effects or blender rendering in the browser, how do I use the MediaRecorder API. (or perhaps ffmpeg.js) to record an HD video based on pre designed canvas animations, at an
exact framerate (even if some frames take longer to render than others, but the video, finished product should be a set framerate)?
I’m aware of the canvas.captureStream(frame rate here), then I simply pass that stream to the media recorder api, and start playing the animation of the canvas etc,