Twitch & OBS Audio Visualizer Overlay
An audio-reactive overlay makes a “just chatting” scene feel alive and gives music streams something to watch. AudioVisualize renders on a transparent or green-screen background, so it drops straight into OBS, Streamlabs or Twitch Studio.
Go live with your microphone or the music you’re playing, or export a looping clip to use as a stinger, alert or BRB screen.
Recommended setups
Transparent bars
Mirrored bars on Transparent. Export WebM and add it as a Media Source with the alpha channel intact.
Mirror · 1080p · 1920×1080
Load this setup
Green-screen alert
Circular rings on chroma green — key it out with OBS’s Chroma Key filter.
Circular · 720p · 1280×720
Load this setup
Mic-reactive waveform
Press Microphone and capture the tab in OBS as a live, voice-reactive layer.
Waveform · 1080p · 1920×1080
Load this setupTips
Transparent WebM vs. green screen
Transparent WebM keeps clean edges and glow but needs a browser and editor that support alpha in WebM. Green screen works everywhere — just add a Chroma Key filter.
Live capture with Window Capture
For a live overlay, open the visualizer in its own browser window, press Microphone, and add it in OBS with Window Capture plus Chroma Key on the green background.
Avoid echo
The microphone input is never played back through your speakers, so it won’t create feedback in your stream.
Keep it subtle
Overlays work best small and low in the frame. Scale the source to a third of the width and drop its opacity in OBS if it competes with your camera.