let recorder;

let sound;

let state = 0;

​

function setup() {

  createCanvas(400, 400);

  // Set up mic

  mic = new p5.AudioIn();

  // Set up recorder

  recorder = new p5.SoundRecorder();

  // Connect mic to recorder

  recorder.setInput(mic);

  // Turn on mic

  mic.start();

  // Display instructions

  textAlign(CENTER, CENTER);

  background('green');

  text('Press any key to record.', width / 2, height / 2);

}

​

function keyPressed() {

  // Increment the state on every keypress

  state++;

  // There are only 3 states

  state %= 3;

  // Record the sample in state 1

  if (state == 1) {

    sound = new p5.SoundFile();

    recorder.record(sound);

    background('red');

    text('Press any key to stop recording.', width / 2, height / 2);

  // Stop recording in state 2

  } 

  else if (state == 2) {

    recorder.stop();

    background('gray');

    text('Press any key to loop.', width / 2, height / 2);

  // Loop the sample in state 3

  } 

  else {

    sound.loop();

    background('green');

    text('Press any key to record.', width / 2, height / 2);

​

  }

}