WebTelePrompter

General
1

:clapper_board: Teleprompter Software (Next.js-based) — Setup & Usage Guide

Hi everyone,
I’ve developed a free Teleprompter software using Next.js, integrated with CasparCG. Here’s how you can set it up and use it:
Latest version https://bit.ly/4koiyHk

online test https://web-tele-prompter.vercel.app/
Github GitHub - vimlesh1975/WebTelePrompter

:wrench: Installation Steps

  1. Install Node.js (v23.11.1)
    Download and install from:
    https://nodejs.org/dist/v23.11.1/node-v23.11.1-x64.msi
  2. Download CasparCG Server
    Get it here:
    https://drive.google.com/file/d/1V1LZWQmss2O4gqG5wVSHLuW2J9Y8SDoj/view?usp=drive_link
  3. Extract the software
    Use 7-Zip to extract:
    https://7-zip.org/a/7z2409-x64.exe
  4. Start the Prompter
    Open the teleprompter folder and double-click:
    start Prompter.bat

:globe_with_meridians: Open in Browser

Go to:
http://localhost:5000

:memo: How to Use

  • Choose a .txt or .docx file from your system.
  • Double-click on the desired slug name.
  • Click a speed (e.g., 1, 2, 3) to begin scrolling.
  • Right-click to pause/play with previous speed.

:desktop_computer: Output Window

  • Click Open New Window to launch output in a new window.
  • Move it to a second screen.
  • Double-click the title bar to maximize.
  • Double-click inside the content area or right-click to flip (mirror text).
  • Right-click again or double-click to un-flip.

:television: CasparCG Output

  • Choose between Screen Capture Method or Normal Method.
  • Use Toggle Flip to mirror/unmirror CasparCG output.
  • Ensure the browser tab is active and partially visible for CasparCG to render it.

:gear: Settings

  • Adjust font size, start position, font color, background color using the Show Setting button.
  • CasparCG host is configured in .env.local.

:control_knobs: ShuttlePro Support

  • ShuttlePro control preset file:
    ShuttleProSettingsForGoogle Chrome.pref (included in folder)

:mobile_phone: Mobile Controller

Access from other devices:
http://[your_local_IP]:5000/m

:microphone: Microphone Editing + Translation

  • Speak into your mic to edit slug content.
  • Script can be translated by clicking translate button.
  • Slug changes can be saved as new text files in your Downloads folder.

Feel free to try it out and let me know your feedback or suggestions. I’m happy to share updates or improvements!

image
image979×511 160 KB

image
image979×763 121 KB