Skip to content

fix: give html5 and rich-caption clips their own look on the timeline - #275

Merged
dazzatronus merged 1 commit into
mainfrom
derk/timeline-html5-caption-clips
Oct 29, 2026
Merged

dazzatronus merged 1 commit into
mainfrom
derk/timeline-html5-caption-clips

Conversation

@dazzatronus

Copy link
Copy Markdown
Contributor

html5 and rich-caption clips weren't in the timeline's per-type tables, so they showed a "•" icon, the grey default colour, and their type name as the label.

They now match the other clip types:

  • html5 clips get the html icon and colours. The label is the page's headline: the first line of two or more words in sentence case. Counters, bullets and all-caps labels, which often open a page, are skipped. Pieces split into spans for animation are joined back into one line. If no line qualifies, the label falls back to the first line with letters, then to "HTML". Parsing the page runs none of its scripts. The label is cached per page, because the timeline redraws on every frame during playback.
  • rich-caption clips get the caption icon and colours. The label names what's being captioned, such as "Captions · voiceover" for an alias or "Captions · race.srt" for a file. The caption words themselves only exist after the source has been parsed or transcribed at load.

Verify: npx jest tests/timeline-clip-labels.test.ts. Then open an edit with html5 and rich-caption clips. They should show "<>" and "≡" in their own colours, with readable labels.

Risk: low. This changes display only.

@dazzatronus
dazzatronus force-pushed the derk/timeline-html5-caption-clips branch from 96f05ea to 2508684 Compare October 29, 2026 01:14
@dazzatronus dazzatronus changed the title feat: give html5 and rich-caption clips their own look on the timeline fix: give html5 and rich-caption clips their own look on the timeline Oct 29, 2026
@dazzatronus
dazzatronus merged commit 7a7eb39 into main Oct 29, 2026
1 check passed
@dazzatronus
dazzatronus deleted the derk/timeline-html5-caption-clips branch October 29, 2026 01:16
github-actions Bot pushed a commit that referenced this pull request Oct 29, 2026
# [2.30.0](v2.29.5...v2.30.0) (2026-10-29)

### Bug Fixes

* give html5 and rich-caption clips their own look on the timeline ([#275](#275)) ([7a7eb39](7a7eb39))

### Features

* hold the nearest baked html5 frame while playing ([#272](#272)) ([4f50166](4f50166))
* play html5 frames as they bake ([#271](#271)) ([7e837e6](7e837e6))
* tell viewers when html5 playback is buffering ([#274](#274)) ([65098cf](65098cf))
@github-actions

Copy link
Copy Markdown

🎉 This PR is included in version 2.30.0 🎉

The release is available on:

Your semantic-release bot 📦🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant