v1.0 • Data • 9kb gzipped • MIT
WaveDeck
Audio waveform rendering and region selection, decoded off the main thread.
// why wavedeck
Decoded in a worker
Peak extraction happens off the main thread, so a forty-minute file does not freeze the interface while it loads.
// stack
Peaks you can cache
Peak data is a plain typed array you can store server-side and hand back later to skip decoding entirely.
WaveDeck started as a single file in a client project and stayed small on purpose. It does one job, it does it in 9kb gzipped, and it has no runtime dependencies.
Getting started
Install it, import it, call it:
npm i wavedeck-jsPeak extraction happens off the main thread, so a forty-minute file does not freeze the interface while it loads.
What it does not do
It does not manage your state, style your components or ship a plugin system. Those are your decisions, and keeping them out is what keeps the bundle honest.
- Worker decoding
- Region selection
- MIT licensed, commercially friendly
Features
Worker decoding
Long files decode in the background with progress reporting.
Region selection
Draggable, resizable regions with snapping and keyboard adjustment.
ESM and types
Ships module and CommonJS builds with hand-written type definitions and source maps.
Off the main thread
Heavy work moves to a worker automatically when one is available.
Accessible output
Every visual is paired with a text alternative that reflects the same data.
Export built in
One call produces PNG, SVG or the underlying values as CSV.
Get WaveDeck v1.0
4 files • .min.js 9kb • .zip 45kb • sha384 verified
Changelog
- First stable release
- Worker-based peak extraction
- Region keyboard controls
- Safari 16 compatibility fixes
- Bundle size reduced by eleven percent
- Improved error messages for invalid options
- Added twenty regression tests
// related
Related products
ChartForge
Canvas charts in twelve lines. Responsive, accessible and dark-mode ready, with no D3 learning curve.
View →MotionEase
Physics-based micro-animations with a single call. Spring curves that feel right without a tuning session.
View →FormFlow
Validation and multi-step logic that works the same in React, Vue and vanilla. Your markup stays yours.
View →Ship the dashboard today.
MIT licensed. Commercial friendly. Five-minute setup.