Skip to main content

Web Components — Multiclip

Multiple <daw-clip> elements per track with interactive-clips enabled — drag to move, drag clip edges to trim, press S at the playhead to split. Each clip loads its own pre-computed peaks (.dat file) for instant rendering.

Loading...

Keyboard shortcuts

  • Space — play/pause
  • Esc — stop
  • S — split selected clip at playhead
  • Cmd/Ctrl+Z / Cmd/Ctrl+Shift+Z — undo/redo

Shortcuts are provided by the <daw-keyboard-shortcuts> element. Same pattern as React's <KeyboardShortcuts /> component but framework-agnostic.

Run it locally

pnpm example:dawcore-native → opens examples/dawcore-native/multiclip.html (with an additional event-log panel showing every daw-* event the editor emits).

In Partnership With

Télécom Paris