https://github.com/codigofalado/obs-countdown

Tela de Countdown para Streams
https://github.com/codigofalado/obs-countdown

hacktoberfest

Last synced: 13 days ago
JSON representation

Tela de Countdown para Streams

• Host: GitHub
• URL: https://github.com/codigofalado/obs-countdown
• Owner: codigofalado
• Created: 2020-05-03T04:47:37.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2024-02-14T18:24:40.000Z (9 months ago)
• Last Synced: 2024-08-01T22:58:37.955Z (3 months ago)
• Topics: hacktoberfest
• Language: Vue
• Homepage:
• Size: 3.27 MB
• Stars: 24
• Watchers: 3
• Forks: 7
• Open Issues: 25
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Tela de Countdown para Streams

Este repositório contém a tela de countdown usada no canal do [Código Falado](https://www.twitch.tv/codigofalado)

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

```bash

npm run build

```