tobias/podcast-mindmap
1
0
Fork 0
Code Issues 10 Pull Requests Actions Packages Projects Releases Wiki Activity

Audio + Transkript synchron mitlesen #1

New Issue
Closed
opened 2026-04-20 02:45:43 +02:00 by tobias · 0 comments
tobias commented 2026-04-20 02:45:43 +02:00
Owner
Copy Link

Wenn Audio läuft, soll das Transkript mitscrollen und die aktuelle Stelle hervorheben.

Anforderungen

  • Beim Abspielen eines Zitats: Transkript der Episode im Panel öffnen
  • Aktueller Absatz wird visuell hervorgehoben (highlight)
  • Auto-Scroll folgt der Wiedergabeposition
  • Manuelles Scrollen pausiert das Auto-Scroll (nicht das Audio)
  • Klick auf einen Absatz im Transkript springt zu dieser Stelle im Audio

Technischer Ansatz

  • SRT-Timestamps sind absatzgenau vorhanden (srt_index.json)
  • ontimeupdate-Event vergleicht currentTime mit Absatz-Timestamps
  • CSS-Klasse .current-paragraph für Highlighting
  • IntersectionObserver oder scrollIntoView() für Auto-Scroll
  • Flag userScrolled unterbricht Auto-Scroll bis nächster Play-Klick
Wenn Audio läuft, soll das Transkript mitscrollen und die aktuelle Stelle hervorheben. ## Anforderungen - Beim Abspielen eines Zitats: Transkript der Episode im Panel öffnen - Aktueller Absatz wird visuell hervorgehoben (highlight) - Auto-Scroll folgt der Wiedergabeposition - Manuelles Scrollen pausiert das Auto-Scroll (nicht das Audio) - Klick auf einen Absatz im Transkript springt zu dieser Stelle im Audio ## Technischer Ansatz - SRT-Timestamps sind absatzgenau vorhanden (srt_index.json) - `ontimeupdate`-Event vergleicht `currentTime` mit Absatz-Timestamps - CSS-Klasse `.current-paragraph` für Highlighting - IntersectionObserver oder `scrollIntoView()` für Auto-Scroll - Flag `userScrolled` unterbricht Auto-Scroll bis nächster Play-Klick
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
No items
No Label
Milestone
Clear milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
No Assignees
1 Participants
Notifications
Due Date
The due date is invalid or out of range. Please use the format 'yyyy-mm-dd'.

No due date set.

Dependencies

No dependencies set.

Reference: tobias/podcast-mindmap#1
No description provided.
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?