# Media Clip Range Selector

Trim a fixed 15-second clip out of a 60-second interview recording.

- id: `media-clip-range-selector`
- Page: https://agentic-ui-kit.com/components/media-clip-range-selector
- Live preview: https://agentic-ui-kit.com/live/component/media-clip-range-selector

## Install

```bash
agentic-ui add media-clip-range-selector
npx shadcn@4.17.0 add @agentic-ui/media-clip-range-selector
```

## Metadata

- **Level:** block
- **Category:** block
- **Installable in:** Radix UI (registry variant new-york)
- **Capabilities:** fixed-duration-window, linked-thumbs, pointer-drag, keyboard-stepping, boundary-clamping, configurable-min-max-step, controlled-value, accessible-start-end-labels, value-readouts, disabled-state, reduced-motion-fallback
- **Intents:** create-edit, configure
- **Suits domains:** media, music, social, ai-workspace, saas
- **Interaction:** drag, keyboard-navigation, track-click
- **Screen role:** detail
- **Density:** medium
- **Dark mode:** yes
- **Use it for:** trim a fixed 15-second clip out of a 60-second interview recording, choose the 30-second preview window of a track before publishing, pick the fixed-length excerpt a transcription or summarisation model should process, select a fixed billing or reporting window inside a longer time axis
- **Avoid when:** both endpoints must move independently (use a plain two-thumb range slider such as the price filter), the value is a single position, e.g. playback progress or volume, the window must be dragged by its middle band; that gesture is not part of this contract
- **Preserve when adapting:** fixed-duration-contract, linked-thumb-model, boundary-clamping, accessible-thumb-labels
- **Replace when adapting:** duration-min-max-step, value-formatting, labels-and-copy, surrounding-waveform-or-timeline
- **Adaptation effort:** low
- **Coupling:** low
- **Quality score:** 8.9/10
- **Quality breakdown:** visual 8/10, responsive 9/10, accessibility 9/10, code 9/10
- **Uses primitives:** slider
- **npm dependencies (registry):** radix-ui@^1.6.7
- **Registry dependencies:** lib-primitives, lib-tokens