console.log('please report issues at https://github.com/processing/p5.sound.js');

​

// expected behavior:

// when you click on the canvas, it toggles between red and green, and silence and sound playing respectively.

​

let startAudioButton = document.getElementById('startAudioButton');

let stopAudioButton = document.getElementById('stopAudioButton');

​

startAudioButton.addEventListener('click', function () {

  getAudioContext().resume();

});

​

stopAudioButton.addEventListener('click', function () {

  getAudioContext().suspend();

});

​

let song;

​

function preload() {

  // we have included both an .ogg file and an .mp3 file

  soundFormats('ogg', 'mp3');

​

  // if mp3 is not supported by this browser,

  // loadSound will load the ogg file

  // we have included with our sketch

  song = loadSound('./assets/lucky_dragons_-_power_melody.mp3');

}

​

function setup() {

  createCanvas(720, 200);

  background(0, 255, 0);

}

​

function mousePressed() {

  if (song.isPlaying()) {

    // .isPlaying() returns a boolean

    song.stop();

    background(255, 0, 0);

  } else {

    song.play();

    background(0, 255, 0);

  }

}

​