@bktl/teleprompter

A browser-based teleprompter React component with adjustable speed, font size, and mirror mode. Everything runs client-side; scripts and settings persist in localStorage.

Install

npm install @bktl/teleprompter

Usage

import { Teleprompter } from "@bktl/teleprompter";
import "@bktl/teleprompter/styles.css";

export default function Page() {
  return <Teleprompter />;
}

Teleprompter renders a full-screen experience (editor + prompter modes) and manages its own state — mount it on its own route or page.

Features

• Smooth auto-scroll with adjustable speed (10–300 px/s)
• Adjustable font size and side margins
• Horizontal/vertical mirroring for beam-splitter rigs
• Reading-guide arrow and time-remaining estimate
• Fullscreen mode, auto-hiding controls, click/tap to play or pause

Keyboard shortcuts (prompter mode)

| Key | Action | | --- | --- | | Space | Play / pause | | ↑ / ↓ | Speed up / down | | ← / → | Jump back / ahead 3s | | Home | Restart | | F | Fullscreen | | M | Mirror horizontally | | Esc | Back to editor |