Step 1: Start Web Captioner
Open a new tab in Google Chrome and go to https://webcaptioner.com/captioner. Click Start Captioning in the corner.
Captions will appear on the page when you speak.
By default, Web Captioner will listen to the default microphone on your computer, but you can make it listen to a different microphone.
Step 2: Open a new Web Captioner window
Open the menu in the bottom right and select New Window. Resize the new window so that it's always visible somewhere on your screen and it won't be covered by another program.
An extra monitor might make this easier
XSplit Broadcaster might not capture the window properly if it gets covered by another program. If you use more than one display, you might want to move the window off to your secondary display.
Step 3: Add Web Captioner as a source in XSplit Broadcaster
Go to Add Source > Screen Capture > Window Capture and select "Captions (Windowed) - Google Chrome". Rename the source something descriptive like "Captions".
If the Google Chrome window you're capturing appears black in XSplit Broadcaster, you might need to temporarily disable hardware acceleration in Google Chrome in order to allow XSplit Broadcaster to capture the window. Open Chrome settings, search for "hardware acceleration," disable the "Use hardware acceleration when available" setting, and then relaunch Chrome.
Step 4: Crop and position the caption source in XSplit Broadcaster
Select the caption source in XSplit Broadcaster. Drag the grab handles in the corners to resize it. Hold down Alt while dragging a grab handle on a side to crop out the window title and edges. Position the source where you want it in your live video.
Or, crop using layout settings
Alternatively, you can crop the source by right clicking on it in the sources list, going to the "Layout" tab in the properties window that appears, and changing the top/bottom/left/right settings under the Cropping section.
You now have captions running in XSplit Broadcaster.