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.