# SoundManager 2 / 360° Player Demo: JS + Canvas Visualization

Canvas-based UI with visualization options. Note: Beta-ish code. Spectrum/EQ visualizations disabled for IE due to low performance.

You can also show FPS or customize the UI. Check the basic template for a minimal code example; also see the default 360° UI.

Waveform EQ Amplifier

Circle Diameter
  Size
  1-256
Waveform Thickness
  thickness
  1-100
Wave Downsample
  (Scale)
  1-16
EQ Thickness
  thickness
  1-50
EQ Downsample
  (Scale)
  1-16

Waveform position: Inside | Outside
EQ position: Inside | Outside
Waveform color:
EQ color:
Loaded ring color:
Progress ring color:
Background ring color:

    Code goes here

Get a sound playing, then adjust the values to see real-time updates.

## Inline list

20060826 - Armstrong Groove
20090119 - Untitled Groove
Sine, Square, Sawtooth, Wave (Warning: LOUD)
20090207 - Loverman

## Block list

Angry cow sound?
1-10 Khz Sweep (Warning: LOUD)

## Variant: Annotations/meta-data

- A Virtual Haircut (3 scenes)
  4:43

  - Electric razor

    0:00

  - Water, scissors

    2:41

  - More razor work

    4:00
- Rubber Chicken Launch (Office)
  0:47

  - First attempt

    0:00

  - Fire!

    0:02

  - "Too much angle"

    0:05

  - Random chicken noise

    0:18

  - "Wait a second"

    0:31

  - Derrr..

    0:34

  - Launch attempt #2

    0:36

  - "Wrong angle"

    0:39

  - "Fail"

    0:42

SoundManager 2 project page (not an MP3 link)