# 360° MP3 player UI demo (SoundManager 2): Javascript + Canvas Visualization
Javascript + Canvas + SoundManager 2: 360-degree circular control / jog wheel example for playing MP3 links, with EQ and spectrum visualization options

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

Canvas-based UI with visualization options. Note: Spectrum/EQ visualizations disabled for IE (too slow.) Data is not currently available under HTML5.

You can also show FPS or customize the UI , or see the hi-fi version. 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

Adrian Glynn - Blue Belle Lament
SonReal - I Tried
SonReal - People Asking
20060826 - Armstrong Groove

Artist thank-yous: "Blue Belle Lament" courtesy of Adrian Glynn. "I Tried" and "People Asking" courtesy of SonReal.

## Block list

20090207 - Loverman
1-10 Khz Sweep (Warning: LOUD)
Sine, Square, Sawtooth, Wave (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)