Animated-Lower-Thirds

KO | EN

gitlite — search

#python #hacktoberfest #react #typescript #llm #go #android #linux #docker #kubernetes #awesome-list #pytorch #mcp #openai

Animated-Lower-Thirds

(★ 130)

Animated Lower Thirds with dockable Control Panel - OBS Tool

File Explorer

Download Latest Version (.zip)

- - bug_report.md
  - feature_request.md
- - cp-icons.css
  - style-control_panel.css
  - style-source.css
- - hotkeys.js
  - jquery-ui.js
  - jquery.js
  - jscolor.js
- logo_1.png
- logo_2.png
- logo_3.png
- logo_4.png
- browser-source.html
- control-panel.html
- lower-thirds_hotkeys.lua
.gitignore
CODE_OF_CONDUCT.md
LICENSE
README.md

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 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/).

![Lower Thirds Screenshot](https://obsproject.com/forum/attachments/screen-jpg.61515/)

### Features
- Include dynamic content to streaming app with browser support (like OBS)
- 4 differents Lower Thirds at 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

### Requiriments 
Unfortunately, OBS doesn't support browser panels on MacOs. It only works on Windows, but can be used on Linux using the snap installation of OBS (More info [here](https://obsproject.com/forum/threads/installation-from-snap-26-1-2-35-gbb6b1e53f-with-most-of-the-plugins-and-features.137672/))

## Usage 
See previus features: https://youtu.be/cQ0_1GwpwB0

## Support
You can find all videotutorials on this [Youtube Channel](https://www.youtube.com/channel/UCUYiOIl-DHn8B1eRzUfDyyw)

## Translations

[Portugues (Brasil)](https://github.com/eudanielhenrique/Animated-Lower-Thirds/tree/tradu%C3%A7%C3%A3o-pt-br)</br>
[Inglês](https://github.com/noeal-dac/Animated-Lower-Thirds)

## 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](https://paypal.me/noealdac). Any donations are greatly appreciated.

## License
The Animated Lower Thirds source code is made available under the [MIT license](https://github.com/noeal-dac/Animated-Lower-Thrids/blob/master/LICENSE).

Animated-Lower-Thirds

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

Animated-Lower-Thirds

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

Download README