Gallery
Fifty live demos. Every card opens the actual demo full-page — it loads the same pleco-xa bundle you’d npm install, points it at real audio, and computes in your browser. Nothing is pre-rendered or faked; each demo asserts real results with pass/fail badges.
Loop detection & DJ
Section titled “Loop detection & DJ”Loop detectionloop.detect() strategy shootout
Recurrence loop matrixrecurrence matrix loop detection
DJ crate analyzerDJ crate analyzer
Loop playerLoopPlayer
Loop buffer builderaudio-utils: loop buffer builder
Vocal separation & decomposition
Section titled “Vocal separation & decomposition”Vocal separation (flagship)FLAGSHIP: multi-scale fingerprint vocal separation
REPET-SIM vs fingerprintREPET-SIM vs fingerprint separation on a real mix
Vocal sep on real stemsvocal separation on REAL Orphans stems (REPET-SIM vs fingerprint)
HPSS decompositiondecompose: HPSS spectrogram triptych
HPSS marginsHPSS margins
Rhythm & tempo
Section titled “Rhythm & tempo”Beat trackingxa-beat-tracker: click train in, beat grid out
Beats through a tempo changeplot-dynamic-beat: beat tracking through a tempo change
Tempo-stability mapxa-bpm-algorithm: tempo-stability map tracks a 100→140 BPM jump
Downbeat detectionxa-downbeat: find beat 1 of an accent-shifted 4/4 pattern
Tempogram heatmapscripts/xa-tempogram.js
Onset detectionxa-onset: click-train onset detection
SuperFlux (vibrato-immune)superflux vibrato immunity
Pitch & chroma
Section titled “Pitch & chroma”Chromagramfeature/chroma.js
Enhanced chromaEnhanced chroma: harmonic + non-local + median
Harmonic spectrumTrack f0 and peel the overtones from a gliding quasi-vowel
Spectral & transforms
Section titled “Spectral & transforms”FFT / STFTxa-fft: FFT/STFT known-tone + spectrogram
MFCC + mel spectrogramfeature/mfcc.js + scripts/xa-display.js
Mel filterbankscripts/xa-mel.js
Chroma filterbankfilters/index.js
RainbowgramRainbowgram: phase-derivative color over a log-frequency spectrogram
specshow axis modesspecshow axis modes
Spectrum analyzerSpectrumAnalyzer
Griffin-Lim reconstructionxa-advanced: Griffin-Lim reconstruction A/B
Structure & sequence
Section titled “Structure & sequence”Laplacian segmentationlaplacian_segmentation: McFee-Ellis spectral clustering on real structure
Structure discoveryStructure discovery on an AABA form
Segment recurrencesegment recurrence (A-B-A)
DTW warping pathDTW warping path
Align two performances (DTW)DTW aligns a performance with its 1.25× time-stretched twin
Effects
Section titled “Effects”Effects suiteeffects: trim/split/preemph/stretch/shift/hpss/remix
FX auditionxa-fx: FX audition with sample-exact badges
Time/pitch compressioncompression: pitch-changing vs pitch-preserving
Audio I/O & playback
Section titled “Audio I/O & playback”Audio I/Oxa-audioio: synthesize, analyze, play
WAV save / reload / streamfile IO: WAV save→reload, registry cache, chunked reader
AudioPlayerAudioPlayer event contract
Hear your analysishear your analysis
Playback opsplayback/ops
Live speed controllive speed: playbackRate vs resample tiers
Load / draw / loopxa-audio-core: load → draw → loop
Waveform rendererWaveformRenderer + WaveformData
Real-time & streaming
Section titled “Real-time & streaming”Streaming metersstreaming/analyzers: chunk-size invariance
Creative play layer
Section titled “Creative play layer”Signature choreographycore/demoSequences.js
Glitch playgroundglitch playground (loopPlayground + beatGlitcher)
Quantum sequencerquantum op-stream sequencer
Getting started
Section titled “Getting started”Tutorial quickstarttutorial quickstart