Option for output with alpha channel

[sheriffderek]

Hello!

I'm interested in exporting GSAP animations to be used as swipe animations for cuts between video scenes. I've read the documentation and exported some examples. This is so cool! I'm not sure about the exact terminology, but what I'm looking for is the black/white/background to be an alpha channel and invisible when I layer it over another video. I'll look for what the output is called in After Effects.

Here's a quick Pen I was using to try it: https://codepen.io/perpetual-education/pen/OJBmWQY

and here's an output of those tests with white and black backgrounds over some edits: https://assets.codepen.io/4806767/alpha-question.mp4

Is this possible?

: )

[workeffortwaste]

It's not possible to output the video with alpha transparency unfortunately, but in After Effects you should be able to use colour keying with Keylight to remove the background.

[galipmedia]

I have not used this library yet. But I have used ffmpeg a fair bit. It should be possible to get transparent output using Apple prores444 format. Pix format yuv444p10, codec prores_ks , and file name whatever.mov . Mind you this will only work if the initial pngs are transparent. This will make enormous file sizes so be careful. My exact instructions may be wrong but by googling these things you might be able to find a solution.

[workeffortwaste]

Thanks for that, it gives me a good starting point to attempt to add this support.

[workeffortwaste]

@sheriffderek This is now supported in 2.0.1.
@galipmedia Thanks for your help pointing me in the right direction.

https://github.com/workeffortwaste/gsap-video-export/tree/main?tab=readme-ov-file#alpha-transparency-

[sheriffderek]

Oh! Very cool!! I had just revisited this and made some video transitions and worked through how to export them and made a video about it. I'm excited to try it out! Thank you!!! : )