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).