Zurück zum Dev log

Dev log

DevLog #02: Wie Wir Einen 100% Kostenlosen Studio-Teleprompter Ohne Anmeldung Entwickelt Haben

Technischer Einblick in die Lösung von CoreAudio-Deadlocks unter macOS, unterbrechungsfreie Hintergrundausführung mit Web Workern und clientseitige 48kHz-WAV-Zusammenführung.

Von Engineering-Team · WebGPU- & Audio-Architektur

  • devlog
  • teleprompter
  • web audio api
  • web workers
  • youtube
  • engineering
  • wav 48khz

Jeder, der schon einmal nach einem Online-Teleprompter für YouTube-Videos oder Tutorials gesucht hat, kennt die Hürden: Die meisten Tools verlangen eine Registrierung, versehen Aufnahmen mit Wasserzeichen oder blenden störende Werbung ein.

Unser Ansatz für den Online-Teleprompter & Studio-Rekorder war kompromisslos: **100% kostenlos, keine Anmeldung, keine Werbung, privat im Browser und echte Studioqualität (WAV 48 kHz unkomprimiert und HD-Video)**.

Herramienta Interactiva

Möchten Sie den Studio-Teleprompter jetzt ausprobieren?

Lesen Sie Ihre Skripte mit stufenlosem Karaoke-Fokus, anpassbarer WPM-Geschwindigkeit und zusammengeführten WAV-Takes.

Herausforderung 1: Hardware-Deadlocks in CoreAudio (macOS) und WASAPI

Gleichzeitige getUserMedia()-Aufrufe mit erzwungenen 48 kHz führten zu Deadlocks im macOS-Audiotreiber (coreaudiod). Mit dem **Single Audio Pipeline (AudioPipeline.ts)** Singleton synchronisieren wir alle Audioströme direkt mit dem nativen Hardware-Takt.

Herausforderung 2: Kein Einfrieren beim 3-2-1 Countdown

Wir trennten den Ablauf nach professionellem DAW-Vorbild: Asynchrones prepare() vor Countdown-Beginn und synchrones begin() in exakt 0.0 ms beim Start.

Herausforderung 3: Unterbrechungsfreie Ausführung bei minimiertem Fenster (Web Workers)

Moderne Browser drosseln Hintergrund-Tabs. Ein dedizierter **Web Worker** und mathematische Zeitberechnung via performance.now() stellen sicher, dass das Teleprompter-Tempo auch bei minimiertem Fenster absolut synchron bleibt.

Herausforderung 4: Mobile Ergonomie mit 48px Touch-Kapseln im iPhone-Stil

Wir ersetzten dünne Standard-HTML-Schieberegler durch ergonomische 48px-Kapseln (IOSCapsuleSlider) mit setPointerCapture für präzise Daumensteuerung.

Herausforderung 5: Zusammenführen und Herunterladen mehrerer Takes ohne Server

Unsere clientseitige Audio-Engine (wavUtils.ts) verbindet ausgewählte Takes zu einer einzigen Master-WAV-Datei mit 48.000 Hz und sauberen 250ms-Pausen direkt im Browser-Speicher.

Herramienta Interactiva

Starten Sie Ihre Aufnahme Noch Heute

Keine Anmeldung, kein Wasserzeichen, keine monatlichen Gebühren. Ihr vollständiges Studio mit einem Klick.

Probiere den Editor so aus, wie er heute ist

Alles, was du im Dev log liest, läuft bereits in der öffentlichen Beta.