This element is a timeline waveform strip.
Attributes
13 of 13
color
- React prop
color- Type
string- Default
- —
- Description
- Waveform color (any valid CSS color value); defaults to the audio track's theme color.
duration
- React prop
duration- Type
number- Default
- —
- Description
- Trimmed clip duration in seconds, used to lay out the waveform.
height
- React prop
height- Type
number- Default
- —
- Description
- Height of the strip in pixels (defaults to the element's rendered height, or 32).
media
- React prop
media- Type
audio | video- Default
- —
- Description
- Source element kind — determines the hidden decoder element used.
pixels-per-second
- React prop
pixelsPerSecond- Type
number- Default
100- Description
- Zoom level — pixels rendered per second of composition time.
scroll-left
- React prop
scrollLeftInClip- Type
number- Default
- —
- Description
- Clip-local scroll offset of the timeline viewport's left edge — matches
ef-thumbnail-strip.
sourcein
- React prop
sourcein- Type
string- Default
- —
- Description
- Start time within the source (CSS time, e.g.
"1.5s"), mirrored from the source element.
sourceout
- React prop
sourceout- Type
string- Default
- —
- Description
- End time within the source (CSS time), mirrored from the source element.
src
- React prop
src- Type
string- Default
""- Description
- URL of the source audio/video file to decode a waveform envelope from.
trimend
- React prop
trimend- Type
string- Default
- —
- Description
- Trims this much off the end of the clip (CSS time), mirrored from the source element.
trimstart
- React prop
trimstart- Type
string- Default
- —
- Description
- Trims this much off the start of the clip (CSS time), mirrored from the source element.
variants
- React prop
variants- Type
string- Default
- —
- Description
- Adaptive variant ladder URL, mirrored from the source
<ef-audio>/<ef-video>.
viewport-width
- React prop
viewportWidth- Type
number- Default
- —
- Description
- Visible viewport width in pixels, used to virtualize waveform painting.
CSS Parts
| Part | Description |
|---|---|
canvas | This part is the canvas that renders the waveform. |