Overview
Add each new caption below the previous one and roll the oldest line out of a two-row window.
Build
- 01
Reserve a fixed-height window for two caption rows.
- 02
Roll the new row in over 200ms while the earlier row moves up.
- 03
Retain a speaker label and dim the previous row; clear the window after the final hold.
Example source React / TSX
examples/caption-transcript-rollup.tsx · Uses the catalog’s shared composition helpers.
Loading source…