Resource icon

Free Animated Lower Thirds with Dockable Control Panel v.1.6

Animated Lower Thirds
Animated Lower Thirds with dockable Control Panel - OBS Tool

Description
With this tool you can use a control panel to add and change your own lower thirds on the fly. Feel free to customize. Basic knowledge of HTML, Javascript and CSS is required. For communication between control panel and browser layer it use BroadcastChannel API.

This project is based on Lower thirds in HTML/CSS https://obsproject.com/forum/resources/lower-thirds-in-html-css.928/, and Animated lower thirds with control panel https://obsproject.com/forum/resources/animated-lower-thirds-with-control-panel.922/.

Features
  • Include dynamic content to streaming app with browser support (like OBS)
  • 4 differents Lower Thirds at the same time
  • 10 slots for each Lower Third (Same configuration but with different title, description and logo)
  • 3 predefined styles
  • Highly customizable (colors, fonts, timing, automation, ...)
Installation
  1. Download the Zip file, unzip it.
  2. See how to install and new features: https://youtu.be/tddMYWya7O0
Requirements
Unfortunately, OBS doesn't support browser panels on MacOs. It only works on Windows. And can be used on Linux using the snap installation. More info: https://obsproject.com/forum/thread...with-most-of-the-plugins-and-features.137672/

Usage
See previous features:

See v1.5 features:

Contributing
I am a designer and my scripting knowledge is few. I made this tool (Frankenststool) because I needed it and I want to share it. You are welcome to improve it. I am aware that many parts of the code can make any expert cry. I'm really sorry :P

Donations
If you like the extension and you want to support the development - please consider to donate by Paypal. Any donations are greatly appreciated.

License
The Animated Lower Thirds source code is made available under the MIT license.

Screen.jpg
Author
NoeAL
Downloads
317,229
Views
426,728
First release
Last update
Rating
4.80 star(s) 80 ratings

Latest updates

  1. Style 3, more customization and better CPU performance.

    Hi everybody! First of all, I would like to thank those of you who have contributed to the...
  2. Logos and Backups!

    Hi everybody! First of all, I would like to thank those of you who have contributed to the...
  3. Custom Fonts, Autoload, Tooltips, and more

    Hi everybody! Thank you for the positive reviews and comments! Video...

Latest reviews

I liked using the plugin it has good functions excellent
I love this very much but please don't make older cats like me watch a damn video just to get install instruction. Please just put them in the description.
OBS 28.0.2 and Animated-Lower-Third 1.6 works pefectly, to fix problex follow this guide by Scott: https://www.youtube.com/watch?v=K1hgpefi03M
seems in obs 28.0.1 doesn't render
Sorry to leave a bad review, because the tool looks awesome, but it just doesn't work on my computer.

To describe the issue: the "Main Settings" switch is on, and the box turns blue, but the "Lower Third" boxes are all red, and nothing happens on the browser source window.

Is there a fix for this, please? I have a WIndows 10 computer and have precisely followed the installation steps on two different Animated Lower Third "how to use" videos.

Thanks
Works great!
This is just perfect - I use on Linux but some problems with import/export but you can just add another dock with url if you need more than the 4*10 sluts for lower3rd.

What would make it perfect was if the conrol panal/dock was possible to run on another computer - so I was able to use maybe a mobile phone or tablet to control the text - facebook have some browser overlays that can do that - currently I use vnc to connect to the obs computer for acces to the control panel. I don't know what is needed to make it possible in other ways just using a browser.

Anyway this is still a great solution for lower3rds
absolutely loving lower thirds! using it for allot of content
one thing i am wondering about is if i am able to use lower thirds to read text from file? so i can have a pop up style for most recent subs and what not
For anyone having issues with the plugin after the 27.2 update:
Change the browser source from Local file to url
open the browser-source.html file in your default browser
Copy the URL, and paste it as the URL for the browser source in OBS.
There was a change in OBS with how URL names are formated. It should have the word "file:///" in front of the directory.
The lower third is not working after the OBS Update - just showing red outline. I've checked the main switch and no blank spaces but still not working
Top