'Vue SPA serverless ffmpeg web assembly port question

I am trying to convert this app I made from using GIF.js to using ffmpeg web assembly. The App is a serverless Vue 3 SPA that uses OpenLayers maps to create animations of weather data. I have the hardest time creating composed canvases, i.e. a canvas that is simply a map canvas and an info canvas stitched together. My latest version creates an image but GIF.js does not add it as a frame properly. Ideally I would love for someone to help me implement the most basic of examples which I will use to solve my problem because I can not connect the pieces by myself.



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source