Skip to content

Language Settings

Preload SoundFile

Call loadSound() during preload() to ensure that the sound is completely loaded before setup() is called. It's best to always call loadSound() in preload(), otherwise sounds won't necessarily be loaded by the time you want to play them in your sketch. *

To run this example locally, you will need the p5.sound library a sound file, and a running local server.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
let song;
function preload() {
  song = loadSound('assets/lucky_dragons_-_power_melody.mp3');
}
function setup() {
  createCanvas(710, 200);
  song.loop(); // song is ready to play during setup() because it was loaded during preload
  background(0, 255, 0);
}
function mousePressed() {
  if (song.isPlaying()) {
    // .isPlaying() returns a boolean
    song.pause(); // .play() will resume from .pause() position
    background(255, 0, 0);
  } else {
    song.play();
    background(0, 255, 0);
  }
}
X

creative commons license