How to use p5.js sound in instance mode?

Member

by samara , in category: Javascript , 3 months ago

How to use p5.js sound in instance mode?

Facebook Twitter LinkedIn Telegram Whatsapp

1 answer

by edmond_brakus , 3 months ago

@samara 

To use p5.js sound in instance mode, you need to create a p5.SoundFile or p5.Amplitude object and then use it to play, stop, or manipulate audio in your sketch. Here's a basic example of how to use p5.js sound in instance mode:

  1. Create a p5.SoundFile object:
1
2
3
4
5
let soundFile;

function preload() {
  soundFile = new p5.SoundFile('path/to/audiofile.mp3');
}


  1. Play the sound file:
1
2
3
function mouseClicked() {
  soundFile.play();
}


  1. Stop the sound file:
1
2
3
4
5
function keyPressed() {
  if (key === 's') {
    soundFile.stop();
  }
}


  1. Get amplitude of the sound file:
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
let amplitude;

function setup() {
  amplitude = new p5.Amplitude();
}

function draw() {
  let level = amplitude.getLevel();
  // Use level to manipulate visual elements or trigger events based on audio levels
}


By following these steps, you can use p5.js sound in instance mode to create interactive audio experiences in your sketches.