Free Animated Lower Thirds with Dockable Control Panel v.1.6

[samueldeoliveira]

Hi,
After the LT appear and disappear, some dots continue to show up at the canvas. Its like some pixels of the characters from LT still appear.
Sometimes it doesn´t happen. When clicking in refresh cache browser, the wrong still pixels disappear.
What can be ?
You can check it in this video https://www.youtube.com/watch?v=WtBF5vEnrxY at 1:33:20

 

[NoeAL]

Hi!

I can't erase the name or the position. I click on "lear the text fields and set a logo to default" it disappears, but not from the slots. I enabled 1, 2, 3, 4 and 8 but when I click on clear, it disappears, but not the slots. Where am I going wrong?

I think this answer can help you:

Memory slot give the possibility to have 10 differents NAME, INFO, LOGOS for one LT. Fox example, in one team of basketball, you can enter all the players name's in the same LT (same configuration) in each slot.
Actions:
- To save something in one slot you have to write name and info and then click over the desired slot.
- To load slot, click over slot with number.
- To remove one slot, keep slot pressed until becomes red.

And that's it, you can view slots in action in this video https://www.youtube.com/watch?v=nKcvu-HwP9k&t=176s.

Hope this helps!

 

[NoeAL]

Would love to see either the Name or Info field to be able to support multiple lines - either wrapping the text or supporting <br> tags. BTW, I love the tool, thank you!
-Chip

Looks like I am not even 1 hour late to this request. +1 from me to have this possible.

Depending on the style, be able to support multiple lines could break up the designs. I think the best would be to have multi-line styles.
Anyway if you search here in the forum you will see that I have already shared how to modify the CSS to enable it.
I hope to add a useful solution for everyone in future updates.

 

[NoeAL]

I love this tool.
I would like to have multiple "Output-Configs" for multiple Scenes. One Scene to two moderators, each one with his/her own lower third (left/right corner)
Second scene is moderator one with his/her lower third, third scene is moderator two with his/her lower third. All without manual enabeling the lower thirds just switching the scenes.

Hi! At the moment the tool has no way of know which scene OBS is in. I find it a very interesting feature and I hope to add it in future updates.

 

[NoeAL]

Hi,
After the LT appear and disappear, some dots continue to show up at the canvas. Its like some pixels of the characters from LT still appear.
Sometimes it doesn´t happen. When clicking in refresh cache browser, the wrong still pixels disappear.
What can be ?
You can check it in this video https://www.youtube.com/watch?v=WtBF5vEnrxY at 1:33:20

Hi! Apparently the font is very tall and is not completely hidden at the end of the animation. I will fix it in the next update.
You can temporarily fix it by modifying the following lines in style-source.css file:

@keyframes animation-style3-text-1 {
    0% {
        bottom: -110%;
    }
    70% {
        bottom: -110%;
    }
    100% {
        bottom: 0;
    }
}
@keyframes animation-style3-text-2 {
    0% {
        top: -110%;
    }
    70% {
        top: -110%;
    }
    100% {
        top: 0;
    }
}

Note: You will find it in line 312. Originally it will put the value "-102%", you will have to change it to "-110%".

Hope it helps you.

 

[homes]

The enumerators I showed in the picture work in v1.5 but not in v1.6. What could be the reason?

 

[rosso]

Hi, I installed the panel but it's all blank, I'm on windows btw...
How can I fix

 

[squireo]

nub, copied the files on two different OBS machines (v.26.1.1) and getting the same red box when I try to enable. Changed permissions to allow/enable use of non-windows files. Something simple I'm sure ;)

Thoughts???

Thanks,

Owen

 

[squireo]

nub, copied the files on two different OBS machines (v.26.1.1) and getting the same red box when I try to enable. Changed permissions to allow/enable use of non-windows files. Something simple I'm sure ;)

Thoughts???

Thanks,

Owen

View attachment 69376

Argh - added text to the fields and it works. Dang, spent a couple hours installing/uninstalling!!!

 

[technikadonis]

Hi! At the moment the tool has no way of know which scene OBS is in. I find it a very interesting feature and I hope to add it in future updates.

Hi NoeAl,

would it be possible to give each Lower Third their own browser source? This would be some sort of work around and I could pull the fitting browser source to my scenes.

 

[DopeGhoti]

Hello,

Would it be possible to configure the Name or Info fields to pull data from a file? That way I could have another tool update those files for the Lower Third to display.

 

[NoeAL]

Hi, I installed the panel but it's all blank, I'm on windows btw...
How can I fix

Hi, make sure you are choosing the control-panel.html file and not the browser-source.html file.

 

[falconbeats]

I think this answer can help you:

Thanks man!



This is what i wanted.

 

[causelove94]

Hello, I'm having a problem with the logo, when I click "Your Logo Here" then select "Choose Image", my logo is shown, but when I click OK, it show a broken image in preview and not show up in Lower Third (see attached image). I try to select some another PNG images and all is not working. How to fix it? I'm using OBS 26.1.1 and Animated Lower Thirds 1.6. Thank you very much!

 

[Zoop]

Hello, I'm having a problem with the logo, when I click "Your Logo Here" then select "Choose Image", my logo is shown, but when I click OK, it show a broken image in preview and not show up in Lower Third (see attached image). I try to select some another PNG images and all is not working. How to fix it? I'm using OBS 26.1.1 and Animated Lower Thirds 1.6. Thank you very much!

It cost me a half an hour to find out, you have to copy your logo files in the '' Animate-lower-Thirds_1.6'' map / ''logos'' map.

 

[BrainSuperGlue]

Hi NoeAL,

A big thanks for the Lower Thirds.

A feature request. To have the ability to fade in and / or out of the lower third.

For example.

With Style 2, the two lines appearing from the side, they pause, then they go back.

Would it be possible to have a slider box, that would enable a fade away in the position they paused in?

Also the opposite of having the two lines fade in (in whatever justifcation they are in), then pause, then return to the right (or whatever the justification is).

Thanks

BSG

 

[Zilage-Jr]

The image doesn't show and is only showing the broken image icon. What should I do to correct it? I have tried many different image to rule out that it wasn't just the image I want that was the problem. There's an issue with the lower thirds itself as as soon as I press ok, it becomes broken. I changed nothing in the html code. Log file is attached below if its needed.

 

[BenMooreGuitar]

Hey, I love this idea of docking lower thirds in OBS.

Is there a way to implement a code where I can use a GIF as my logo? I've got a small animated logo that would be extra spicy on a lower third. Thanks!

 

[BenMooreGuitar]

The image doesn't show and is only showing the broken image icon. What should I do to correct it? I have tried many different image to rule out that it wasn't just the image I want that was the problem. There's an issue with the lower thirds itself as as soon as I press ok, it becomes broken. I changed nothing in the html code. Log file is attached below if its needed.

I'm actually having the same issue now - On top of not being able to use a GIF and now normal pictures. It shows a broken image icon

 

[BrainSuperGlue]

I'm actually having the same issue now - On top of not being able to use a GIF and now normal pictures. It shows a broken image icon

Don't forget that the location of the icon has to be specific otherwise it will give you a blank or an error.

This guy explains it well. https://youtu.be/pg_CwgwWmGA?t=684

With the GIF, in the lower third panel, in the Main Settings / Customs / Default Logos (pick one) and choose your image (from the correct location), the acceptable file types are listed as including .GIF.

See how you get on.