ramp icon indicating copy to clipboard operation
ramp copied to clipboard
verified publisher icon samvera-labs

Align timestamp at top of cue in Transcripts component

Open elynema opened this issue 5 months ago • 3 comments

Description

Currently, the timestamp part of the cue (provided by .vtt or .srt files in the Transcript component) seems to be center-aligned vertically. The EVIADA materials we are ingesting have extremely long .vtt cues that include long descriptions, so sometimes you have to scroll a bit to get to the timestamp.

Would it make sense to top align the timestamp, as opposed to center-aligning the timestamp vertically?

Currently, for an EVIADA example item, it looks like this:

image.png

Could the linked timecode be vertically aligned with the first line of text in the cue that starts with "Batá drums and singer"?

image.png

Done Looks Like

  • [ ] The hyperlinked timestamp from the .vtt / .srt cue that displays in the Transcript component should be vertically aligned at the top of the cue text, rather there center-aligned to display in the middle of the cue text.
  • [ ] Test how this change looks on more standard types of transcripts, for example for this lunchroom manners record: https://avalon-dev.dlib.indiana.edu/media_objects/rb68xb881

elynema avatar Jul 16 '25 18:07 elynema

Possible options:

  • Align timecode to the top of the cue, rather than middle
  • Have timecode value float next to cue so the active cue never loses the timestamp when scrolling within the transcript component

joncameron avatar Jul 16 '25 20:07 joncameron

Science History Institute example: https://digital.sciencehistory.org/works/x8peubh

cjcolvar avatar Jul 16 '25 20:07 cjcolvar

Aviary example: https://iiif.aviaryplatform.com/player?manifest=https%3A%2F%2Fweareavp.aviaryplatform.com%2Fiiif%2Fhm52f7jz70%2Fmanifest&tab=Annotations

image.png

Here's an example of a longer annotation: image.png

elynema avatar Jul 16 '25 20:07 elynema