Skip to content

kammradt-archives/obs-countdown

 
 

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][screenshot.png]

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. Acesse a pasta dist através do seu navegador.
  7. Você pode definir os minutos e o título da página através de query string na URL. Ex.: https://codigofalado.test/dist?minutes=15&title=Meu+T%C3%ADtulo+De+Exemplo
  8. Altere o arquivo public/data.json com o título / subtítulo / parágrafo da sua transmissão sempre que for começar uma nova Live.
  9. Adicione o caminho para o /dist/index.html?minutes=15&title=Meu+T%C3%ADtulo+De+Exemplo no OBS via Browser Source

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

Lint

npm run lint

About

Tela de Countdown para Streams

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Vue 72.0%
  • HTML 24.5%
  • JavaScript 3.5%