Transparent videos for web

Good transparency guide from Rotato: https://rotato.app/help/transparent-b...
Solid background trick: https://sansho.studio/blog/html-video...
Compressor: https://www.apple.com/ua/final-cut-pr...
My video about WebGL transparency technique:    • Transparent video light rays with #th...  
More info about ProRes: https://support.apple.com/en-us/HT202410

Featured websites:
https://petertarka.com/
https://hematogenix.com/

ffmpeg commands
stacking:
ffmpeg -i left.mp4 -i right.mp4 -filter_complex hstack stack.mp4
ProRes from sequence:
ffmpeg -framerate 36 -f image2 -i %03d.png -c:v prores_ks -profile:v 4 -vendor apl0 -bits_per_mb 8000 -pix_fmt yuva444p10le 4444.mov
Alpha extract:
ffmpeg -i PRORES.mov -f mp4 -vcodec libx264 -vf alphaextract,format=yuv420p mask.mp4
VP9 from sequence:
ffmpeg -framerate 36 -f image2 -i %03d.png -c:v libvpx-vp9 -pix_fmt yuva420p vp9.webm

Support:   / allyourhtml  
Twitter:   / akella  


00:00 - Intro
1:08 - VP9 video
2:22 - HEVC with Quicktime
03:55 - HEVC with Rotato
05:00 - HEVC with Compressor
07:30 - Solid background videos
08:35 - WebGL