Free Animated Lower Thirds with Dockable Control Panel v.1.6

[ad1562]

Hi, I installed this great feature in obs and it is working very well. But I wanted to activate them through MidiControl.
I even managed to activate it through the HotKey option in MidiControl, but they appear all at the same time and not individually as would be the case. Does anyone know how to set up correctly? Thanks

I have zero experience with MidiControl, so I'm not sure if this will help, but it won't hurt :D

I use NOOBS CMDR to create batch/macro files that can among other things trigger hotkeys. Using the Custom Command option within NOOBS CMDR and the following example command, you would be able to toggle the switch for Lower Third 1.

/command=TriggerHotkeyByName,hotkeyName="A_SWITCH_1"

[EDIT:] assuming that MidiControl can also launch programs/files, you should be able to work it out.

 

[Ronaldobc]

I have zero experience with MidiControl, so I'm not sure if this will help, but it won't hurt :D

I use NOOBS CMDR to create batch/macro files that can among other things trigger hotkeys. Using the Custom Command option within NOOBS CMDR and the following example command, you would be able to toggle the switch for Lower Third 1.

/command=TriggerHotkeyByName,hotkeyName="A_SWITCH_1"

[EDIT:] assuming that MidiControl can also launch programs/files, you should be able to work it out.

Thank you. But I think MidiControl is capable of doing this on its own. The problem is me, I still don't know how to set it up right lol.

 

[NoeAL]

See the arrow labels A and B and C.

View attachment 71253

Two important questions (labels A and B) from my picture.

Arrow A -> Background wants to remain rounded (right side only), which currently only allows all four elbows to be rounded (can't determine each elbow).

I want the right side of the two elbows to be rounded, the left elbow of the two are still angled. Then the logo (in this image my logo says "LIVE" and a red arrow) MUST NOT CLOSE TO THE LEFT SIDE, meaning that a feature is needed to adjust the padding-left (if you can, the content inside the box-background can be changed to the padding: left, right, bottom, top).

By the way, how can we adjust the animation timing and arrival source (left, or right sliding, fade or other) of this background?

Arrow B -> SPACE I have added in the "info" field but I want the words "LIVE STREAMING" (in the "name" field) to be right in the center vertically. The ability of the tool is currently not available (see the point of orientation which I gave the arrow too). What is the solution?

I try to increase the font size (size of text) so it will also affect my settings on the small record-box labels 1, 2, even 3 (I discussed green arrows). I want numbers 1 and 2 not to be bothered anymore because they are cute and good. I only want it on the "3" label.

Arrow C -> this section (or all LT 1 settings, etc.) applies globally to the 10 little boxes inline that you provide. How about the 10 different settings? Maybe it gets more interesting in the next update.

Thank you very much NoeAL this tool helps many people including me, and hopefully you don't leave it stranded, but keep updating and getting cool.

Additions (maybe this will be your new tool / plugin NoeAL):
Maybe your LT tool can be developed / you create a new tool to have the ability to display like the 38:37 minute of this video https://youtu.be/EPxxR7tSrl0?t=2316 I don't know what the name is (Please everyone tell me what is the name of the logo which only appears like that for a second, is the name bamper or what?), the logo appears but for a moment , I want something like that.

Again Thank you NoeAL

To make the left corners at right angles, you can edit the style-source.css file by adding the following lines at the end:

.style-1.left > .graph-2 {
border-top-left-radius: 0!important;
border-bottom-left-radius: 0!important;
}
.left > .logo {
margin-left: 1em;
}

Unfortunately, you cannot edit the corners independently. For all styles to be compatible with all settings there must be some restrictions.

With this setting you can show only one line:

As these changes will affect all memory slots (1, 2, 3, etc ..) you will have to use another panel for the rest of the lower thirds.

Thanks for your comments and suggestions. I hope this helps you.

 

[WAVVY]

Hi, when I click on the control-panel.html file. It opens up a new webpage with the raw version of the format. So I cannot see the GUI aspect of it for some reason. I tried to redownload it, but I am still getting the raw version. How can I fix that issue? Thanks for the help!

 

[ad1562]

Hi, when I click on the control-panel.html file. It opens up a new webpage with the raw version of the format. So I cannot see the GUI aspect of it for some reason. I tried to redownload it, but I am still getting the raw version. How can I fix that issue? Thanks for the help!

Hey, have a look at the installation tutorial that the developer points to in the description of this plugin. Your question is answered therein. In short, the control-panel.html is not meant to be opened in a standard browser. It should instead be set up as a custom dock within OBS.

Make sure to check out the subsequent instructional videos for other functionality and features. Hope this helps.

[edited for typos]

 

[Ronaldobc]

Thank you. But I think MidiControl is capable of doing this on its own. The problem is me, I still don't know how to set it up right lol.

Update:
An alternative solution to MidiControl to enable / disable the lower thirds individually is to use a joystick and the VoiceMacro software. It's not as practical as my Akai APC key25 controller, but it works.

 

[homes]

What could be the cause of the line in the logo?

 

[rogue-ronin]

@NoeAL Just another bump about no dialog to choose a logo under Linux. Any chance this can be fixed? Glad to help debug or test.

 

[rogue-ronin]

Is there a way to have the lower third "inactive" for a set amount of time and then reactivate after that timer expires? As it stands it's constantly looping and that's fine but I'd like to have it off screen for a bit if possible.

I believe the third parameter under main is for setting how long the thirds are off-screen.

 

[snss]

@NoeAL: can Animated Lower Thirds be installed on linux?

 

[NoeAL]

Under Linux, I cannot choose new logos, as the button does not open a file chooser.

I can delete the logo with the trash button, but not select a new file when I click "Choose Image". Nothing happens at all.

Manjaro Linux, kernel 5.12, xfce4.16, obs-studio RC5. Custom docks for Linux arrived with OBS v27, so cannot test against v26.

Otherwise this is looking good, but I can't test further until I can choose a file. :)

Aloha

Hi! Apparently, the OBS Browser of the Linux version is not entirely compatible. In that case, I will have to find an alternative.
I will appreciate any help. Thank you for your collaboration! ;)

 

[NoeAL]

@NoeAL,

I'm trying to add custom actions to the lower-thirds_hotkeys.lua file, but because I lack programming knowledge, I am unable to get the results that I want. Please advise me on a solution.

I would like check the state of a particular Lower Third Switch (i.e. is the Switch enabled or disabled?) when using the onHotKey() function in the script. I've tried the following:

local function onHotKey(action)
    if debug then obs.script_log(obs.LOG_INFO, string.format("Hotkey : %s", action)) end

    if action == "A_SWITCH_1" then
        if hotkeySwitch1 == 0 then
            hotkeySwitch1 = 1
            hotkeySwitch2 = 0
            hotkeySwitch3 = 0
            hotkeySwitch4 = 0
        end
        update_hotkeys_js()
    end
end

The resulting behavior is not what I need. For example, when I first load OBS, if the Lower Third 1 switch is already enabled or if I manually enable it, pressing the hotkey for A_SWITCH_1 disables the switch. Instead, I would like pressing the hotkey for A_SWITCH_1 to enable the switch if it is disabled, and do nothing if it is already enabled.

I'm sure there's an easy way to do this, but I just can't figure it out. Thanks in advance for taking the time to read and respond.

Regards,
Alex

PS - this is an absolutely fantastic plugin, I use it almost daily for many recordings and streams. Thank you!

Hi Alex. Actually the LUA script doesn't know how the switches are. It just tells the control panel to change. If it's ON, it changes to OFF and if it's OFF it changes to ON.
It may be the reason for your problem. Hope it helps you.

 

[NoeAL]

Hi,

Lower thirds works fine, but as soon as I will change style from 1 to any other it will remove logo section. On the attached screenshot you can see that logo section has been removed from LT1 and LT2. In order to fix it I need to reinstall completely whole Animated Lower Thirds (v1.6). I have reinstalled few times whole OBS 26.1.1 in order to get this sort of working.

On other occasion I can get red highlight of the LT and setup is exactly the same, it will not work. Again I would need to reinstall OBS in order for it to start working.

PS, I have been working on vmix for many years as well as on other broadcast vision mixers and I have to admit OBS is simply brilliant.

Kind Regards

Hi! You just have to activate the logo by clicking here:

Please note that Style 2 doesn't have logos, You can enable it in Style 1 and 3.

 

[NoeAL]

What could be the cause of the line in the logo?

Hi! It seems to be a problem with the edges, even being disabled. Add this line to the end of the style-source.css file to completely hide them:

.style-3 > .graph-2 { border: none!important; }

Hope it helps ;)

 

[NoeAL]

@NoeAL: can Animated Lower Thirds be installed on linux?

It seems that in OBS v27 the Custom Browser Docks will be available for Mac and Linux. That means you can use this tool. But it seems that with some incompatibilities that I will have to resolve if possible. ^^

 

[homes]

Hi! It seems to be a problem with the edges, even being disabled. Add this line to the end of the style-source.css file to completely hide them:

.style-3 > .graph-2 { border: none!important; }

Hope it helps ;)

unfortunately same sorry :(

 

[HamMan 73]

Awesome plugin. This dev has done excellent work. Thank you so much !!! I am wondering if there is a way for the memory slots to have some sort of smooth transition if going from one memory slot to another?, rather than just an instant change.

 

[snss]

It seems that in OBS v27 the Custom Browser Docks will be available for Mac and Linux. That means you can use this tool. But it seems that with some incompatibilities that I will have to resolve if possible. ^^

Great!!
However, when I added Animated Lower Thirds as a dock the following error message appeared:
"Couldn't load that page!
Make sure the address is correct, and that the site isn't having issues.
Server's IP address not found
URL: http://home/xxx/OBSTest/_ScriptsAndPlugins/Plugins/Animated-Lower-Thirds/lower thirds/control-panel.html
Click here to retry"
Am I doing something wrong or is a bug in the OBS that prevent user to select a local path instead of web server address?

Thank you!

 

[rogue-ronin]

Hi! Apparently, the OBS Browser of the Linux version is not entirely compatible. In that case, I will have to find an alternative.
I will appreciate any help. Thank you for your collaboration! ;)

Glad to help -- can you tell me how? I'm a longtime linux user, not afraid to mess about -- but I am not a programmer, just a bit of bash.

 

[rogue-ronin]

Great!!
However, when I added Animated Lower Thirds as a dock the following error message appeared:
"Couldn't load that page!
Make sure the address is correct, and that the site isn't having issues.
Server's IP address not found
URL: http://home/xxx/OBSTest/_ScriptsAndPlugins/Plugins/Animated-Lower-Thirds/lower thirds/control-panel.html
Click here to retry"
Am I doing something wrong or is a bug in the OBS that prevent user to select a local path instead of web server address?

Thank you!

my first thought is that you have a space between "lower" and "thirds" in your URL line, and that might break it.