Skip to content

spacenomads/Streaming-progresss-bar

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Streaming progress bar

Esto es una barra de progreso con una cuenta atrás personalizable para incluir como fuente en OBS.

Para el diseño de mi temporada 4 de Maquetando con Chuck! quiero una cuenta atrás para el inicio del streaming y para las pausas.

Barra de progreso para el inicio del directo

Barra de progreso para los descansos

El primer impulso fue hacerlo en vídeo, pero hacer la pieza en HTML/CSS/JS me permite personalizar el temporizador usando queryparams, como un señor.

Por defecto hay dos temas y dos cuentas atras, de 5 minutos y de 2 minutos.

El tema se configura con el parámetro coffee, y la duración pasándole los segunods al parámetro duration.

Parámetro Uso
coffee coffee=true
duration duration=30s

Ejemplos

:)