I’ve been experimenting with the Overlay HTML filter to create video title animations with Shotcut.
It has only been possible for me to do this with the brilliant help and guidance from forum member Elusien. He has designed a java script framework - webVfx - which enables the user to convert HTML code containing animation which can be opened in an Overlay HTML filter applied to a clip in Shotcut.
Elusien’s website is here (which contains the file WebVfx.js, essential for downloading to get these animations to work in Shotcut):
http://www.elusien.co.uk/shotcut/
And here is a recent thread on this forum where he introduced his WebVfx framework. Worth reading! :
Because I “hijacked” his thread somewhat with lots of questions (to which I got fantastic helpful answers), I am starting a new thread.
I’d like to share some video animations I created using the Overlay HTML filter in Shotcut, in case anyone is interested in learning how to get it to work. Here is my “Bournville” animation featuring moving coloured letters. This is the exported mp4 directly from Shotcut:
https://streamable.com/qw457
It took a while to do, and a LOT of HTML tweaking to get the timings and positions right, but
I attach the html code as a text file should anyone wish to experiment with it. If I get some time and some people show an interest, I will try to outline the steps I took to create this.
Text file:Video title animation by Jon Raybould (Bournville with moving letters).txt (6.5 KB)