var slider;

var button;

var volhistory;

​

function preload() {

  song = loadSound("1.mp3");

}

​

function setup() {

  createCanvas(400,400);

  slider = createSlider(0, 0.1, 0, 0.001);

  button = createButton("Play");

  amp = new p5.Amplitude();

  button.mousePressed(togglePlaying);

}

​

function togglePlaying(){

  if(!song.isPlaying()){

    song.play();

    button.html("Pause");

  }else{

    song.pause();

    button.html("Play");

  }

}

​

function draw() {

  background(51);

  //song.setVolume(slider.value());

  var vol = amp.getLevel();

  volhistory.push(vol);

  stroke(255);

  for(var i = 0; i < volhistory.length; i++ ) {

    var y = map(volhistory[i], 0, 1, height, 0);

    point(i, y);

  }

  //ellipse(200,200,400,vol * 200);

}

​