# WebTelePrompter

**URL:** <https://casparcgforum.org/t/webteleprompter/7277>\
**Category:** General\
**Tags:** client\
**Created:** [June 1, 2025, 12:40pm UTC](https://casparcgforum.org/t/webteleprompter/7277 "2025-06-01T12:40:46Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![vimlesh1975](https://casparcgforum.org/user_avatar/casparcgforum.org/vimlesh1975/32/1608_2.png) [@vimlesh1975](https://casparcgforum.org/u/vimlesh1975)\
**Post date:** [June 1, 2025, 12:40pm UTC](https://casparcgforum.org/t/webteleprompter/7277/1 "2025-06-01T12:40:46Z")

</div>

**🎬 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](https://bit.ly/4koiyHk)

## online test [https://web-tele-prompter.vercel.app/](https://web-tele-prompter.vercel.app/) Github [GitHub - vimlesh1975/WebTelePrompter](https://github.com/vimlesh1975/WebTelePrompter)

**🔧 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](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](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](https://7-zip.org/a/7z2409-x64.exe)
4. **Start the Prompter**  
Open the `teleprompter` folder and double-click:  
`start Prompter.bat`

* * *

**🌐 Open in Browser**

Go to:  
[http://localhost:5000](http://localhost:5000)

* * *

**📝 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.

* * *

**🖥 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.

* * *

**📺 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.

* * *

**⚙ Settings**

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

* * *

**🎛 ShuttlePro Support**

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

* * *

**📱 Mobile Controller**

Access from other devices:  
http://[your\_local\_IP]:5000/m

* * *

**🎤 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](https://casparcgforum.org/uploads/default/original/2X/d/dd54a515f183fe5b3e2716c343e5f5bf5c09ffdf.jpeg)

 ![image](https://casparcgforum.org/uploads/default/original/2X/8/824560dac94d19a8c0325e2f1a7c9dc7b8f38a62.jpeg)