OnTheAir CG - Lower Thirds Control

Description

This project provides a user interface to manage lower thirds in a broadcast setting, integrating with the OnTheAir CG system. The user can add content, associate projects, and control lower thirds (e.g., start, pause, stop, and remove) from the web interface. This project is built using HTML, CSS, and JavaScript, storing the state in the browser's local storage for persistence.

Features

• Add Content: Allows users to add content to be displayed as lower thirds.
• Project Management: Each content can have associated projects, and users can control them.
• Control Lower Thirds: Users can control the state of the lower thirds (start, pause, stop, and remove).
• Persistent State: The state of the content and projects is saved in local storage to persist across page reloads.

Setup

1. Clone this repository:

   git clone https://github.com/yourusername/OnTheAir-CG-LowerThirds-Control.git

2. Open the index.html file in your browser.

3. Edit the styles.css and script.js files as needed.

Usage

1. Add New Content: Enter a title for your content and click "Add Content."
2. Add Projects to Content: After adding content, you can add projects to it using the dropdown.
3. Control Lower Thirds: For each project, you can start, pause, stop, or remove it from the list.

Local Storage

The state of the application (contents and associated projects) is saved to localStorage so that when you reload the page, your data is preserved.

Technologies Used

• HTML
• CSS
• JavaScript

License

This project is licensed under the MIT License.

---

OnTheAir CG - Controle de Lower Thirds

Descrição

Este projeto fornece uma interface para gerenciar lower thirds em um ambiente de transmissão, integrando com o sistema OnTheAir CG. O usuário pode adicionar conteúdos, associar projetos e controlar os lower thirds (ex: iniciar, pausar, parar e remover) pela interface web. Este projeto foi desenvolvido utilizando HTML, CSS e JavaScript, e armazena o estado no armazenamento local do navegador para persistência.

Funcionalidades

• Adicionar Conteúdo: Permite aos usuários adicionar conteúdo para exibição como lower thirds.
• Gerenciamento de Projetos: Cada conteúdo pode ter projetos associados, e os usuários podem controlá-los.
• Controle de Lower Thirds: Os usuários podem controlar o estado dos lower thirds (iniciar, pausar, parar e remover).
• Estado Persistente: O estado dos conteúdos e projetos é salvo no armazenamento local para persistir entre recarregamentos da página.

Configuração

1. Clone este repositório:

   git clone https://github.com/yourusername/OnTheAir-CG-LowerThirds-Control.git

2. Abra o arquivo index.html no seu navegador.

3. Edite os arquivos styles.css e script.js conforme necessário.

Uso

1. Adicionar Novo Conteúdo: Insira um título para o seu conteúdo e clique em "Adicionar Conteúdo".
2. Adicionar Projetos ao Conteúdo: Após adicionar o conteúdo, você pode adicionar projetos a ele usando o dropdown.
3. Controlar Lower Thirds: Para cada projeto, você pode iniciar, pausar, parar ou removê-lo da lista.

Armazenamento Local

O estado da aplicação (conteúdos e projetos associados) é salvo no localStorage para que, ao recarregar a página, seus dados sejam preservados.

Tecnologias Usadas

• HTML
• CSS
• JavaScript

Licença

Este projeto é licenciado sob a Licença MIT.