Resource icon

Free Animated lower thirds with control panel 2020-04-12

Download
Overview Reviews (21) History Discussion
JrBK said:
Is there a way to make an image appear instead of the text? I have full screen images that already exist and want to use them. I have removed the logo and replaced the names with the name I will use but would like to use an image instead of the names.

Thank you in advance.
Click to expand...
Have you tried to change de default logo using one of your images?
 
JrBK said:
Is there a way to make an image appear instead of the text? I have full screen images that already exist and want to use them. I have removed the logo and replaced the names with the name I will use but would like to use an image instead of the names.

Thank you in advance.
Click to expand...
Navvegc.gif


NEW VERSION

I have plans to upload images and the possibility for anyone to upload their template
 
Yes can send to me your images ? posso carregar no sistema


[QUOTE = "JrBK, postagem: 463451, membro: 256659"]
Existe uma maneira de fazer uma imagem aparecer em vez do texto? Eu tenho imagens em tela cheia que já existem e quero usá-las. Eu removi o logotipo e substitui os nomes pelo nome que usarei, mas gostaria de usar uma imagem em vez dos nomes.

Agradeço antecipadamente.
[/ CITAR]
O que outras pessoas estão dizendo
O que outras pessoas estão dizendo
 
[QUOTE = "JrBK, postagem: 463451, membro: 256659"]
Existe uma maneira de fazer uma imagem aparecer em vez do texto? Eu tenho imagens em tela cheia que já existem e quero usá-las. Eu removi o logotipo e substitui os nomes pelo nome que usarei, mas gostaria de usar uma imagem em vez dos nomes.

Agradeço antecipadamente.
[/CITAR]
contato@navve.co
 
Hey All! I am Robert and new to this forum and OBS! It is a great tool I am using to help other local churches stream in a better way. I have a question. I have a mac I'm using how do I go about setting this up in OBS. I'm not familiar with the way you are saying to set it up. Could you please help me with instructions on how to do so? That would really help me
 
Luis Mario said:
I´m having problems with browser source, not only using that plugin, everytime thah I try to use it never works, I only see a black screen. When I add a browser source don´t show me nothing. What can be wrong?
Click to expand...

Disable "Browser SourceHardware Acceleration" in OBS
1591866866663.png
 
So I'm having an issue with the Lower Third sliding out. I have slowed the transition to 1 second and it worked for when it slides in but now when it slides out the name cuts out and only the logo slides back out. Does any one have any guidance on this? Am I on the right track and what would I need to modify to get this to slide in and out correctly?
 

Attachments

  • Example Slide.gif
    Example Slide.gif
    194.3 KB · Views: 167
  • Transition Setting.jpg
    Transition Setting.jpg
    833 KB · Views: 239
skinnyhunt05 said:
So I'm having an issue with the Lower Third sliding out. I have slowed the transition to 1 second and it worked for when it slides in but now when it slides out the name cuts out and only the logo slides back out. Does any one have any guidance on this? Am I on the right track and what would I need to modify to get this to slide in and out correctly?
Click to expand...

Slowed down the gif so it could show the issue better. Any help is welcome
 

Attachments

  • Example Slide 2.gif
    Example Slide 2.gif
    705.8 KB · Views: 227
I am new to css and i am wondering if there is anyway to fix the name, function, show, and hide button, So they are seen as the list scrolls?
 
skinnyhunt05 said:
So I'm having an issue with the Lower Third sliding out. I have slowed the transition to 1 second and it worked for when it slides in but now when it slides out the name cuts out and only the logo slides back out. Does any one have any guidance on this? Am I on the right track and what would I need to modify to get this to slide in and out correctly?
Click to expand...

This is because in the JavaScript code, the AnimateOut function clears the text fields. I modified mine and removed that code.

This plugin is fantastic if you understand HTML, CSS, and JavaScript. But if you don't, it's probably the wrong tool to use.
 
lajambe said:
This is absolutely fantastic. Thanks you so much for the tip. I'm very new to html, and I have a follow-up question. How can I change the colors in the lower third text to a bright white (#FFFFFF). If someone could point me in the right direction, this rookie would greatly appreciate it. Cheers.
Click to expand...
in the / common directory open the / css directory.
Inside the / css directory open in a text editor (notepad for example) open the file style-001.css.
Search for the lines in the attached image.
 

Attachments

  • Capturar.JPG
    Capturar.JPG
    43.4 KB · Views: 171
silvamichael said:
first of all, I would like to say thanks to the maker of this script. I would like to share my obs-lower-thirds setup using this script! I change the codes to have additional inputs for up to 6 persons.
Click to expand...
Wouldn't it be more practical if the listing was in a .csv and the line was chosen at the click of a button? Just a suggestion. If possible, release the code. Hugs.
 
silvamichael said:
Hello, the problem on our end is that people sometimes dropped by on the middle of the broadcast. if that's the case we need to reload the source file of the controller, hence needed extra technical process to do it. With this case, we just type the information directly.

attached is the files that i've used.

my controller is "control-panel-MultiInput.html" and by obs output file is "browser-source - BK.html"

Regards...
Click to expand...
Thank you. I am seeing ways to put 4 lines and thus be able to use comments from youtube or facebook.
I'm still having some difficulty.
 
Claudio Nunes said:
Thank you. I am seeing ways to put 4 lines and thus be able to use comments from youtube or facebook.
I'm still having some difficulty.
Click to expand...

How are you planning on getting the comments from YouTube or Facebook?
For YouTube you can simply use the "browser source" to display YouTube comments (get the live chat URL), Facebook comments is a different beast.
 
from1975 said:
from1975 submitted a new resource:

Animated lower thirds with control panel - Lower thirds on the fly. Completely free!



Read more about this resource...
Click to expand...

You can edit predefined values in "control-panel.html" file. Also you can change the logo. Basically, you can change everything, cause it's just a bunch of CSS lines :) <---- Can someone explain how you can make all those changes that from1975 says please? / Alguien puede explicar como se puede hacer todos esos cambios que dice from1975 porfavor?
 
You must log in or register to reply here.
Back
Top