- Home
- Product blog
- Sonic Weaver
Category
Sonic Weaver
Building and using Sonic Weaver: reading audio with the Web Audio API, the twenty-nine engines and their 180 modes, the Classic editor and node-based Studio, beat-synced rendering, and exporting release-ready video in the browser with WebCodecs.
29 articles
About the Sonic Weaver thread
Turning a track into video is a rendering problem wearing a music-theory costume. This cluster covers both halves: how audio is analysed in the browser with the Web Audio API and FFT, and how that analysis is turned into motion across the 29 engines in Sonic Weaver (Particles, Trails, Bloom, Character Motion, Radial, Spectrum, Bars, Tunnel, Waveform, Logo, Lattice, Terrain, Stage Lights, Harmonic Constellation, Chladni Resonance Plate, Voronoi Stained Glass, Procedural Night City, Spectral Topography, Fluid Ink Feedback, Arrangement Tunnel, Cover-Art Relief, Kinetic Lyric Typescape, Stereo Phase Garden, Horizon Scenes, Disco, Liquid, Portal, Now Playing, and Sketchbook), each carrying 6 or 7 modes, for 180 in total.
The recurring theme is that beat sync is not one thing. Locking every element to the same kick drum produces something that pulses uniformly and reads as cheap. The articles on multi-band sync work through splitting bass, mid, and treble onto different layers so a visualizer responds to the actual arrangement, which is the single change that most reliably separates an amateur result from a releasable one.
Export is treated as a first-class topic rather than a footnote. Rendering happens locally via WebCodecs, which means no queue and no upload, but it also means the constraints are your device's, and knowing where they bite is the difference between a finished video and a stalled tab.
What this topic covers
- Reading audio in the browser: FFT, frequency bands, onset detection, and what the numbers actually represent
- The 29 engines and their 180 modes: what each is good at, and how to mix them across layers
- Classic Editor vs the node-based Studio Workstation, and which one suits which job
- Multi-band beat sync: driving separate layers from bass, mid, and treble
- Release formats (vertical shorts, Spotify Canvas, lyric videos) and exporting with WebCodecs
Who it's for
Musicians and labels producing release assets, video editors who want audio-reactive motion without After Effects, and anyone interested in real-time graphics on the web platform.
29 articles in this thread, newest first. Every one is free to read with no signup.
Beyond the articles: Sonic Weaver
Turn a track into a beat-synced video: 180 modes, in the browser. The articles above are commentary; the pages below are the reference material, documentation for how the app works, a tool map listing every surface in it, and step-by-step tutorials.
- Documentation →The full technical reference for Sonic Weaver: what it does, how it works, and its limits.
- Tool map →Every tool and page in the app, each with a description and a direct link.
- Tutorials →Step-by-step walkthroughs, from a first run through to the advanced workflows.
- Open the app →Free, in your browser, with no signup for the core workflow.
Sub-topic
Type
29 articles in this thread
Sonic Weaver · Aug 8, 2026
One analysis, many engines: keeping beat sync consistent
Why every layer reads one shared audio frame, why the beat grid is measured from the whole file up front, and the two bugs that proved both decisions were worth making.
Sonic Weaver
Sonic Weaver · Jul 24, 2026
A field guide to the ten Sonic Weaver engines
An opinionated tour of all ten engines and their sixty modes: what each looks like, the music it suits, and when to reach for it.
Sonic Weaver
Sonic Weaver · Jul 23, 2026
Why we render 4K in your browser, and why there is no export quota
The export button is where most free video tools reveal their business model. Here is why ours has no watermark, no quota, and no server bill behind it.
Sonic Weaver
Sonic Weaver · Jul 22, 2026
From one track to vertical shorts, Canvas loops, and lyric videos
A single Sonic Weaver project, reframed into a 9:16 short, a seamless Spotify Canvas loop, and a lyric video with on-device captions.
Sonic Weaver
Sonic Weaver · Jul 22, 2026
The Character Motion engine: turning words into performance
A focused tour of the Character Motion engine and its six typographic and character-driven modes.
Sonic Weaver
Sonic Weaver · Jul 20, 2026
A repeatable release look: brand kit and saved projects
Build a look once (palette, type, and logo), save it as a project, and duplicate it per track so a whole release reads as one family.
Sonic Weaver
Sonic Weaver · Jul 20, 2026
Animating parameters with keyframes and graph curves
How the Studio Workstation timeline lets you keyframe any parameter, curve its motion, and lock changes to the beat and bar grid, moving past a single static reactive setting.
Sonic Weaver
Sonic Weaver · Jul 19, 2026
Depth without a 3D headache: the visualizer depth modes
Where depth actually lives across the ten engines, how to use it tastefully, and what it costs at export.
Sonic Weaver
Page 1 of 4