Live Subtitles and Lower Third
Wanna add subtitles and lower third easily in your live stream? This tool is great to be used with a video switcher like the ATEM Minis. Make sure this source is configured to be chroma keyed with the background color in settings.
- Import subtitles by lines in a batch and go through them one by one
- Design multiple lower third templates with background image and text format.
- Use keyboard shortcut keys to control the display content.
- Available on macOS, Windows and Raspbian.
- Launch app on your computer and then press Ctrl/Command + O to open the projection window (green screen)
- If you have a output with FHD resolution it should automatically went fullscreen on it. If not, you have to drag the projection window on to the target area and then double click the content area to go fullscreen.
- To show subtitles: in the main window, click on the + button in the subtitle section to add an episode (song/program/piece).
- To show lower third, click on the + button in the lower third section to add an template. It will give you a default look, but you can customize it in the settings in it.
- Click on an item in the table to show it, press Ctrl/Command + 1 or 2 to clear lower third or subtitles. If you want to temporarily hide everything, you can press Ctrl/Command + 0 to toggle the mute state.
Create and design multiple lower third template
Import subtitle lines in a batch and show them one by one by pressing the space bar
subtitle on projection window
default lower third on projection window
Compile from sources
This project is based on Electron + ElementUI + PIXI. Make sure you have nodejs v14 installed and then run:
Compiles and hot-reloads for development
npm run electron:serve
Compiles for production
npm run electron:build