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
400,472
Views
553,324
First release
Last update
Rating
4.77 star(s) 91 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

Unfortunately, I am not able to run it in OBS studio, please help
I've been looking for something just like this for so long! I absolutely love it and thank you for the hard work and effort that took to make it.
Nice work! For those who asking about logo, make sure you put the logo into the right folder (Logos folder)
Hello, may I ask if I can't display logo normally when I upload logo in png format and jpg format? What is the problem? Size 200X200
If you're getting the broken control panel with the red box use the guide, it really works https://www.youtube.com/watch?v=K1hgpefi03M
Very good, congratulations...
AGAIN. Great app.. but I cant get the jason files to work. I tried exporting... importing... making sure they were burred in that program files folder. NOTHING i do remembers my content!! wHAT AM i DOING WRONG?
OBS 29.0.2 for windows is not displaying the browser source for this v1.6.
someone should debug the issue and come up with a solution...
Just a NOTE for anyone else not seeing them show up - there is an issue post v27 of OBS. Please see this video for more info - https://www.youtube.com/watch?v=K1hgpefi03M
Kind of work okay, however just upgraded to OBS 29 on Linux Mint and it crashes every time i click to browse a new logo. Does this work on Linux?
Top