Resource icon

Free Animated Lower Thirds with Dockable Control Panel v.1.6

Download
Overview Updates (6) Reviews (92) History Discussion
NoeAL

NoeAL

Member
Mr. Porxy said:
Great tool, thank you very much, NoeAL!
It runs perfectly when I use it with the control deck.
Next level would be to control it with my Stream Deck. But the Hotkeys are not working !
I fumbled around quite a while now but couldn't get rid of this error:

[lower-thirds_hotkeys.lua] Failed to call hotkey_pressed for hotkey_pressed: ...ugins/Lower-Thirds/lower thirds/lower-thirds_hotkeys.lua:436: C:/Program Files/obs-studio/data/obs-plugins/Lower-Thirds/common/js/hotkeys.js: Permission denied

I thought it is a admin thing, but also moving the file to a public folder doesn't work.
Did someone experience sth similar? Any idea?
Thanks in advance!
Mr. Proxy
Click to expand...
Hi! Thanks for your words.
The error says that it doesn't have permission to access a file from the tool. For security reasons, Windows may not give permission to write files inside the C:/Program Files/... folder. If this is your case, copy the tool's files (all of them) to another folder outside of "Program Files" and your problem may well be solved.

Hope it helps you!
 
Joselito

Joselito

Member
Hi!

First of all, thank you so much for making and sharing thistool. It is really amazing!

Now, I have a problem and I hope you can help me.
I followed your guide, but I got stuck at thebegining. After adding a new Dock (The Name and the path for the control-panel.html file), I click APPLY but nothing happens.

1- Tried to check/uncheck 'enable browser source hardware Acceleration';
2 - The files are all present;
3 - If I open the path from dock path on browser, it works perfect. It even loads the css correct.
4 - If I go manually on View > docks > LowerThird. It opens a blank modal.

If I open the blank modal, right click > Code. I get this:

HTML: 
<!DOCTYPE html><html lang="en"><head>
        <!--Animated Lower Thirds v1.5-->
        <!--Author: NoeAL-->
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title>Lower Thirds Control Panel</title>
        <link rel="stylesheet" href="../common/css/style-control_panel.css">
        <script src="https://kit.fontawesome.com/a076d05399.js"></script>
        <script src="../common/js/jquery.js"></script>
        <script src="../common/js/jscolor.js"></script>
        <script src="../common/js/hotkeys.js"></script>
        <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script></head></html>



I'm using win10 and latest obs studio version.

Thanks!
 
NoeAL

NoeAL

Member
Joselito said:
Hi!

First of all, thank you so much for making and sharing thistool. It is really amazing!

Now, I have a problem and I hope you can help me.
I followed your guide, but I got stuck at thebegining. After adding a new Dock (The Name and the path for the control-panel.html file), I click APPLY but nothing happens.

1- Tried to check/uncheck 'enable browser source hardware Acceleration';
2 - The files are all present;
3 - If I open the path from dock path on browser, it works perfect. It even loads the css correct.
4 - If I go manually on View > docks > LowerThird. It opens a blank modal.

If I open the blank modal, right click > Code. I get this:

HTML: 
<!DOCTYPE html><html lang="en"><head>
        <!--Animated Lower Thirds v1.5-->
        <!--Author: NoeAL-->
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title>Lower Thirds Control Panel</title>
        <link rel="stylesheet" href="../common/css/style-control_panel.css">
        <script src="https://kit.fontawesome.com/a076d05399.js"></script>
        <script src="../common/js/jquery.js"></script>
        <script src="../common/js/jscolor.js"></script>
        <script src="../common/js/hotkeys.js"></script>
        <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script></head></html>



I'm using win10 and latest obs studio version.

Thanks!
Click to expand...
Hi! It's really weird, it doesn't seem to read the body of the HTML.
Try adding any other URL instead of the Control Panel, local and online. This way you will know if it is a problem with the tool or the OBS docks.
I hope you find a solution.
 
NoeAL

NoeAL

Member
Tormy said:
How can I update names and infos and how can I delete them?
Click to expand...

Hi! Thanks for your review!
Maybe this answer will help you:
NoeAL said:
It works correctly ... or rather, as I wrote it! Hehe
I think you are understanding it from another point of view.

When you click on an empty slot you copy the content of the fields (name and info) within it. When the slot has something saved, it will always load its content in the text fields when you click it.
If you want to save something new in an occupied slot, you must first empty it by holding the click until it flashes red.

To know what content you have loaded, the slots are marked in white when their content is the same as the name and info fields.

I hope this helps you!
Click to expand...
 
M

Medan825

New Member
Hi!
First of all, thank you for your works, it's so clean and smouth.
I have a problem with the images, it don't loads, I tried to upload custom images and still doing the same, shows the broken image icon, and I don't know how can I solve it.
Ty!
 
Tormy

Tormy

Member
Medan825 said:
Hi!
First of all, thank you for your works, it's so clean and smouth.
I have a problem with the images, it don't loads, I tried to upload custom images and still doing the same, shows the broken image icon, and I don't know how can I solve it.
Ty!
Click to expand...
you must put the logos into the logos folder.
The "load" function, serves only to get the logos up there.
Then in works 'cause the function needs the address and nothing else.
Yes, the labeling is a bit misleading, but his spanish video explained it very well
 
Egorovna

Egorovna

New Member
Tormy said:
There's already. Click on the small clock on the lower right corner of each section. And there is also one in the settings, common to all the sections.
Click to expand...
I was talking about the wrong function that is already there. I asked about the time before starting the whole sequence again.
1-2-3-pause-1-2-3-pause
 
N

Novgorod

New Member
xfrancesco said:
Is there a possibility to add a fifth lower third?
Click to expand...
As a workaround, you can consider running a second instance of Lower Thirds as described on page 7 (#131-132). It's a bit of tinkering but a lot less effort than customizing the original to have an additional panel with all the settings and variables.
 
K

Kwadwo

New Member
Congrats, NoeAL. Just signed up to thank you for this great and easy to use tool. Looking forward for more awesome features like different animation styles in your next update. Thank you again and congrats.
 
NoeAL

NoeAL

Member
Carlo Nogaroto said:
Hi , NoeAL

is it possible to make the background a fixed size, regardless of the text size?
Click to expand...
Hi Carlo! Yes, you can copy these lines at the end of style-source.css file:

.style-1.alt {width: 105%;}
.style-1.left {justify-content: left;}
.style-1.right {justify-content: right;}
.style-1 > .graph-2 {margin-left: -4em; margin-right: -4em;}

Hope it helps you!
 
You must log in or register to reply here.
Top