Video Timestamp Comments
Video review timeline with avatar markers at comment timestamps and a list of time anchored notes with reply and mark done controls.
Video review timeline with avatar markers at comment timestamps and a list of time anchored notes with reply and mark done controls.
The source for every Application block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Video Timestamp Comments is the Frame.io-style media review surface: a Launch teaser v2 player strip with a scrubber, avatar markers pinned at the frames they reference, a playhead with a progress fill and a time readout, and a list of time-anchored notes below. Maya Chen wants the logo hold trimmed at 0:12, Jordan Lee (the active note) asks for take 3 at 0:38, Noah Park catches a caption mismatch at 1:04, and Priya Nair confirms a fix at 1:21 that Maya Chen has already marked done.
Comments are one typed array positioned on the timeline with percentage offsets so each avatar marker lines up with its frame. The state flag steers three branches: open notes show Reply and Mark done, the active note tints its row, and done notes dim, name who closed them, and offer Reopen. The footer note explains that clicking a timestamp jumps the playhead and that markers stay attached to the same frame across a new cut.
Reach for this block as the review layer of any video or audio tool, wired to your comment endpoint and player current time. Bind each timestamp button to a seek call and Mark done to your thread-close mutation.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the launch teaser review. Other timestamped surfaces:
Tip: the seek-on-click timestamp is what makes the note actionable, keep every marker bound to a real frame so a reviewer lands exactly where the comment applies.