OBS and OpenLP (but I assume, you already have those, otherwise you wouldn’t be here)
the OBS Websocket Plugin
the OBS Custom Stage View (attached to this post)<br>
<h1>How to install the files</h1><h2>OBS Websocket Plugin</h2>
Just follow the instructions on the GitHub, specifically on the Releases page. (Search for “Install instructions”.)
<h2>OBS Custom Stage View</h2>
Create a custom stage view named “obs”, as described in the OpenLP manual. Put the files attached to this post (“stage.css”, “stage.html” and “stage.js”) inside of the folder.<br>
Download the file “obs-websocket.js” from the GitHub – just look for the link “Download”. Put this file in the custom stage folder, too. Your OpenLP data folder should look something like this:
<img alt="" src="https://forums.openlp.org/uploads/editor/l3/mh1q2xgqe0fw.png" width="434" height="390"><br>
<h1>How to setup OpenLP</h1>
To activate the “Remote” plugin in OpenLP, check the OpenLP manual. To see, if it worked, open a service and put a song into Live Mode. Now try the default stage view at http://localhost:4316/stage. It should look like the one in the manual.
Then, check the custom stage view we just installed. It is located at http://localhost:4316/stage/obs. It should look like this, a large white background with the lyrics at the bottom:
<img alt="" src="https://forums.openlp.org/uploads/editor/pi/y12ot4aef87r.png" title="Image: https://forums.openlp.org/uploads/editor/pi/y12ot4aef87r.png" width="543" height="408"><br>
<h1>How to setup OBS<br></h1><h2>Activate WebSocket</h2>
<h2>Create a scene</h2>
You will probably have an OBS scene where the lyrics are displayed. For the OpenLP control to work, you have to have such a scene. Inside of it, you need to create a “Browser” item. Here are the settings for this item (they are in German, but you’ll probably get it anyway):<br>
<img alt="" src="https://forums.openlp.org/uploads/editor/qy/5z7ft44xadxm.png" width="543" height="804"><br>
Local file: It’s not a local file.
URL: the same we had tested earlier
Width/Height: Just put in the dimensions you’re streaming in.
User defined FPS: yes
Reroute audio: There’s no audio.
User defined CSS: Delete everything here, we’re taking care of that ourselves.
Refresh browser when scene gets active: Actually, I’m not sure about this one. I figured it’s probably good to have the browser refresh itself every now and then.
<h1>Try it out!</h1>
In theory it should already work. If you go to OpenLP and add to your service an item called, e.g. “scenechange:altar”, then the moment you activate it, OBS should switch to the scene called “altar”.
Well, this thing is getting rather long, so I will have to put the explanation of all this below.<br>