Skip to content
Television Simulator

Visualizer

The visualizer engine shows one of 100 really cool visualizations that react to the audio being played. Under the hood we’re using the Butterchurn library, which itself is a WebGL-based version of the legendary Milkdrop library to render these visualizations.

Visualizer engine in action

visualizer: https://example.com/audio-stream.mp3

Visualizer screenshot 2

visualizer:
  src: https://example.com/audio-stream.mp3
  visualization: 27
  visualizationDuration: 20
  visualizationBlendDuration: 1

Properties

Section titled “Properties”

src shorthand required

Section titled “src ”

Type: string

The URL of the audio stream to visualize.

visualization

Section titled “visualization”

Type: number
Default: 0

The ID of the visualization to use. Leave empty or set to 0 for a random one.

visualizationDuration

Section titled “visualizationDuration”

Type: number
Default: 30

How many seconds before choosing a new random visualization. Use 0 to stay on the same visualization indefinitely.

visualizationBlendDuration

Section titled “visualizationBlendDuration”

Type: number
Default: 2

How many seconds to blend visualizations together when switching.