Bible Plugin

for OBS Studio

Overview

For information on what features this version includes and how it differs from other versions, please see the Get Started page and this FAQ question.

For the free online version, you only have to add two links to OBS Studio to get started. You don't need to download or install anything!

If you already know how to setup Custom Browser Docks and Browser Sources in OBS Studio, scroll down to the Dock and Browser Links section to see what links you need to copy. For everyone else, read on!

When you're ready, open OBS Studio and read on to begin.

System Requirements

  • OBS Studio 27.1.1+
  • Windows, Linux, or Mac

Please note that the online version is continually updated, and the system requirements are subject to change without notice. To be on the safe side, please continue to update OBS Studio to the latest version and check our social media accounts for news and updates.

Adding the Browser Source

1. Adding a Browser Source
1. Click Add in the OBS Studio Sources List.
2. Choosing the Browser Option
2. Choose the Browser option.
3. Creating a New Browser Source
3. Create a new source (named Bible in the example).
4. The New Browser Source Dialog
4. The Browser Source dialog window should appear.
The URL is set to https://firstfruitsstudio.com/obs-bible/browser/
5. Set the URL to
The width is set to 1920 and the height is set to 300.
6. Set the width and height to your preferences.
The cursor is hovered over the 'OK' button.
7. Leave the other settings as is and click OK.
9. Red Rectangle
8. You should see a red rectangle on the screen with nothing inside. This is where Bible verses will be displayed.
10. Setting the Browser Source Location
9. If you like, you can drag the red rectangle to a location of your preference.
11. Readjusting the Width / Height
10. If the width/height is not to your liking, you can right-click the Bible browser source, click on Properties, and change them. Browser source setup is now complete.

Adding the Dock

1. Adding a Custom Browser Dock
1. In the menu bar, click ViewDocksCustom Browser Docks…
2. Setting a Dock Name
2. A dialog window should appear. Enter a Dock Name. We recommend Bible or Bible Dock to keep things simple.
In the same dialog window, Dock Name is filled with 'Bible' and URL is filled with 'https://firstfruitsstudio.com/obs-bible/dock/'
3. Under Dock URL, enter and click Apply.
4. Applying Changes
4. The dock should appear, allowing you to easily control the verses displayed on the Browser source.
The Custom Browser Docks dialog is in focus.
5. Close the Custom Browser Docks… dialog.
6. Setting the Dock Location
6. Drag and drop the dock at a location of your choice. The left or right sides of OBS Studio are good options.
7. Resizing the Dock
7. If the dock is too narrow or wide, resize it by dragging its side. Dock setup is now complete.

Usage

You are now ready to use the plugin! Choose a Bible, enter a reference, and hit Submit. Click on any resulting verse and it should show up automatically on the browser source. Click it again to hide.

If you have any further questions, please refer to our guides or send us a message on our contact page.