GithubHelp home page GithubHelp logo

jcoconnor / obs-websocket-tally-light Goto Github PK

View Code? Open in Web Editor NEW

This project forked from aloproducao/obs-websocket-tally-light

0.0 0.0 0.0 242 KB

Home Page: https://heweldesign.github.io/OBS-Websocket-Tally-Light/

License: MIT License

HTML 93.57% CSS 6.43%

obs-websocket-tally-light's Introduction

OBS-Websocket-Tally-Light-Alpha-1.2

This small "webpage" connects to any OBS instance on the local network and displays either the stream status (live/offline) or tally information for different scenes or sources(on air/in preview/neither).

Setup

There is not that much to set up:

  • Install the awesome obs-websocket plugin by Palakis (Version >= 4.7.0)

  • Open the "Tools" menu and select "websocket server settings"

  • Make sure that "Enable Websocket server" is checked, "Server Port" is 4444 and "Enable authentication" is unchecked

  • Download this repository and unpack or clone it

    |α 1.3 | Download MediFire | Download Google Drive | Download GitHub |

    |α 1.2 | Download MediFire | Download Google Drive | Download GitHub |

    |α 1.1 | Download MediFire | Download Google Drive | Download GitHub |

    |α 1.0 | Download MediFire | Download Google Drive | Download GitHub |

    By default it is setup to connect to the IP of the machine you run it on(127.0.0.1). You can change that default start value by editing the IP address and/or the port in line 85 (Pages/Tally.html). You can also change the scriptlink in (Links/ScriptLink.html).You can open the file directly with a webbrowser or use a simple webserver somewhere on the network to serv it to local clients. This tool does NOT need an any internet connection to work.

Features

  • OBS-Websockt plugin
  • Script funtion
  • Digital clock
  • Online offline tally
  • Livestream Viewer (in progress)

General Usage

  • Open the Index.html in a web browser (On a pc, laptop, tablet, smartphone)
  • Press the "Tally" button
  • You can change the ip here to the address of your obs machine. If you edited it in the file as mentioned above it will show up here already filled in.
  • Click on the "Connect Websocket" button
  • If the connection to the obs machine was successful, a list of buttons will show up with all your scenes and sources from obs and another button on top called "Stream Status"

Show Stream Status

  • Click the "Stream Status" button
  • That's it. It will show OFFLINE and a black background if you're not streaming and LIVE with a red background when the stream is live

Show Scene Tally

  • Click on the scene name you want that are listed under "Scenes"
  • It will show the name of the scene on top of the page.
  • If the scene is neither in preview or program, the background will be black
  • If the scene is in preview, the background will be green
  • If the scene is in program, the background will be red
  • If a transition (like a fade) is started where the destination scene is the scene you selected, then it will light up red
  • If studio mode is disabled there will be only a red and black display, no green

Show Source Tally

You can also show the tally status for individual sources. Every scene that contains that source will be handled like described in Show Scene Tally above. The page will update the scenes every 30 seconds in case you add the source to a new scenes after starting the tally. But i recommend to reload the page.

obs-websocket-tally-light's People

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.