1a2n Web Visualizer

MilkDrop-style audio visualizer pages built with butterchurn. Use them as an OBS browser source, a standalone fullscreen visualizer, or a touch-first mobile experience. The application includes 18,147 presets: 372 from four butterchurn preset packs, 14,203 mainline presets from the tens-of-thousands collection, 3,007 [EXP] presets, 57 [EXP2] presets, 280 [EXP3] presets, and 228 [EXP4] presets. It lazy-loads the mainline and experimental collections in chunks. The application is fully self-hosted and requires no CDN.

Production Deployment: https://visualizer.1a2n.net/ (/obs.html, /fullscreen.html, /demo.html, /mobile.html, and /performance.html). GitHub Actions deploys it from the develop branch.

All entry points share one controller module:

• src/obs.html: Provides an on-screen control panel for device selection, preset management, and auto-cycle configuration. Press H to hide the panel. The selected audio input is remembered across reloads, so an OBS scene refresh reconnects it rather than falling back to the system default.
• src/fullscreen.html: Provides a keyboard-controlled interface with no visible UI. It shows a five-second startup indicator, selects a random resident vendored preset, hides the cursor, and shuffles presets by default. Use it for window capture or secondary displays.
• src/demo.html: Runs the fullscreen build against a synthetic audio track generated in the page, so the presets react with no microphone permission and no virtual audio cable. The track is silent. It shares fullscreen.css and fullscreen-ui.js with the fullscreen build and adds genre, tempo, and intensity keys.
• src/mobile.html: Provides a touch-first browser interface with shuffle, visit history, interval, and hyperspeed controls. It does not request browser fullscreen or expose curation controls.
• src/performance.html: Plays only the presets in the curated performance catalog. Press 7, 8, or 9 to play the next low, medium, or high energy preset. The page holds no preset list and no curation controls.

The UI follows the brand visual system across all entry points. The palette uses Pitch (#0B0B0B), Paper (#EAE7E1), Charcoal (#242424), Concrete (#A6A39D), and Dull Silver (#74777A). Libre Franklin provides display and editorial text, with Helvetica, Neue Haas Grotesk, and Arial fallbacks. Cousine provides utility text, with IBM Plex Mono and Courier New fallbacks.

This is the beginning of the README. Read the rest at the original. Read the full README ↗