last frame duration not used in video about whammy HOT 3 CLOSED

ah my apologies for the delay I think this would work for me thanks a lot!

from whammy.

Had the same problem when compiling complex videos (with globalOpacity and lots of frames).

The easiest workaround I've found is to just add an empty frame to the video, that way, the last part gets cut instead of the actual content you want to put in the video.

So in this case, it would be:

var video = new Whammy.Video;
video.duration = 15000;
video.quality = 1;
//assuming here that we have an image from a canvas to use:
video.add(context);


// Fill the canvas with a black rectangle
context.fillStyle = "#000000"
context.fillRect(0, 0, context.canvas.width, context.canvas.height)
video.add(context, 1) // Doesn't matter what duration you put here, still gets cut to the first frame


video.compile();

EDIT:
The solution I proposed has one flaw, it leaves a black screen as the last frame.
Also, using context.clearRect does not work. You have to have image data on the canvas for whammy to add the frame to the video. The next best performant thing would probably be just doing context.fillRect(0, 0, 1, 1) but that doesn't work either.
You could experiment to find out what would be the smallest rectangle you could draw so you could improve performance, but it's only one frame anyway.

from whammy.

@drabinowitz Please indicate if my solution helped you so the owner can close the issue 🙂

from whammy.