let beat, volSlider, panSlider, resetButton, playButton;

​

​

function preload() {

  createCanvas(400, 400);

  beat = loadSound("worm.mp3");

}

​

function setup() {

  background(20, 60);

  //beat.loop();

  volSlider = createSlider(0, 2, 1, 0.1);

  panSlider = createSlider(-1, 1, 0, 0.1);

  rateSlider = createSlider(-1,2,1, 0.1);

  resetButton = createButton("Reset ()");

  resetButton.position(90, height - 30);

  resetButton.mousePressed(resetSound);

  playButton = createButton("Play >");

  playButton.position(10, height - 30);

  playButton.mousePressed(playSound);

  amplitude = new p5.Amplitude();

}

​

function resetSound() {

  volSlider.value(1);

  panSlider.value(0);

  rateSlider.value(1);

  beat.stop();

  playButton.html("Play >");

}

function playSound() {

  if (beat.isPlaying()) {

    beat.pause();

    playButton.html("Play >");

  }

  else {

    beat.loop();

    playButton.html("Pause ||");

  }

}

​

function draw() {

  background(220);

  beat.setVolume(volSlider.value());

  beat.pan(panSlider.value());

  beat.rate(rateSlider.value());

  let aSize = map(amplitude.getLevel(),0,1,0,600)

  ellipse(200,200,aSize);

}

​

function mousePressed() {

  //beat.play();

}