Teleprompter
Paste your script, adjust the pace, and scroll it smoothly in fullscreen.
What is a teleprompter?
A teleprompter is a reading aid for recorded video, livestreams, speeches, and camera-facing presentations. Instead of forcing the speaker to look down at notes, it shows the script in large type and scrolls it at a controlled pace, making delivery more natural while reducing missed lines. A browser teleprompter suits solo creators because the script, speed, font size, line spacing, fullscreen view, and mirror mode can be adjusted quickly before recording. Mirror mode matters when the screen is reflected through teleprompter glass; fullscreen mode removes browser distractions. The goal is not only to display text, but to keep timing, eye contact, and speaking rhythm consistent.
How to Use
How to use
- Paste your script into the editor on the left.
- Tune speed, font size, line height, and mirror mode for your setup.
- Press start to scroll, pause when needed, or reset back to the top.
- Enter fullscreen for recording, presentations, or livestreaming.
Reading Setup
- Test speed, font size, line height, and mirror mode before recording; comfortable settings differ by distance and screen size.
- Keep paragraphs short and add pauses in the script so the scrolling rhythm matches natural speech.
Use Cases
Technical Principle
Smooth scrolling is driven by requestAnimationFrame: each animation tick computes how many pixels to advance based on the user-chosen speed value and the time delta since the last frame, then applies transform: translateY(-Npx) on the script container. Transform-based scrolling stays on the GPU compositor thread, which keeps motion at 60 fps even on modest hardware, unlike scrollTop writes that would trigger layout each frame. Reading pace is approximately speed = words per minute * average word width / 60, so a 150 wpm narration with 50 px average word width needs about 125 px/s of scroll. Font size, line height, and viewport width all alter the effective wpm at the same speed setting, which is why the slider needs a quick calibration take before recording. Mirror mode applies transform: scaleX(-1) on the script container, producing the horizontally flipped text needed to read through a 45-degree beam-splitter teleprompter glass while the camera shoots through it unobstructed. Fullscreen display uses element.requestFullscreen() so browser chrome and notifications cannot intrude on the recording, while document.fullscreenchange tracks Esc-key exits. The script and all user settings (speed, font size, line height, mirror) are persisted to localStorage on every change so a refresh restores the rehearsal exactly. Manual scroll input via wheel or touchstart pauses the animation loop and resyncs the progress counter, which is what makes hand-tuning during a livestream possible without resetting the playhead.
- Scroll loop: requestAnimationFrame at 60 fps applying transform: translateY(-Npx) — composited on the GPU, no layout per frame
- Pace formula: scrollPxPerSecond = wpm * averageWordWidthPx / 60; 150 wpm at 50 px/word is about 125 px/s
- Mirror mode: transform: scaleX(-1) for beam-splitter prompter glass at 45 degrees in front of the lens
- Fullscreen: element.requestFullscreen() and document.exitFullscreen() with the fullscreenchange event to track Esc
- Persistence: localStorage saves script, speed, font size, line height, and mirror flag so a refresh restores the rehearsal
- Manual override: wheel and touchstart events pause the animation loop and resync the progress percentage to the new scroll position
- Font sizing rule of thumb: about 24-32 px per meter of viewing distance keeps the script readable without eye strain
Examples
Three-minute keynote opener at 120 wpm
Script length: 360 words (about 3 minutes at 120 wpm)
Font size: 56 px | Line height: 1.6 | Mirror: off
Scroll speed: 120 (matches 120 wpm)
"Good morning everyone. Today I want to talk about three things
that changed how our team ships software in the last quarter..."YouTube tutorial recording at 150 wpm
Script length: 900 words for a 6-minute take
Font size: 42 px | Line height: 1.5 | Mirror: off
Scroll speed: 150 (slightly faster, natural narration pace)
Fullscreen: on, browser chrome hidden so OBS captures only the scriptBeam-splitter glass with mirror mode
Setup: 17" prompter glass at 45 degrees, speaker 1.2 m away
Font size: 64 px (~32 px per meter of distance)
Line height: 1.8 | Mirror: ON (text reads correctly through glass)
Scroll speed: 100 wpm for an interview cadenceLivestream Q&A with manual pacing
Script: bullet talking points, ~200 words per section
Font size: 48 px | Mirror: off | Scroll speed: 80
Press Pause when reading a viewer question aloud,
then Resume so the script picks up exactly where you stopped.FAQ
How is the teleprompter speed controlled?
A slider sets words-per-minute or pixels-per-second. Typical reading speed is 150-180 WPM for natural delivery; 200+ for fast-paced commentary. Adjust during reading with arrow keys or wheel scroll. Some builds auto-pause while you adjust.
Can I mirror the text for a real teleprompter rig?
Yes. The mirror toggle flips the text horizontally so it reads correctly when reflected in the angled glass of a hardware teleprompter. Without a rig, leave mirror off.
What happens if I lose my place?
Pause with space bar. Scroll back manually or jump to a paragraph using the navigation. Some builds support countdown-from-pause (3-2-1 then auto-resume) so you can recover smoothly during recording.
Is my script uploaded?
No. The script is processed entirely in your browser. Nothing is transmitted, nothing is logged. Save your script externally (text file, doc) for backup - the editor does not auto-save by default.
How do I make text bigger for the camera distance?
Adjust font size to match your eye-to-screen distance. Rule of thumb: 36-48 pt at 1 m (close for a phone), 60-80 pt at 2-3 m (typical webcam recording), 100+ pt for a TV across the room. The on-screen size reflects what you'll see, so test before recording.
Can I import a long document?
Yes - paste any plain text. Markdown, RTF, and Word documents must be converted to plain text first (most editors have copy-as-text). For very long scripts (multi-hour), break into segments to avoid scroll-position confusion.
Does it work on a tablet?
Yes - tablets in landscape orientation make excellent budget teleprompters. Mount with a tripod arm or a tablet teleprompter holder. Disable system notifications during use to avoid pop-ups during a take.