Free Lower thirds in HTML/CSS

[NvZ]

Hi there, I'm using the HTML/CSS Lower Thirds script but every time I execute a new line I'm getting a very short black flash when the source is starting in the scene. Is there anything that can be done to fix this?

Enclosed a snapshot in which the black flash is seen.

 

[NvZ]

Look like I have resolved my own problem :-)

Add a color filter set to black to the Lower Third URL source. This filters out the black and this resolves my issue.

 

[NvZ]

I would like to modify the template for this Lower Thirds script. What I want is change the hight of the text in some of the presets. Also I would like to add a little bit more text then now allowed.

I have found https://codepen.io/mattchestnut/pen/dMrONe. in which I was able to change the text hight. But I do not understand what to do next. Download the code from Codepen.io? And then, where do I put that code?

For the option to add more characters in a line of text I have not yet found a solution. Perhaps someone can help me on this.

Thanks in advance for your help ;-)

 

[autoharplive]

Great plugin! However I have 2 questions.

- How can I make it freeze on the last frame so it doesn't disappear

- How can I make the animation loop instead of going once and disappearing?

 

[NoeAL]

Thanks for this tool! Inspired by this I have created my own. I hope this helps someone.

https://obsproject.com/forum/resources/animated-lower-thirds-with-dockable-control-panel.1057/

See how it works: https://youtu.be/DIpslG-u7k0

Once again, thank you for your amazing work!

 

[ChristianS]

Thanks for this tool! Inspired by this I have created my own. I hope this helps someone.

https://obsproject.com/forum/resources/animated-lower-thirds-with-dockable-control-panel.1057/

See how it works: https://youtu.be/DIpslG-u7k0

Once again, thank you for your amazing work!

I was soooooo frustrated because I couldn't use it on my mac
Just tried it on OBS27, which support web panels under macOS. It is awsome !!!

 

[Tony747]

vjccruz submitted a new resource:

Lower thirds in HTML/CSS - Lower thirds for OBS Studio using HTML, Javascript and CSS



Read more about this resource...

The source code of this website is available if yes then kindly share with me I wanna show this code on my website

 

[mosyria]

Yes.

On site obs.infor-r.com has a link to github page.

Forbiden