Adding OpenLP lyrics & controller to OBS

If you use OpenLP and OBS, you can add a fantastic CONTROLLER and LYRICS as lower thirds, without using greenscreening. This means you can control OpenLP directly within OBS.

Additional tips:
◼ The browser source will always show the lyrics. To hide the lyrics you either need to create another scene without the browser source, or just click the 👁️ button to hide the layer.
◼ If you're only using OpenLP to show lyrics in OBS (and not onto a second screen), in the OpenLP browser dock, blue bottom panel, press the blue button labelled "Desktop" to hide it.

URLs for local usage:
◼ OpenLP Custom Browser Dock: http://127.0.0.1:4316/#service-manager
◼ Lower Thirds Browser Source: http://127.0.0.1:4316/stage/lowerthird

Make sure you don't add a "/" at the end! If you do, it'll permanently break the browser. To fix this, clear the browser cache. In OBS, just delete the files here: \OBSPortable\Data\config\obs-studio\plugin_config\obs-browser\ or %appdata%\obs-studio\plugin_config\obs-browser

For the stages, please see https://drive.google.com/file/d/1snJP...

The original stages files are from the fantastic tutorial here:    • OBS - Open LP - Revised Stage Views!  

NOTE: These stages don't work with OpenLPv3 right now.

If you want to shrink the controller a little bit, then open PortableApps\OpenLP\App\OpenLP\plugins\remotes\html\index.html, and just before ˂/head˃ add the line
˂style˃ body {zoom:0.8;} ˂/style˃
(make sure you change the ˂˃ to real "less than" and "greater than" signs - YouTube won't let me post real ones)

Edit: If you would like a portable version of OpenLP and OBS already integrated, see this following website: https://sites.google.com/site/anvilso...

Edit: Google has flagged these files as violations for some reason - not sure why. O well, nothing much I can do about it.