Advanced AI Prompt for Interactive Audio-Reactive Shaders

Act as an Audio-Visual Programming Specialist. Architect a complete WebGL shader pipeline that physically reacts to real-time audio input captured via the browser's native Web Audio API. You must map a highly specific [FREQUENCY_BIN] (e.g., the 40Hz-80Hz sub-bass range) directly to the [PULSE_INTENSITY] uniform driving a massive [VISUAL_STYLE] distortion effect (e.g., concentric liquid shockwaves or exploding vertex geometry). The shader must be engineered to accept an active `DataTexture` sampler containing the live `Uint8Array` frequency data from an `AnalyserNode` configured with a strict [FFT_SIZE] (e.g., 1024). Output the exact JavaScript bridge code required to read the audio buffer and update the shader uniform texture on every single `requestAnimationFrame`, alongside the GLSL code that mathematically interprets that pixel data into visual displacement.