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
109,959
Views
157,173
First release
Last update
Rating
4.87 star(s) 54 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 was also able to get this working on my M1 Mac mini. Had a minor glich when trying to choose a custom color. Hotkeys are not working. Overall I'm a happy camper.
Hi I just installed it on a MAC! It's working with OBS v27 RC2 on High Sierra. When I saw that amongst updates is custom browser docks i was hopping its gonna work and it did. At first i was getting an error but after repeating all instalation steps and restarting OBS dock with a control panel appeared and its working as it should. :-)
This is a great tool, and the developer obviously put in a lot of work to perfect it, and although it does work, there are a couple of shortcomings. First, there is no way to stretch it out across the entire width of the lower third of the screen, like most conventional lower thirds. If I try, it increases the overall size of the lower third itself. I don't really care for the blocky style and would like a way to customize it so it can go nearly edge to edge like on a typcal news program or documentary.
Second, and this is a real big one, there doesn't seem to be a way to assign each lower third or its memory slots to its own scene independently without displaying the other lower thirds as well. In other words, If I have Lower Third 1 assigned to a scene and Lower Third 2 assigned to a different scene, there is no apparent way to display just one of them without the other showing up with it, unless I first turn the one I don't want in the scene off before switching to that scene. For instance, if Scene 1 uses a Lower Third "Bob" and Scene 2 uses Lower Third "Mary" and I want to switch from Scene 1 to Scene 2, I first have to disable LT1 "Bob" and enable LT2 "Mary" before switching to Scene 2, or else "Bob" will also show up on Scene 2 along with "Mary". This is very cumbersome and doesn't make a lot of sense. It is also quite dumb from the perspective of a broadcast switcher. If there is a way to do this, I have no idea, because the documentation is all but non existent and I've had to figure most of this stuff out either through my own experimentation or by watching YouTube videos from others who had to do the same. If not for these two items, I would give it 5 stars and donate $$, but unfortunately it's not quite there yet.
This is wonderful, half an hour to set it right but with the short keys.. its awesome1 Many thanks NoeAL
Great! Fantástico.
Makes our live productions more professional and beauty.
Awesome tool!
Its great and have been using for a long time.

But all of sudden it stopped working the panel shows blue but nothing shows in preview or program tab. This is with rest of the layer disabled. Is their a log that I can read and report or alternatively any dependecies that am missing.
It’s a masterpiece!
Is there a possibility for an update that it would be possible to see the saved names instead of the number? An option for example that I can click and it will show the names line by line under eachother and I can choose from that list whom 3rd to use?
Love this plugin! The animations are clean and highly customizable.
Fantastic tool, love the functionality the timer options, the option to create up to 10 variations of each of the 4 lower thirds.
Top