Components / Audio Slider

Audio Slider

Selecting a fixed-length window of an audio track: the same visual as VideoTrimmer, but the selection only slides left or right. No resize handles.

import { AudioSlider } from '@layers/ui/audio-slider'

Rendered stock

House rules

  • The selection window is fixed at selectionDuration; dragging slides it and onChange receives the new start time, snapped to whole seconds.
  • showPlayhead drives the CSS playhead; coverUrl paints the track background with the cover art.
  • Styles ship with the component (video-trimmer.css is self-imported).

See also