Load and Play Sound / サウンドの読み込みと再生

preload() 中にサウンドを読み込みます。キャンバスがクリックされたときにサウンドを再生します。ローカルで実行するには、p5.soundライブラリ、サウンドファイル、およびローカルサーバーが必要です。

p5.sound loadSound play
Sound Media

View Source Code

/*
 * @name Load and Play Sound
 * @arialabel Red screen turns green when the user clicks on it and plays music
 * @description Load sound during preload(). Play a sound when canvas is clicked.
 * <br><br><em><span class="small"> To run this example locally, you will need the
 * <a href="http://p5js.org/reference/#/libraries/p5.sound">p5.sound library</a>
 * a sound file, and a running <a href="https://github.com/processing/p5.js/wiki/Local-server">local server</a>.</span></em>
 */
let song;

function setup() {
  // song = loadSound('assets/lucky_dragons_-_power_melody.mp3');
  song = loadSound('../../../../p5js-website-legacy-examples/assets/lucky_dragons_-_power_melody.mp3');
  // createCanvas(720, 200);
  createCanvas(windowWidth, windowHeight);
  background(255, 0, 0);
}

function mousePressed() {
  if (song.isPlaying()) {
    // .isPlaying() returns a boolean
    song.stop();
    background(255, 0, 0);
  } else {
    song.play();
    background(0, 255, 0);
  }
}

License

Source code is available on GitHub p5.js website legacy.

All examples are licensed under CC BY-NC-SA 4.0.