Investigate Ensuring Consistent FPS Recording

[mitchwadair]

Being a browser-based module, ClipNShip is limited in performance by the user's computer. This means that slower PCs could have trouble with drawing/recording at a consistent framerate, especially with more complex layer setups.

I found a stackoverflow thread which outlines a way I could ensure consistent framerate when recording. This should provide a baseline for what is needed, but adaptation will be needed to support video sources. Audio could also be tricky with this method.

[mitchwadair]

more contextual info:

• https://developer.mozilla.org/en-US/docs/Web/Guide/Audio_and_video_manipulation
• https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Video_and_audio_content

[mitchwadair]

We could also consider a rewrite to use the WebCodecs API, which would be a more "proper" video manipulation method. The only negative is no Firefox support as of writing this comment

• https://developer.mozilla.org/en-US/docs/Web/API/WebCodecs_API
• https://developer.chrome.com/articles/webcodecs/