let soundFileNames = [

  "sounds/start-computer.mp3",

  "sounds/sci-fi-computer.mp3",

  "sounds/classic-computing.mp3",

  "sounds/mechanical-typing.mp3",

  "sounds/kb-typing-sounds.mp3",

  "sounds/beeping.mp3", 

  "sounds/does_not_compute.mp3",

  "sounds/computer.mp3",

  "sounds/1950computer.mp3",

  "sounds/transmission.mp3",

];

let currentSoundIndex = 0;

let playPauseCounter = 0;

​

function preload() {

  for (let i = 0; i < soundFileNames.length; i++) {

    soundFiles[i] = loadSound(soundFileNames[i]);

  }

}

​

function setup() {

  createCanvas(800, 400);

  textAlign(CENTER, CENTER);

  textSize(30);

}

​

function draw() {

  background(0);

  fill(230, 230, 250);

​

  if (currentSoundIndex < soundFiles.length) {

    if (soundFiles[currentSoundIndex].isPlaying()) {

      text(

        `⦿ Playing file ${currentSoundIndex + 1}

... Click to pause`,

        width / 2,

        height / 2

      );

    } else {

      text(

        `⦾ Paused file ${currentSoundIndex + 1}

... Click to play`,

        width / 2,

        height / 2

      );

    }

  } else {

    text("All files played. Restart to listen again.", width / 2, height / 2);

  }

}

​

function mousePressed() {

  if (currentSoundIndex < soundFiles.length) {

    let currentSound = soundFiles[currentSoundIndex];

​

    if (currentSound.isPlaying()) {

      currentSound.pause();

    } else {

      currentSound.play();

    }

​

    // Increase playPauseCounter; if it's 2, move to the next sound file

    playPauseCounter++;

    if (playPauseCounter >= 2) {

      playPauseCounter = 0;

      currentSoundIndex++;

    }

  }

}

​