Allow Transcript Clicks to Jump to Corresponding Timestamps
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 39k
- Forks
- 2.1k
- Avg merge
- 1d 4h
- Merged PRs (30d)
- 10
Description
Clear and concise description of the problem
The current transcript is static and not clickable for navigation. Users cannot click on the text to jump directly to the corresponding point in the media timeline, forcing them to manually scrub the seek bar. This makes content review and navigation less intuitive and inefficient.
Suggested solution
Implement clickable subtitles/transcripts that allow users to jump to the exact moment in the media by clicking on any line of text.
Alternative
An alternative solution could be to implement a separate, interactive "chapter" list based on transcript timestamps, instead of making the full transcript clickable. However, this would require extra UI space and might not provide the same direct, line-by-line navigation efficiency.
Additional context
This feature is common in educational platforms, podcast players, and video hosting sites (e.g., YouTube, Coursera) and is highly valued for accessibility and user experience.
The implementation requires accurate timestamp data for each transcript segment, which should already be available if transcripts are time-coded.
Consider adding a visual feedback (like a brief highlight on the clicked line) to confirm the action to the user.
Validations
- Check that there isn't already an issue that request the same feature to avoid creating a duplicate.
- This issue is valid
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Locate the transcript or subtitle rendering entry point and the media timeline seeking logic, then trace how each transcript segment exposes its timestamp. The work is done when clicking any time-coded transcript line seeks to its corresponding media position, with any visual feedback covered if the existing UI supports it.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100