You will need:
How to install the files
OBS Websocket Plugin
Just follow the instructions on the GitHub, specifically on the Releases page.
(Search for “Install instructions”.)
OBS Custom Stage View
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.
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:
How to setup OpenLP
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:
How to setup OBS
Create a scene
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):
- 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.
Try it out!
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.