In live broadcasts using OBS, adding captions to the screen makes it easier for viewers to understand the information being conveyed.<\/p>\n\n\n\n
By displaying event information or key points in text, you can create a more approachable broadcast.<\/p>\n\n\n\n
This article explains the basics of adding captions in OBS, how to change text color and background, and how to make text scroll during your live broadcast.<\/p>\n\n\n\n
The content is easy to understand even for beginners, so if you want to enhance your broadcast quality, try adding captions by following these guidelines.<\/p>\n\n\n\n
To display captions in OBS, it’s essential to understand the basic settings.<\/p>\n\n\n\n
Start by checking how to display horizontal and vertical captions, and experiment with designs and placements that fit your broadcast.<\/p>\n\n\n\n
1. Add a new text source
Click the “+” icon in “Sources” and select “Text (GDI+).” <\/p>\n\n\n\n
2. Enter text content
When the text properties window opens, enter the text you want to display in the “Text” field. Choose language that aligns with your broadcast’s purpose, like “Now Broadcasting!” or “Next Topic Here.”<\/p>\n\n\n\n
3. Adjust font and color settings
Click the “Select Font” button to change the font style and size. It’s recommended to choose bold fonts or text colors that stand out against the broadcast background to improve visibility.<\/p>\n\n\n\n
4. Drag the text to the appropriate position<\/p>\n\n\n\n
1. Output “Text (GDI+)” (same as for horizontal captions)<\/p>\n\n\n\n
2. Enable vertical settings
Check the “Vertical” option in the properties window to display the text vertically.<\/p>\n\n\n\n
3. Adjust font and size
Select a font suitable for vertical writing from “Select Font.”<\/p>\n\n\n\n
4. Adjust position and balance<\/p>\n\n\n\n
1. Open text properties
After inserting the caption, right-click the corresponding text source and select “Properties.”<\/p>\n\n\n\n
2. Change text color
Click “Select Color” within the properties. The color picker will appear, so choose your preferred color and click “OK.”<\/p>\n\n\n\n
3. Adjust opacity
If you want the text to be slightly transparent, adjust the “Opacity” setting. This might be useful when you want to slightly reveal the background video or make the caption less conspicuous.<\/p>\n\n\n\n
4. Set gradient
You can also apply a gradient to the text using two or more colors. Check “Gradient” and set the second color via “Select Color.”<\/p>\n\n\n\n
5. Confirm in preview
Once the color settings are complete, click “OK” to preview the changes.<\/p>\n\n\n\n
You can create a cohesive design on the screen by adjusting the background color and opacity.<\/p>\n\n\n\n
There are two methods to do this: using “Properties” or “Color Source.” Try the method that suits you best.<\/p>\n\n\n\n
Adding a background from “Properties” is recommended for those looking to quickly complete the setup. However, with this method, the background will only appear within the text range.<\/p>\n\n\n\n
If you want to add motion to the caption, refer to the “Method to Add Background from Color Source” described later.<\/p>\n\n\n\n
1. Open the text properties
Right-click the caption text in the “Sources” section of OBS and select “Properties.”<\/p>\n\n\n\n
2. Set the background color
Click “Select Color” in the “Background Color” field within the properties. The color picker will appear, so choose a color that matches your broadcast and click “OK.”<\/p>\n\n\n\n
3. Adjust opacity
By default, the opacity is set to 0%, so the background does not appear. Adjust the “Background Opacity” slider to your preferred level of transparency. For full display, set it to 100%; for slight transparency, set it around 50%.<\/p>\n\n\n\n
If you want to create a background that covers the entire caption with margin or add motion to the caption, using “Color Source” is recommended.<\/p>\n\n\n\n
Follow these steps to set it up.<\/p>\n\n\n\n
1. Add a color source
Click “Sources” \u21d2 “+” \u21d2 “Color Source” in OBS and enter a name recognizable as a background.<\/p>\n\n\n\n
2. Set the background color
Click “Select Color,” choose the color you want for the background, and click “OK.”<\/p>\n\n\n\n
3. Adjust the arrangement
By default, the color source is displayed above the text, so click and drag the color source to move it below the text in the “Source” list.<\/p>\n\n\n\n
4. Adjust the size
You can freely adjust the size of the color source. By holding down the Shift key while dragging the resize handles, you can change the shape without maintaining the aspect ratio. Adjust it to perfectly fit the text range of the caption.<\/p>\n\n\n\n
5. Set opacity (if necessary)
If you want to adjust the background opacity, right-click the color source and go to “Filter” \u21d2 “+” \u21d2 “Color Correction,” then adjust the opacity slider.<\/p>\n\n\n\n
6. Final check
Once you’ve completed the settings, check in the preview. Ensure that the size and color of the background harmonize with the caption and the entire screen, and make any necessary fine adjustments.<\/p>\n\n\n\n
If you want to make captions stand out in OBS, adding an outline setting is recommended. By making the text edges more prominent and distinct from the background, it becomes easier for the audience to understand.<\/p>\n\n\n\n
1. Open text properties
Right-click the target text and open “Properties.”<\/p>\n\n\n\n
2. Enable outline settings
Check “Outline” at the bottom of the property window to display a faint outline around the text.<\/p>\n\n\n\n
3. Fine-tune the outline
Adjust color, size, and opacity (50-80) to create your preferred outline design.<\/p>\n\n\n\n
4. Check with preview<\/p>\n\n\n\n
1. Select the text source
Right-click the caption text you want to scroll in the “Sources” section of OBS and select “Filter.”<\/p>\n\n\n\n
2. Add the scroll filter
Click the “+” in the lower left corner of the screen and select “Scroll” from the list. In the filter name setup screen that follows, don’t change the name and click “OK.”<\/p>\n\n\n\n
3. Adjust horizontal and vertical scroll
Set the caption movement by adjusting the following items.<\/p>\n\n\n\n
4. Restrict width and height (optional)
Check “Limit width” or “Limit height” as needed. When checked, input fields will appear, allowing you to customize freely.<\/p>\n\n\n\n
5. Check speed and range
Once set, review the scroll speed and range in the preview screen. For long text, it\u2019s best to set a slow speed so the text remains legible.<\/p>\n\n\n\n
By utilizing external tools, you can configure captions that are compatible with video services such as YouTube LIVE, Niconico, and TwiCast.<\/p>\n\n\n\n
Here’s how to prepare and set it up.<\/p>\n\n\n\n
To stream captions in real-time, an external tool compatible with OBS is required.<\/p>\n\n\n\n
We recommend “Yukari Net Connector NEO.” Follow these guidelines to proceed with the download.<\/p>\n\n\n\n
1. Open the official site<\/a> and download the “stable version.”<\/p>\n\n\n\n 2. Extract the downloaded file and run the executable file.<\/p>\n\n\n\n 3. Upon completion of installation, launch the tool and you’re ready.<\/p>\n\n\n\n To connect OBS with external tools, you need to enable “WebSocket Settings.”<\/p>\n\n\n\n Configure it using the following steps.<\/p>\n\n\n\n 1. Display the settings screen 2. Enable WebSocket 3. Check port and password 4. Apply and allow 1. Add a text source 2. Set name and design 3. Final check Next, proceed with the setup of “Yukari Net Connector NEO.”<\/p>\n\n\n\n 1. Set basic information 2. Configure the voice recognition system 3. Select the plugin * If the version differs, download the latest version<\/p>\n\n\n\n 1. Launch OBS and the tool 2. Set WebSocket connection 3. Confirm connection 4. Match subtitle source name 5. Check voice recognitionEnable “WebSocket Settings”<\/h3>\n\n\n\n
Open OBS and click “WebSocket Server Settings” from “Tools.”<\/p>\n\n\n\n
Check “Enable WebSocket Server” in the displayed settings screen to allow OBS to communicate with external tools.<\/p>\n\n\n\n
The default “Server Port” and “Password” settings can be used as they are. Click “Show connection information” if needed to confirm.<\/p>\n\n\n\n
After configuration, click “Apply.” If the connection is blocked by a firewall or security software, allow access.<\/p>\n\n\n\nAdd “Text (GDI+)”<\/h3>\n\n\n\n
In the “Sources” section of OBS, click “+” and select “Text (GDI+).” <\/p>\n\n\n\n
Choose a recognizable source name like “Real-Time Captions” and customize the font and text size.<\/p>\n\n\n\n
After setting, check if the text is correctly displayed on the screen.<\/p>\n\n\n\nInitial Setup of External Tools<\/h3>\n\n\n\n
Launch the tool to display “Common Settings.” Open the dropdown menu under “Your Language & Name” and enter the name you will use during the broadcast. Register a broadcaster name or pen name for clarity.<\/p>\n\n\n\n
Next, check the dropdown menu for “Voice Recognition System.” If the plugin used for captions is already enabled, no further settings are required. Simply check “Offline Recognition” to prepare the external tool for accurate voice processing.<\/p>\n\n\n\n
Scroll down to open the “Plugin List”. To link with OBS, select “OBS WebSocket5 Integration,” then close the screen without making any changes.<\/p>\n\n\n\nConnect External Tools to OBS<\/h3>\n\n\n\n
First, launch both OBS and “Yukari Net Connector NEO.” In OBS, display “WebSocket Connection Information” and note down the necessary details.<\/p>\n\n\n\n
Select “OBS WebSocket5 Integration” in the external tool’s settings screen, and click the “Settings” button. When the setup screen appears, enter the connection information you noted from OBS.<\/p>\n\n\n\n
After entering the information, click the “Connect to OBS” button. If “Connected” is displayed, the connection was successful. If not, verify the information for any errors.<\/p>\n\n\n\n
Ensure the text source name set in OBS matches the send destination name in “Yukari Net Connector NEO.”<\/p>\n\n\n\n
Open the “Voice Recognition Screen” in “Yukari Net Connector NEO” and configure the microphone settings. Press the “Start” button to initiate voice recognition and verify if captions are displayed in OBS.<\/p>\n\n\n\n