I want to convert a html canvas animation to a video file using javascript. The canvas has a variable frame rate but the video file should have a fixed frame rate of 50 fps.
Sometimes rendering a frame takes 1sec and sometimes a couple of milliseconds. Each render should still only take 20ms (duration of 1 frame) in the video file.
How could this be done?
ps. I have tried the whammy.js lib, but I cant to get it working.