Clip Trimmer

Accessibility

• Handles are sliders with readable times.
• Time is always shown as text.

Motion

• The edge follows the pointer and snaps to whole seconds within 5 px.
• Play loops inside the range. Export fills the range.
• The active handle widens from 14 to 16.
• With reduced motion, playback runs once.

Responsive behavior

• 480 px on Web, 358 px on Mobile, with the same 52 px handles.

Performance

• Playback runs on requestAnimationFrame only while playing.
• Drag listeners attach to the handle on press and are removed on release.

• Import ClipTrimmer. Props: src, alt, duration, defaultStart, defaultEnd, onChange, onExport, animated.
• src is a still of the clip and the filmstrip slices it. There is no video element.
• onExport(range, report) renders and reports 0 to 1. A rejection shows Export failed. Without it progress is simulated, as in the demo.
• Handles snap to whole seconds and keep a clip of at least 1 s.