Coder Social home page Coder Social logo

rektdrones / obslivetally Goto Github PK

View Code? Open in Web Editor NEW

This project forked from lebaston100/obslivetally

0.0 1.0 0.0 24 KB

Display the stream status or tally information for a scene on any device in the network,

Home Page: https://lebaston100.github.io/OBSliveTally/OBSliveTally.html

License: MIT License

HTML 100.00%

obslivetally's Introduction

OBSliveTally

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

This is how the tally part could be used

Image

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 authentification" is unchecked

  • Download this repository and unpack or clone it

  • The only file you need is the OBSliveTally.html

By default it is setup to connect to the IP of the machine you run it on. You can change that by editing the IP address and/or the port in line 8. 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.

The newest version is always hosted here thanks to github pages.

General Usage

  • Open the OBSliveTally.html in a web browser (On a pc, laptop, tablet, smartphone)
  • 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 to Server" 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 white 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 containes 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.

If you find any bugs, please report them as a Github Issue or join my Discord Server

Tested on/with:

  • Win 10 1909
  • obs-studio 25.0.4 (use obs >= 25 if you use studio mode and want everything to work properly)
  • obs-websocket 4.7.0

Thanks

Thanks to alexdean for refactoring it and fixing a few state bug's that came up.

obslivetally's People

Contributors

lebaston100 avatar alexdean avatar

Watchers

James Cloos avatar

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.