nicopace / obsOverlay

A websocket based overlay software for showing lower-thirds in Open Broadcaster Studio via webview.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

OBS Overlay Software

A websocket based overlay software for showing lower-thirds in Open Broadcaster Studio via webview.

Infographic on how to use this app

To Use

To clone and run this repository you'll need to run these commands from your command line:

# Clone this repository
git clone https://github.com/airbenich/multiviewTouchControl
# Go into the repository
cd obsOverlay
# Go into the application like: overlay-server
cd overlay-server
# Install dependencies
npm install
# Run the app
npm start 

Add overlay-screen to the OBS as Web View

Simply add overlay-screen/index.html as a new Source inside a Scene in OBS inside a Web View / Browser. Make shure to add the following CSS into the Custom CSS Style of this source to get transparency.

body { background-color: rgba(0, 0, 0, 0); margin: 0px auto; overflow: hidden; background-image:none;}

License

GPL 3.0 (General Public Licence)

About

A websocket based overlay software for showing lower-thirds in Open Broadcaster Studio via webview.

License:GNU General Public License v3.0


Languages

Language:JavaScript 98.4%Language:HTML 1.1%Language:CSS 0.3%Language:Dockerfile 0.1%