ef-waveform-strip

This element is a timeline waveform strip.

Attributes

Attribute	React prop	Type	Default	Description
`color`	`color`	`string`	—	Waveform color (any valid CSS color value); defaults to the audio track's theme color.
`duration`	`duration`	`number`	—	Trimmed clip duration in seconds, used to lay out the waveform.
`height`	`height`	`number`	—	Height of the strip in pixels (defaults to the element's rendered height, or 32).
`media`	`media`	`audio` \| `video`	—	Source element kind — determines the hidden decoder element used.
`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 — matches `ef-thumbnail-strip`.
`sourcein`	`sourcein`	`string`	—	Start time within the source (CSS time, e.g. `"1.5s"`), mirrored from the source element.
`sourceout`	`sourceout`	`string`	—	End time within the source (CSS time), mirrored from the source element.
`src`	`src`	`string`	`""`	URL of the source audio/video file to decode a waveform envelope from.
`trimend`	`trimend`	`string`	—	Trims this much off the end of the clip (CSS time), mirrored from the source element.
`trimstart`	`trimstart`	`string`	—	Trims this much off the start of the clip (CSS time), mirrored from the source element.
`variants`	`variants`	`string`	—	Adaptive variant ladder URL, mirrored from the source `<ef-audio>`/`<ef-video>`.
`viewport-width`	`viewportWidth`	`number`	—	Visible viewport width in pixels, used to virtualize waveform painting.

Part	Description
`canvas`	This part is the canvas that renders the waveform.