ef-thumbnail-strip

Frame thumbnail visualization for a video or timegroup.

Renders a strip of video frame thumbnails at a given pixels-per-ms density. Valid targets are ef-video elements or root ef-timegroup elements.

Attribute	React prop	Type	Default	Description
`duration`	`duration`	`number`	—	Trimmed clip duration in seconds, used to lay out thumbnail slots.
`height`	`height`	`number`	—	Height of the strip in pixels (defaults to the element's rendered height, or 32).
`pixels-per-second`	`pixelsPerSecond`	`number`	`100`	Zoom level — pixels rendered per second of composition time.
`scroll-left`	`scrollLeftInClip`	`number`	—	Clip-local scroll offset of the timeline viewport's left edge.
`sourcein`	`sourcein`	`string`	—	Start time within the source video (CSS time, e.g. `"1.5s"`), mirrored from the source `<ef-video>`.
`sourceout`	`sourceout`	`string`	—	End time within the source video (CSS time), mirrored from the source `<ef-video>`.
`src`	`src`	`string`	`""`	URL of the source video file to generate thumbnails from.
`thumbnail-spacing-px`	`thumbnailSpacingPx`	`number`	—	Minimum spacing between thumbnails in pixels (defaults to {@link thumbnailWidth}).
`thumbnail-width`	`thumbnailWidth`	`number`	—	Width of each thumbnail in pixels (defaults to a value derived from {@link height}).
`trimend`	`trimend`	`string`	—	Trims this much off the end of the clip (CSS time), mirrored from the source `<ef-video>`.
`trimstart`	`trimstart`	`string`	—	Trims this much off the start of the clip (CSS time), mirrored from the source `<ef-video>`.
`variants`	`variants`	`string`	`""`	Adaptive variant ladder URL, mirrored from the source `<ef-video>`.
`viewport-width`	`viewportWidth`	`number`	—	Visible viewport width in pixels, used to virtualize thumbnail generation.

<ef-thumbnail-strip
  target="my-video"
  thumbnail-height="56"
  use-intrinsic-duration
  style="display: block; width: 100%; height: 56px;"
></ef-thumbnail-strip>

CSS Parts

Part	Description
`canvas`	The filmstrip-rendering canvas.