Skip to content

Latest commit

 

History

History
43 lines (30 loc) · 1.23 KB

README.md

File metadata and controls

43 lines (30 loc) · 1.23 KB

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. 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