How to Use the Audio Visualizer Widget
The Audio Visualizer creates real-time spectrum displays that react to your audio. Choose from 11 presets including LED bars, radial spectrums, wave forms, and more.
When to Use
- Adding visual interest to music or podcast streams
- Creating a “music playing” visual during breaks
- Adding audio-reactive effects to your production
- Visualizing a specific audio source (mic, music, etc.)
Steps
Step 1: Add the Audio Visualizer
- Open the Layers tab. Apps work on both scene types:
- Dynamic Scene: expand Apps & Widgets -> Add from marketplace
- Pro scene: click Add New Layer -> Apps & Widgets
- Find Audio Visualizer in the market (or search for it) and click the card, then click Add to Scene
Step 2: Select Audio Input Source
Choose what audio to visualize:
| Source | Description |
|---|---|
| Live Scene | Visualizes the overall scene audio (default) |
| Background Music | Visualizes only the background music track |
| Single Layer | Visualizes audio from one layer (camera, mic, video, etc.) |
To visualize one layer, choose Single Layer under Sound Input and then pick the layer from the list. Supported layer types: Video, Audio, Screen Share, Media, Editor, Remote Guest, Speaker.
Step 3: Choose a Visualization Preset
| Preset | Description | Best For |
|---|---|---|
| Classic LED | LED-style bar display | General purpose, familiar look |
| Mirror Wave | Mirrored waveform | Music streams |
| Radial Spectrum | Circular frequency display | Eye-catching centerpiece |
| Bark Scale | Bark frequency scale | Audio analysis |
| Round Bars | Rounded bar style | Soft, modern look |
| Reflex Mirror | Bars with reflection + mirror | Premium feel |
| Big Bars | Large bar visualization | Bold, impactful |
| Radial Inverse | Inverted circular mode | Unique visual |
| Reflex Bars | Bars with reflection effect | Clean, professional |
| Color Lines | Colored line graph | Minimal, artistic |
| Default | Standard configuration | Starting point |
Step 4: Customize Appearance
Basic Settings:
| Setting | Default | Description |
|---|---|---|
| Background Color | Semi-transparent black | Scene background (supports transparency) |
| Round Corners | 0px | Border radius (0-960px) |
| Color Mode | Gradient | Gradient / Bar Index / Bar Level |
| Gradient | Classic | Classic / Prism / Rainbow / Steel Blue / Orange Red |
Advanced Settings (optional):
- Smoothing (0-0.9) - Higher = smoother animation
- Bar Space (0-0.95) - Gap between bars
- Min/Max Frequency - Range of frequencies shown
- Min/Max Decibels - Sensitivity threshold
- LED Bars - Toggle LED-style rendering
- Radial Mode - Enable circular visualization
- Show Peaks - Display peak indicators
- Reflection - Add mirror reflection effect
Step 5: Position and Size
- Resize the visualizer to fit your scene
- Common placements: bottom of screen, behind speaker, full-screen for music breaks
- Use transparent background to overlay on other content
Tips
- Classic LED preset is the easiest to start with
- For music streams, try Mirror Wave or Radial Spectrum
- Transparent background lets you overlay the visualizer on other scene elements
- Adjust Min/Max Decibels if the visualizer is too quiet or too active
- The Radial Spectrum preset makes a great centerpiece for audio-focused shows
- Not available on iOS devices