How to Add Live Captions & Translations to ProPresenter

1. Watch the first part of this setup video: Setting up Conference Captioning and stop at the 1:14 mark
2. As shown in the video, copy the URL provided in your Conference Captioning app on tapping the Info icon, and replace the index.html with url.html and put it in a browser. It should look similar to this: 192.168.0.100:8080/url.html (see screenshot at the bottom of this page)
3. Within that page, you can customize what the captions or translations will look like by checking the boxes you want, and then copy the url text generated in the "AV Team Local URL Video Overlay" box
   

1. Open the Props Editor: In the top toolbar of ProPresenter, click on Props.
2. Create a New Prop: Click the + icon to create a new, blank Prop. Rename it "Live Captions."
3. Add a Web Shape:
   • Click the + (Add) icon in the top left of the editor.
   • Select Web (or add a Shape and change its Fill to Web in the Inspector).
4. Enter the URL: In the Web tab of the Inspector on the right, paste your Display URL from above into the URL field.
5. Position and Resize: Drag the web box to the bottom of the slide (usually as a lower-third) and stretch it to the full width.

1. Trigger the Prop: Click on the "Live Captions" prop in your Props bin. It will glow orange, indicating it is live.
2. Test the Feed: Start speaking into your Conference Captioning app. The text should appear instantly on your ProPresenter output.
3. To Hide Captions: Simply click the "X" on the Props layer in the Transport bar (bottom left) or click the Prop again to toggle it off.

Pro Tips: 

1. Site Can't Be Reached: If you see this error, you can try to use the "Localhost URL" instead, but if you're using a different computer then you will have to go into your Settings>Privacy & Security>Local Network>Enable the application you want it to work in!
2. Controlling Captions & Stream Deck integrations: You can control the start, stop, show, hide of captions using an Elgato stream deck by installing the conference captioning app. You can also use the URL of the device from above and replace the index.html to control.html so it will look similar to this 192.168.0.100:8080/control.html (shown in picture below). It helps when the event is going on and you are not in front of the transcription & translation device that is connected to your audio input mic/mixer
3. Live Questions: You can also toggle asking questions, customizing what people see, and enabling networking for attendees. Hit up support at anytime by going to the chat within your account
4. Multilingual
5. If you want to use other tools like OBS or H2R Graphics, you would follow a similar path. Some Video mixing software like Vmix doesn't allow you to add a browser source, so you can create another input source use OBS to create a virtual video for free
6. If the app restarts, when you try to start streaming, it likely points to an Apple kernel issue, caused by a lack of an audio source available
7. Audience vs. Live Stream: If you only want the captions to appear on your Live Stream but not your In-Room Screens, go to Screens > Looks. Under your "Default" look, uncheck the Props layer for your Main Output and keep it checked for your Stream output.
8. If the text is too small on the screen, you can change the resolution of the URL to reduce the width, like 800x600, so the size will be a lot bigger.