如何在Processing中用ControlP5按钮触发processing.sound播放音频？

ControlP5按钮的核心逻辑是同名回调函数——你给按钮起的名字是什么，就写一个同名的void方法，点击按钮时Processing会自动调用这个方法。结合你的代码，直接补全逻辑即可：

完整可运行代码 #

import controlP5.*;
import processing.sound.*;

SoundFile song;
ControlP5 cp5;
boolean isPlaying = false;

void setup() {
  size(800, 800);
  // 注意：音频文件必须放在sketch的data文件夹里，没有就手动创建一个
  song = new SoundFile(this, "my-sound-file.mp3");

  cp5 = new ControlP5(this);
  cp5.addButton("toggleAudio")
    .setValue(0)
    .setPosition(300, 100)
    .setSize(200, 100)
    .setLabel("Play");
}

void draw() {
  background(240); // 加个背景让按钮更显眼
}

// 按钮回调函数，名字和按钮名完全一致
void toggleAudio() {
  if (!isPlaying) {
    song.play();
    isPlaying = true;
    cp5.getButton("toggleAudio").setLabel("Pause"); // 点击后切换按钮文字
  } else {
    song.pause();
    isPlaying = false;
    cp5.getButton("toggleAudio").setLabel("Play");
  }
}

核心要点 #

• 回调函数匹配：按钮命名为toggleAudio，就必须对应void toggleAudio()方法，ControlP5会自动绑定点击事件。
• 状态切换：用isPlaying变量记录音频状态，实现点击一次播放、再点暂停的逻辑。
• 文件路径要求：音频文件一定要放在项目的data目录下，否则Processing找不到文件。

如果只需要点击按钮直接播放（不需要暂停切换），可以简化成这样：

// 按钮名字改成play，对应回调方法
void play() {
  song.jump(0); // 每次点击都从头播放
  song.play();
}

内容的提问来源于stack exchange，提问作者Brendanh