Waveform Studio

Build “Waveform Studio,” a polished browser-based audio waveform visualizer and visual-design tool. Include three bundled sounds with distinct character—a short drum loop, an ambient chord, and a clean melodic sample—with play, pause, seek, and volume controls. Let users import a common audio file, decode and analyze it entirely in the browser, and never upload it anywhere.

Render the waveform with Canvas or WebGL and update it during playback. Give users visual controls for line thickness, amplitude, smoothing, zoom, mirrored versus single-sided layout, linear versus radial layout, foreground gradient, background color, glow, and playback-head style. Provide strong presets and let users save settings locally. The interface should feel like a focused design app, not an audio workstation.

Handle unsupported or oversized files gracefully. Make controls responsive and keyboard accessible, run build and lint, and verify all three samples, local import, seeking, visualization modes, and saved presets in the browser with no console errors.