Skip to content

On screen graphic and text overlays for live streaming

Notifications You must be signed in to change notification settings

davidfurey/gato

Repository files navigation

GATO

On screen graphic and text overlays for live streaming

Dev setup

  • npm install
  • npm run watch:server
  • npm run watch:client

Packaging

Run npm run package to create a Debian package

Usage

Navigate to http://localhost:8080/manage.html in your web browser to get started with GATO. When running in production, additional configuration is necessary, and the port is 3040.

Your streaming software (e.g. OBS) should be configured with a browser source pointing at http://localhost:8080/viewer.html?display=Overlay on top of any scenes that you wish to overlay banners. You should create an an extra scene with a browser source pointing at http://localhost:8080/viewer.html?display=Picture%20Box, this can be used for images/slides that you want to broadcast that are not intended to overlay other sources.

Screenshots

Interface to control graphics during a live event

control-event

Interface to manage events before the live event

Editing an event

edit-event

Editing a component

edit-component

Interface to configure how components look

edit-style

About

On screen graphic and text overlays for live streaming

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages