Skip to content

codigofalado/obs-countdown

Folders and files

NameName
Last commit message
Last commit date

Latest commit

1fe173b · Feb 14, 2024

History

28 Commits
Feb 4, 2021
Feb 14, 2024
May 3, 2020
May 17, 2020
May 3, 2020
May 3, 2020
Feb 5, 2021
Feb 5, 2021
May 3, 2020
May 3, 2020

Repository files navigation

Tela de Countdown para Streams

Este repositório contém a tela de countdown usada no canal do Código Falado

Tela de CountDown

Usando este Countdown

  1. Baixe o projeto.
  2. Troque a imagem de background por uma imagem do seu canal em src/assets/img/background.png.
  3. Customize o CSS em src/App.vue para deixar com a fonte do seu canal.
  4. Rode npm install para instalar as dependências.
  5. Rode npm run build para criar a pasta dist contendo o Countdown funcionando.
  6. Adicione a url http://localhost:5000 no OBS via Browser Source
  7. Você pode definir os minutos e o título da página através de query string na URL. Ex.: http://localhost:5000/?minutes=15&title=Meu+T%C3%ADtulo+De+Exemplo
  8. Altere o arquivo dist/data.json com o título / subtítulo / parágrafo da sua transmissão sempre que for começar uma nova Live.
  9. Rode npm run stream para iniciar um servidor local com o Countdown na porta 5000 sempre que for começar uma nova Live.

Customizando o Projeto

Setup

npm install

Compila com suporte a hot-reload para desenvolvimento

npm run serve

Compila e minifica para produção

npm run build

Inicia um servidor em localhost

npm run stream

Lint

npm run lint

Servidor externo (opcional)

Rode o comando abaixo e envie os arquivos da pasta /dist gerada para o seu servidor

npm run build

About

Tela de Countdown para Streams

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published