Teleprompter
Füge dein Skript ein, passe das Tempo an und lasse es im Vollbild flüssig scrollen.
Was ist ein Teleprompter?
Ein Teleprompter ist eine Lesehilfe für Videoaufnahmen, Livestreams, Reden und Präsentationen vor der Kamera. Er zeigt ein Skript groß und gut lesbar an und bewegt den Text mit einer einstellbaren Geschwindigkeit nach oben. Dadurch muss die sprechende Person nicht ständig auf Notizen schauen und kann den Blick näher an der Kamera halten. Ein Teleprompter im Browser ist besonders praktisch für einzelne Creator, Lehrende und Online-Meetings, weil Skript, Tempo, Schriftgröße, Zeilenhöhe, Vollbild und Spiegelmodus sofort angepasst werden können. Der Spiegelmodus ist für reflektierendes Teleprompter-Glas gedacht; das Vollbild blendet Ablenkungen aus. Entscheidend ist nicht nur die Textanzeige, sondern ein ruhiger Sprechrhythmus und stabiler Blickkontakt.
Anleitung
Anleitung
- Skript in den Editor links einfügen.
- Geschwindigkeit, Schriftgröße, Zeilenhöhe und Spiegelmodus an Ihr Setup anpassen.
- Start zum Scrollen drücken, bei Bedarf pausieren oder zum Anfang zurücksetzen.
- Für Aufnahmen, Präsentationen oder Livestreams in den Vollbildmodus wechseln.
Lesevorbereitung
- Geschwindigkeit, Schriftgröße, Zeilenhöhe und Spiegelmodus vor der Aufnahme testen; angenehme Einstellungen variieren je nach Abstand und Bildschirmgröße.
- Absätze kurz halten und Pausen im Skript einplanen, damit das Scrolltempo zum natürlichen Sprechrhythmus passt.
Anwendungsfälle
Technisches Prinzip
Das flüssige Scrollen wird von requestAnimationFrame gesteuert: Bei jedem Animationsschritt wird anhand des vom Benutzer gewählten Geschwindigkeitswerts und des Zeitdeltas seit dem letzten Frame berechnet, wie viele Pixel vorzurücken sind, und dann transform: translateY(-Npx) auf den Skriptcontainer angewendet. Transform-basiertes Scrollen bleibt auf dem GPU-Compositor-Thread, was die Bewegung selbst auf einfacher Hardware bei 60 fps hält – im Gegensatz zu scrollTop-Schreibzugriffen, die bei jedem Frame ein Layout auslösen würden. Das Lesetempo ergibt sich näherungsweise aus speed = Wörter pro Minute * durchschnittliche Wortbreite / 60, also benötigt eine 150-WPM-Erzählung mit 50 px durchschnittlicher Wortbreite etwa 125 px/s Scrollgeschwindigkeit. Schriftgröße, Zeilenhöhe und Viewport-Breite verändern alle die effektive WPM bei gleicher Geschwindigkeitseinstellung, weshalb der Schieberegler vor der Aufnahme eine kurze Kalibrierungsdurchlauf benötigt. Der Spiegelmodus wendet transform: scaleX(-1) auf den Skriptcontainer an und erzeugt den horizontal gespiegelten Text, der zum Lesen durch ein 45-Grad-Strahlteiler-Teleprompter-Glas benötigt wird, während die Kamera ungehindert hindurch filmt. Die Vollbildanzeige verwendet element.requestFullscreen(), damit Browser-Chrome und Benachrichtigungen nicht in die Aufnahme eindringen können, während document.fullscreenchange das Beenden per Esc-Taste verfolgt. Das Skript und alle Benutzereinstellungen (Geschwindigkeit, Schriftgröße, Zeilenhöhe, Spiegelmodus) werden bei jeder Änderung in localStorage gespeichert, sodass ein Neuladen die Probe exakt wiederherstellt. Manuelle Scrolleingaben über Mausrad oder touchstart pausieren die Animationsschleife und synchronisieren den Fortschrittszähler neu, was Feineinstellungen während eines Livestreams ermöglicht, ohne die Abspielposition zurückzusetzen.
- Scroll-Schleife: requestAnimationFrame bei 60 fps mit transform: translateY(-Npx) – auf der GPU compositet, kein Layout pro Frame
- Tempo-Formel: scrollPxProSekunde = WPM * durchschnittlicheWortbreitePx / 60; 150 WPM bei 50 px/Wort ergibt etwa 125 px/s
- Spiegelmodus: transform: scaleX(-1) für Strahlteiler-Prompterglas in 45 Grad vor dem Objektiv
- Vollbild: element.requestFullscreen() und document.exitFullscreen() mit dem fullscreenchange-Ereignis zur Verfolgung der Esc-Taste
- Persistenz: localStorage speichert Skript, Geschwindigkeit, Schriftgröße, Zeilenhöhe und Spiegelmodus-Flag, sodass ein Neuladen die Probe wiederherstellt
- Manuelle Übersteuerung: Mausrad- und touchstart-Ereignisse pausieren die Animationsschleife und synchronisieren den Fortschrittsprozentsatz auf die neue Scrollposition
- Faustregel für Schriftgröße: etwa 24-32 px pro Meter Betrachtungsdistanz hält das Skript ohne Augenanstrengung lesbar
Beispiele
Drei-Minuten-Eröffnung einer Keynote bei 120 wpm
Skriptlänge: 360 Wörter (etwa 3 Minuten bei 120 wpm)
Schriftgröße: 56 px | Zeilenhöhe: 1.6 | Spiegelung: aus
Scrollgeschwindigkeit: 120 (passend zu 120 wpm)
"Guten Morgen zusammen. Heute möchte ich über drei Dinge sprechen,
die verändert haben, wie unser Team im letzten Quartal Software ausliefert..."YouTube-Tutorial-Aufnahme bei 150 wpm
Skriptlänge: 900 Wörter für eine 6-minütige Aufnahme
Schriftgröße: 42 px | Zeilenhöhe: 1.5 | Spiegelung: aus
Scrollgeschwindigkeit: 150 (etwas schneller, natürliches Erzähltempo)
Vollbild: an, Browser-Chrome ausgeblendet, sodass OBS nur das Skript erfasstStrahlteilerglas mit Spiegelmodus
Aufbau: 17"-Prompterglas im 45-Grad-Winkel, Sprecher 1,2 m entfernt
Schriftgröße: 64 px (~32 px pro Meter Abstand)
Zeilenhöhe: 1.8 | Spiegelung: AN (Text wird durch das Glas korrekt lesbar)
Scrollgeschwindigkeit: 100 wpm für ein Interview-TempoLivestream-Q&A mit manueller Steuerung
Skript: stichpunktartige Themen, ~200 Wörter pro Abschnitt
Schriftgröße: 48 px | Spiegelung: aus | Scrollgeschwindigkeit: 80
Drücken Sie Pause, wenn Sie eine Zuschauerfrage vorlesen,
und anschließend Fortsetzen, damit das Skript genau dort weiterläuft, wo Sie aufgehört haben.FAQ
Wie wird die Geschwindigkeit des Teleprompters gesteuert?
Ein Schieberegler stellt Wörter pro Minute oder Pixel pro Sekunde ein. Übliche Lesegeschwindigkeit liegt bei 150–180 WPM für eine natürliche Vortragsweise; 200+ für schnelles Voice-over. Während des Lesens kannst du mit Pfeiltasten oder Mausrad anpassen. Manche Builds pausieren automatisch, während du anpasst.
Kann ich den Text für ein echtes Teleprompter-Rig spiegeln?
Ja. Der Spiegel-Toggle dreht den Text horizontal, sodass er in der schräggestellten Glasscheibe eines Hardware-Teleprompters korrekt zu lesen ist. Ohne Rig lass den Spiegel ausgeschaltet.
Was passiert, wenn ich die Stelle verliere?
Pausiere mit der Leertaste. Scrolle manuell zurück oder springe per Navigation zu einem Absatz. Manche Builds unterstützen einen Countdown nach der Pause (3-2-1, dann automatisches Fortsetzen), damit du beim Aufnehmen sauber wieder einsteigst.
Wird mein Skript hochgeladen?
Nein. Das Skript wird vollständig in deinem Browser verarbeitet. Nichts wird übertragen, nichts protokolliert. Sichere dein Skript extern (Textdatei, Dokument) – der Editor speichert standardmäßig nicht automatisch.
Wie mache ich den Text für die Kameradistanz größer?
Passe die Schriftgröße an deinen Augen-zu-Bildschirm-Abstand an. Faustregel: 36–48 pt bei 1 m (kurz vor einem Smartphone), 60–80 pt bei 2–3 m (typische Webcam-Aufnahme), 100+ pt für einen Fernseher quer durch den Raum. Die Bildschirmgröße entspricht dem, was du sehen wirst – also vor der Aufnahme testen.
Kann ich ein langes Dokument importieren?
Ja – füge beliebigen Klartext ein. Markdown-, RTF- und Word-Dokumente musst du zuerst in Klartext umwandeln (die meisten Editoren bieten 'Als Text kopieren'). Bei sehr langen Skripten (mehrstündig) teile sie in Segmente, um Verwirrung mit der Scroll-Position zu vermeiden.
Funktioniert es auf einem Tablet?
Ja – Tablets im Querformat sind ausgezeichnete Budget-Teleprompter. Montiere sie mit einem Stativarm oder einem Tablet-Teleprompter-Halter. Deaktiviere Systembenachrichtigungen, damit während eines Takes keine Pop-ups stören.