import processing.serial.*;
import ddf.minim.*;

Minim minim;
AudioPlayer stand;
AudioPlayer sit;
AudioPlayer move;

int lf = 10; 
String myString = null;
Serial myPort;   
int sensorValue = 0;

void setup() {

  printArray(Serial.list());

  myPort = new Serial(this, Serial.list()[0], 9600);
  myPort.clear();

  myString = myPort.readStringUntil(lf);
  myString = null;

  minim = new Minim(this);

  stand = minim.loadFile("stand.mp3"); 
  sit = minim.loadFile("sit.mp3");
  move = minim.loadFile("move.mp3");
}

void draw() {

  while (myPort.available() > 0) {

    myString = myPort.readStringUntil(lf);

    if (myString != null) {
      myString = myString.trim();   

      if(myString.length() > 0) {
        println(myString);              
        }

      if(myString.equals("sit")){
            move.pause();
            stand.pause();
            sit.rewind();
            sit.play();

            if(sit.isPlaying() == true)  {
              println("Sound");
            }

        }        
      if(myString.equals("stand")){
            sit.pause();
            move.pause();
            stand.rewind();
            stand.play();

            if(stand.isPlaying() == true)  {
              println("Sound");
            }

        }        
      if(myString.equals("move")){
            stand.pause();
            sit.pause();
            move.rewind();
            move.play();

            if(move.isPlaying() == true)  {
              println("Sound");
            }

        }
      }
    }
  }

I have tried a few things. I am having limited success with some code from @akenaton that I found in this thread: https://forum.processing.org/two/discussion/8949/how-do-i-play-a-random-audio-sample

I merged that code with the scrollable list. So far, I'm only managing to pause the audio on clicking the menu. I am probably missing something obvious.

As ever, any tips much appreciated :)

import ddf.minim.*;
import controlP5.*;
import java.util.*;
AudioPlayer player;
Minim minim;
ControlP5 cp5;

boolean playeurInit = false;// que leplayer n'est pas lancé
boolean stop = true;

String[] table = {"train1.wav", "train2.wav"};

int randomWav; 
String wav; 

void setup() {
  size(400, 400);

  minim = new Minim(this);
  int randomWav = int(random(table.length));
  String son = table[randomWav];
  //println(son);
  player = minim.loadFile(son);
  player.pause();   

  cp5 = new ControlP5(this);
  List l = Arrays.asList("a", "b", "c", "d", "e", "f", "g", "h");
  cp5.addScrollableList("dropdown").setPosition(10, 10).setSize(200, 100).setBarHeight(20).setItemHeight(20).addItems(l);   
}


void draw() {
  background(240);
  if (!stop) {
    if (player.isPlaying() == false) {
          randomWav = int(random(table.length));
          println(randomWav);
          wav = table[randomWav];
          player = minim.loadFile(wav);
          player.play();
          player.loop();//you can change that!
          playeurInit = true;
     }
  }
}


void dropdown(int n) {
  if(stop == true)
  {
    stop = false;
  }else{
    stop = true;
    player.play();
    if (player.isPlaying() == true ) 
    {
      player.pause();
      //player.play();
    }
  }

  CColor c = new CColor();
  c.setBackground(color(255,0,0));
  cp5.get(ScrollableList.class, "dropdown").getItem(n).put("color", c);
}


void stop(){
  player.close();
  minim.stop();
  super.stop();
}

     import processing.sound.*;
     import org.openkinect.processing.*;
     import processing.video.*;


    Movie vid;
    Movie vid1;
    SoundFile sound1;
    SoundFile sound2;
    Kinect2 kinect2;

    //PImage depthImg;
    //PImage img1;

    //pixel
    int minDepth=0;
    int maxDepth=4500; //4.5m

    boolean off = false;

    void setup() {
      size(1920,1080);
      //fullScreen();
      vid = new Movie(this, "test_1.1.mp4");
      vid1 = new Movie(this, "test_1.1.mp4");
      sound1 = new SoundFile(this, "cosmos.mp3");
      sound2 = new SoundFile(this, "NosajThing_Distance.mp3");

      //MOVIE FILES
          //01.MOV
          //03.MOV
          //02.mov (File's too big)
          //Urban Streams.mp4
          //HiddenNumbers_KarinaLopez.mov
          //test_w-sound.mp4
          //test_1.1.mp4
          //test005.mov
      //SOUND FILES      
          //cosmos.mp3
          //NosajThing_Distance.mp3

      vid.loop();
      vid1.loop();
      kinect2 = new Kinect2(this);
      kinect2.initDepth();
      kinect2.initDevice();
    //depthImg = new PImage(kinect2.depthWidth, kinect2.depthHeight);
    //img1 = createImage(kinect2.depthWidth, kinect2.depthHeight, RGB);
    }

    void movieEvent(Movie vid){
      vid.read();
      vid1.read();
    }


    void draw() { 
      vid.loadPixels();
      vid1.loadPixels();

      //image(kinect2.getDepthImage(), 0, 0);

        int[] depth = kinect2.getRawDepth();

      float sumX=0;
      float sumY=0;
      float totalPixels=0;

        for (int x = 0; x < kinect2.depthWidth; x++){
          for (int y = 0; y < kinect2.depthHeight; y++){
            int offset = x + y * kinect2.depthWidth;
            int d = depth[offset];

            if ( d > 0 && d < 1000){
          //    //video.pixels[offset] = color(255, 100, 15);
          sumX +=x;
          sumY+=y;
          totalPixels++;
             brightness(0);
            } else {
          //    //video.pixels[offset] = color(150, 250, 180);
              brightness(255);
            }      }
        }
    vid.updatePixels();
    vid1.updatePixels();

    float avgX = sumX/totalPixels;
    float avgY=sumY/totalPixels;


    //VID 01 - Screen 01
    if (avgX>300 && avgX<500){
    tint(255, (avgX)/2);
    image(vid1, 1920/2, 0);
    if(sound2.isPlaying()==0){
    sound2.play(0.5);
    sound2.amp(0.5);
    }
    }else{
    tint(0, (avgX)/2);
    image(vid1, 1920/2, 0);
    if(sound2.isPlaying()==1){
     delay(1);
    //IT DIMS THE VOLUME TO 0 BUT IT DOESN'T GO BACK TO VOLUME 0.5 [sound2.amp(0.5);]
     sound2.amp(0);
     }
    }
     //VID 02 - Screen 01
     if (avgX>50 && avgX<200){
    tint(255, (avgX)/3);
    image(vid, 0-(1920/2), 0);
    }else{
       tint(0, (avgX)/3);
       image(vid, 0-(1920/2), 0);
     }
    }

Basically, I'm trying to create web-based sound player that, when clicked, plays a randomized playlist of sound files. I'm imagining that to create this, I'll use a variant on this p5 Load and Play Sound code (link). Other stuff I'll need, in addition to the components in the example, (I'm guessing) will be:

• A set of mp3s in a folder.

• Calling these mp3s somehow, maybe with random().

• Either triggering each new mp3 from the end of the previous mp3, or assembling them in order when the player is clicked.

Does that sound right? Any general or specific recommendations about how to make this happen?

Thanks a lot!

I've been working on a script where in very simple terms I would like a random beep to sound (Audioplayer beep - working!) and after that beep, a sequence of audio tracks to play (currently arranged in the array audio) and eventually audio recordings to be made (not set up yet).

My current issue is that

audio[0].play(); 

is working perfectly but not then playing the second audio track. I've tried setting this up as a separate event (

void playrecord()

) and have found this thread very helpful to get the crux of the code from @GoToLoop: https://forum.processing.org/two/discussion/12966/how-to-play-an-audio-file-sequentially.

Ideally I would like to sequence it as audio 0 play, record audio input 0 through microphone, audio 1 play, record audio input 1 through microphone. All before the next "beep" sound is made.

Can anyone suggest what is going wrong?

import ddf.minim.*;
import ddf.minim.AudioPlayer;
import oscP5.*;
import netP5.*;

OscP5 oscP5;
NetAddress otherSketch;

Minim minim;
AudioPlayer beep;

static final int AUDIO = 2;
final AudioPlayer[] audio = new AudioPlayer [AUDIO];
AudioInput daydream;
AudioRecorder[] recorder = new AudioRecorder [1];

PFont f;
int [] beeps = new int [5];
int ms;
int start = -millis();
int totalBeeps;
int beeptime;
boolean pressEnter;

int current=-1;
int count=0;
 
void setup() {
  size (512, 200, P3D);
  f= createFont ("Georgia", 16);
 
  boolean pressEnter = false;
  totalBeeps = 0;
 
  oscP5 = new OscP5(this,8001); /* start oscP5, listening for incoming messages at port 8001 */
  otherSketch = new NetAddress("xxxxxx",8000); /* Start listening at (IP Address, Port Number) */
  
 
  int fac=1000;
  beeps [0] = int(random(10, 60))*fac;//these numbers aren't right but give an earlier beep!
  beeps [1] = int(random(1260, 1739))*fac;
  beeps [2] = int(random(1860, 2339))*fac;
  beeps [3] = int(random(2460, 2939))*fac;
  beeps [4] = int(random(3060, 3539))*fac;
 
  printArray (beeps);
  
  minim = new Minim(this);
  audio [0] = minim.loadFile ("Audio_01.mp3");
  audio [1] = minim.loadFile ("Audio_02.mp3");
  
  minim = new Minim(this);
  daydream = minim.getLineIn();
 // recorder [0] = minim.createRecorder(daydream, "audio01.mp3");
  
  minim = new Minim(this);
  beep = minim.loadFile ("ping.mp3");
}
 
void keyPressed() { //boolean controlling the start screen.
  if (keyCode == ENTER) { 
    start = millis();
    pressEnter = true;
  }
}
 
void draw () {
 
  background (255);
  textFont (f, 16);
  fill (0);
 
  int ms = millis()-start;
 
  println(ms, start);
  
  startScreen();

  for (int i=0; i beeps[i] && i>current) {
      current=i;
      beeptime=millis();
      beep.rewind();
      beep.play();
      totalBeeps =totalBeeps+1;
      OscMessage myMessage = new OscMessage("time in milliseconds");
      myMessage.add(ms); 
      myMessage.add(millis()); 
      myMessage.add(beeptime); 
      myMessage.add(start); 
      oscP5.send(myMessage, otherSketch);       
playrecord();
    }
  } 
}

void startScreen(){
  
  if (pressEnter)//this boolean controls the start screen and initiates the timer -resetting millis to 0 when ENTER is pressed.
  {
    text("The experiment has begun and these are the random beep times:", 10, 40);
    text(beeps[0], 10, 70);
    text("milliseconds", 80, 70);
    text(beeps[1], 10, 90);
    text("milliseconds", 80, 90);
    text(beeps[2], 10, 110);
    text("milliseconds", 80, 110);
    text(beeps[3], 10, 130);
    text("milliseconds", 80, 130);
    text(beeps[4], 10, 150);
    text("milliseconds", 80, 150);
  } else {
    text("Press Enter to begin", 10, 100);
  }
 
  if (!pressEnter)
    return;
}

void playrecord(){
     audio[0].play();
     if (!audio[count].isPlaying()) audio[count=(count+1)% AUDIO].play(); 
}

I want that the mouse trigger random soundfiles just with moving in the browser. Can anyone help me that is my code. I tried many stuff. Thanks!!!! If anyone can help me.

var positionen = 50;
var buttons = [];
var songs = [];
var totalSongs = 9;
var lieder = [];
var tunes = [];

function windowResized() {
  resizeCanvas(windowWidth, windowHeight);
}


function setup() {
  createCanvas(windowWidth, windowHeight);

  var protection = 0;

  while (lieder.length < positionen) {
    var lied = {
      x: random(width),
      y: random(height),
      r: random(6, 150)
    }

    var overlapping = false;
    for (var j = 0; j < lieder.length; j++) {
      var other = lieder[j];
      var d = dist(lied.x, lied.y, other.x, other.y);
      if (d < lied.r + other.r) {
        overlapping = true;
      }
    }
    if (!overlapping) {
      lieder.push(lied);
    }

    protection++;
    if (protection > 10000) {
      break;
    }
  }

  for (var z = 0; z < totalSongs; z++) {
    ton(z, 'assets/dorrbell-00' + z + '.mp3');
  }
  for (var i = 0; i < lieder.length; i++) {
    buttons[i] = new Button(i, lieder[i].x, lieder[i].y, (lieder[i].r * 1.5));
  }

}


function ton(index, filename) {
  loadSound(filename, soundLoaded);

  function soundLoaded(sound) {
    songs[index] = sound;
    for (var u = 0; u < buttons.length; u++) {
      randomSound(u, random(songs));
    }
  }
}

function randomSound(index, tune) {
  tunes[index] = tune;
}

function draw() {
  background(255);
  for (var i = 0; i < buttons.length; i++) {
    //buttons[i].playSound(mouseX, mouseY);
    buttons[i].display(mouseX, mouseY);

  }
}


// function mouseMoved() {
//   for (var i = 0; i < buttons.length; i++) {
//     if (buttons[i].contains(mouseX, mouseY) && !tunes[i].isPlaying()) {
//       tunes[i].playMode('restart');
//       tunes[i].setVolume(1);
//       tunes[i].play();
//     } else {
//       //tunes[i].setVolume(0, 1);
//       //tunes[i].stop();
//     }
//   }
// }

var Button = function(i_, x_, y_, r_) {
  var x = x_;
  var y = y_;
  var r = r_;
  var mouseisOver = false;

  this.contains = function(mx, my) {
    if (dist(mx, my, x, y) < r) {
      return true;
    } else {
      return false;
    }
  };

  this.display = function(mx, my) {
    if (this.contains(mx, my)) {
      mouseisOver = true;
      fill(100);
    }
    if (!this.contains(mx, my)) {
      fill(175);
      mouseisOver = false;
    }
    print(mouseisOver);
    noStroke(0);
    ellipse(x, y, r, r);
  };

  // // this.playSound = function(mx, my) {
  // //   (buttons[i].contains(mouseX, mouseY) && !tunes[i].isPlaying()){
  //      tunes[i].playMode('restart');
  //       tunes[i]].play();
  //       tunes[i].setVolume(1,2);
  //       tunes[i].play();
  //     } else {
  //       //tunes[i].setVolume(0, 1);
  //       //tunes[i].stop();
  //   }
  // };

}

import processing.serial.*;

import ddf.minim.*;


Minim minim;

AudioPlayer stand;

AudioPlayer sit;

AudioPlayer move;

AudioPlayer bitch;

AudioPlayer beep;


int lf = 10; 

String myString = null;

Serial myPort; 

int sensorValue = 0;


void setup() {


  printArray(Serial.list());


  myPort = new Serial(this, Serial.list()[0], 9600);

  myPort.clear();

  myString = myPort.readStringUntil(lf);

  myString = null;

  minim = new Minim(this);


  stand = minim.loadFile("stand.mp3"); 

  sit = minim.loadFile("sit.mp3");

  move = minim.loadFile("move.mp3");

  bitch = minim.loadFile("bitch.mp3");

  beep = minim.loadFile("beep.mp3");

}


void draw() {

  while (myPort.available() > 0) {

    myString = myPort.readStringUntil(lf);

    if (myString != null) {

      myString = myString.trim();  

      if(myString.length() > 0) {

        println(myString);      

        }

      if(myString.equals("sit")){

            println("sound");

            beep.rewind();

            sit.rewind();

            beep.play();

            delay(800);

            sit.play();

            if (sit.isPlaying() == true){

              println("sound2");

            }

        }      

      if(myString.equals("stand")){

            println("sound");

            beep.rewind();

            stand.rewind();

            beep.play();

            delay(800);

            stand.play();

            if (stand.isPlaying() == true){

              println("sound2");

            }

        }     

      if(myString.equals("move")){

            println("sound");

            beep.rewind();

            move.rewind();

            bitch.rewind();

            beep.play();

            delay(800);

            move.play();

            delay(550);

            bitch.play();

            if (bitch.isPlaying() == true){

              println("sound2");

            }

            }

          }

    }

  }

while(Ads[i].isPlaying()){
        if (Ads[i].position()==Ads[i].length()) {
        Ads[i].pause();
        }
       savedTime=millis();
     }

function setup() { createCanvas(200, 200); song = loadSound("rainbow.mp3", loaded); button = createButton("play"); button.mousePressed(togglePlaying); background(51); }

function togglePlaying() { if (!song.isPlaying()) { song.play(); song.setVolume(0.3); button.html("pause"); } else { song.stop(); button.html("play"); } }

function loaded() { console.log("loaded"); }

However, what if I wanted the button to be red instead of grey, or circular instead of rectangular, or larger? Or positioned somewhere specific? Or more preferably, how could I replace the button with an image that plays the song when clicked? I need multiple buttons, and I want them all to look different and play different audio files when clicked.

I've already seen examples where you can click ellipses to change the color or something, but I can't find or figure out how to make it work specifically for audio. I'm extremely new to p5.js and don't understand much of it.

Thank you

import ddf.minim.*;

Minim minim;
AudioPlayer[] player;

String[] SONGS = {"Fact01.mp3", "Fact02.mp3", "Fact04.mp3", "Fact05.mp3", "Fact06.mp3", "Fact07.mp3", "Fact08.mp3", "Fact09.mp3", "Fact10.mp3"};

void setup() {
  size(200, 200, P3D);
  minim = new Minim(this);
    player= new AudioPlayer[10];

  for (int i=0; i<SONGS.length; i++) {
    player[i] = minim.loadFile(SONGS[i]);
  }
}

void draw() {
  background(0);
}

void mousePressed() {

  if(player.isPlaying()==false){
  }

  int v=int(random(SONGS.length));
  player[v].rewind();
  player[v].play();

}

function mousePressed() { if ( song.isPlaying() ) { // .isPlaying() returns a boolean song.stop(); background(0,0,0); } else { song.play(); background(0,0,0); }
function draw() { strokeWeight(6); var l=random(400); stroke(0); fill (400) line (a,1,a,0); stroke(800); line(a,1,a,l); a=a+5; if (a>600){ a=0; }

if ( song.isPlaying() ) { song.stop(); background(0,0,0); } else { song.play(); background(0,0,0); } }

Im trying to put my image together with the song to click on but it's not working as much as expected.....

import ddf.minim.*;
import ddf.minim.analysis.*;
import ddf.minim.effects.*;
import ddf.minim.signals.*;
import ddf.minim.spi.*;
import ddf.minim.ugens.*;

PImage hintergrund;

Minim minim;
AudioPlayer Player;
FFT fft;
int w;
int farbe;


void setup()
{
  size(500,300,P3D);
  minim = new Minim(this);
  Player = minim.loadFile("bla.mp3"); // Spielt die Mp3 datei ab
  Player.loop(); // Wiederholt den aktuellen Song
  fft = new FFT(Player.bufferSize(), Player.sampleRate());
  fft.logAverages(60, 7);
  stroke(255);
  w = width/fft.avgSize();
  strokeWeight(w);
  strokeCap(SQUARE);
  farbe = 0;

}

void draw()
{
  hintergrund = loadImage("hintergrund.jpg");
  image(hintergrund,0,0);

  fft.forward(Player.mix);

  colorMode(HSB);
  stroke(farbe, 255, 255);
  colorMode(RGB);

  for(int i = 0; i < fft.avgSize(); i++){
    line((i * w)*3, height/1.1, (i * w)*3, height/1.1 - fft.getAvg(i) * 0.5);

}

  farbe += 5;
  if( farbe > 255)
  {
    farbe = 0;
  }
}

This is atm my Code also i would donate a few euro if you can help me :)

I'm only a beginner with code, so if anyone can let me know what I'm doing wrong/how I can fix this, I'd appreciate it a lot!

    import ddf.minim.spi.*;
    import ddf.minim.signals.*;
    import ddf.minim.*;
    import ddf.minim.analysis.*;
    import ddf.minim.ugens.*;
    import ddf.minim.effects.*;

    Minim minim;
    AudioPlayer heartbeat;
    AudioPlayer rain; 

    void setup()
    {
      size(400, 600);
      minim = new Minim(this);
      heartbeat = minim.loadFile("heartbeat.mp3");
      rain = minim.loadFile("rainforest.mp3");
    }

    void draw() {
      background(0);
      stroke(255);
    }

    void keyPressed() {
      if (key == 'h') {
        heartbeat.rewind();
        heartbeat.play();
        if (key == 'p') {
            heartbeat.pause(); }
      }
       if (key == 'r' && !rain.isPlaying()) {
        rain.rewind();
        rain.play();
        if (key == 's') {
            rain.pause(); }
      }
    }

I'm trying to make a simple drum tap thing, and it works well in Safari and on iPhone. However, on both of my friends Android phones, one tap on the screen plays the hit twice.

It's got me stumped. Any tips for me?

var song, analyzer;

function preload() {
  soundFormats('wav');
  song = loadSound('warble.wav');
}

function setup() {
  createCanvas(500, 1146);
  fullscreen(false);

  // create a new Amplitude analyzer
  analyzer = new p5.Amplitude();

  // Patch the input to an volume analyzer
  analyzer.setInput(song);
}


function mouseClicked() {
  if (song.isPlaying()) {
    //sample.pause();
    song.playMode("restart");
    song.play();
    //do nothing!
  } else {
    song.play();
}
}


function draw() {

  background(255);

  // Get the average (root mean square) amplitude
  var rms = analyzer.getLevel();


  //rectMode(CENTER);  // Set rectMode to CENTER
  fill(0,150,220);
  ellipse(width/2, height/2, 100+rms*2500, 100+rms*2500);

  fill(255);


 ellipse(width/2, height/2, 50+rms*1200, 50+rms*1200);



  // Draw an ellipse with size based on volume



}

I am working on a tangible music player with Arduino and for this I am using the minim library. However, the player.pause() function does not work in my code. It only stops the song for a few milliseconds and then continues to play the song.

The code for the pause function is as the following:

    boolean state = false;
    
    if (keyPressed) {
        if (key == 'p' && !state) {
          state = true;
          player[currentSong].pause();
        }
        else if (key == 'p' && state) {
        state = false;
        player[currentSong].play();
      }

Is there something else that I have to add in order to let it pause until I press the P key again?

I probably asked this in the wrong department. I have a sketch written in 1.5.1 which worked and is now not working and I am not sure why it is hanging up on boolean isPlaying(){ return playing; } it is hanging up on 'playing' cannot find anything named playing not sure why......... can anyone help? just downloaded processing 1.5.1 (thought it best to stick to original version) on mac mini running 10.9.4 2.3GHZ Intel Core 17 processor and 4GB 1600MHz DDR3 memory

I can send all the code along if it helps?

Thanks

The problem is that when a particle hits the master attractor it plays the sound but as soon as another particle hits the sound it reset the sound and sound doesn't play properly.

when I do this processing plays multiple instance and it doesn't sound good.

  if (P.loc.dist(M.loc)<50) {
      stroke(0, 50);
      line(P.loc.x, P.loc.y, M.loc.x, M.loc.y);  
        player.pause();
        player.rewind();
        player.play(); 
    }

When I do this the whole processing sketch gets slowed down

   if (P.loc.dist(M.loc)<50) {
      stroke(0, 50);
      line(P.loc.x, P.loc.y, M.loc.x, M.loc.y);  
       player = minim.loadFile("1.MP3", 2048); 
        player.pause(); 
    }

And when I do this the sound plays only few times because it waits until the previous instance gets finished.

  if (P.loc.dist(M.loc)<50) {
      stroke(0, 50);
      line(P.loc.x, P.loc.y, M.loc.x, M.loc.y); 
      if (!player.isPlaying()) {
        player.pause();
        player.rewind();
        player.play();
      }
    }

I work with a beginning code class of teen-aged students. For the ones who struggle, I have a simple design project where they program a series of images (stop-motion type thinking) to move with mouseX and mouseY. I would like them also to be able to add a sound effect at different places with specific images. I am doing something like the code below but I would like the sound to just play once rather than looping when mouse hovers? And, I am assuming there are better ways to set up roll-over SFX - would love thoughts on how to make the sounds play once and other cool ways to simplify the loading of sound with roll-over images. Thanks!

//SOUND
import ddf.minim.*;
Minim minim;//audio context 
AudioPlayer song1;
AudioPlayer song2;
AudioPlayer song3;
AudioPlayer song4;

PImage img1, img2, img3, img4; 

//setup
void setup () {
  size (670,237);
  background (255);


  img1 = loadImage("bird1.png");
  img2 = loadImage("bird2.png");
  img3 = loadImage("bird3.png");
  img4 = loadImage("bird4.png");

}

//draw function that loops
void draw () {

  //draw lines to divide quadrants


  //upper left quadrant is red
  if ((mouseX < 150) && mouseY > 0) {
 image(img1, 0,0);
  minim=new Minim(this); 
  song1=minim.loadFile("one.mp3",1000);
  song1.play();


  //upper right quadrant cyan
  } else if ((mouseX < 250)&& (mouseY > 0)){
   image(img2, 0,0);
     minim=new Minim(this); 
  song2=minim.loadFile("two.mp3",1000);
  song2.play();


  //lower left quadrant gray
   }else if ((mouseX < 340) && (mouseY >0)) {
   image(img3, 0,0);
        minim=new Minim(this); 
  song3=minim.loadFile("three.mp3",1000);
  song3.play();


 // lower right quadrant black
  }else if ((mouseX < 440) && (mouseY > 0)){
 image(img4,0,0);
      minim=new Minim(this); 
  song4=minim.loadFile("four.mp3",1000);
  song4.play();
  }
}

Screen Shot 2015-12-23 at 11.30.32 (The green line jitters around on purpose)

I managed to get the points of the drawn line into an array, as well as make a shape out of these points. However, the cropping of the image is still a problem.

Processing has this functionality in vertex: (https://processing.org/reference/vertex_.html)

However, I don't believe P5 has this functionality. I really don't want to have to convert the entire sketch into Processing. Is there any way to do this in P5, or to quickly convert this sketch into processing?

    // Make a variable to store the start image, as well as the drop image.
    var img;

    var cropX = [];
    var cropY = [];
    var pos = 25;
    // Make an array for all paths.
    var paths = [];

    // Make a bool for whether or not I am painting.
    var painting = false;

    // Int for how long until drawing the next circle
    var next = 10;

    // Make vars for vectors that determine where the line is drawn.
    var current;
    var previous;

    // Make ints for how much the lines dance around.
    var shake = 10;
    var minShake = shake * -1;
    var maxShake = shake * 1;

    // Make an int for the line thickness.
    var thickness = 2;
    var camera;
    var tracing = false;

    // Make vars to store the random values for colours into. 
    var rc1;
    var rc2;
    var rc3;

    // Variable for the framerate.
    var fr;

    // Variable that disables drawing lines when you didn't upload an image yet.
    var tracing = false;


    //------------------------------------------------------------------------------------------------


    function preload() {

      //Load the starting image, and store it in img.
      img = loadImage("assets/startscreen.png");

      //Load the sound that plays when you export a screenshot.
      soundFormats('mp3');
      camera = loadSound('assets/camera.mp3');

    }


    //------------------------------------------------------------------------------------------------


    function setup() {



      // Set the framerate so the lines don't jump about too quickly.
      fr = 20;

      // Setup a canvas
      var c = createCanvas(1680, 1050);

      // Store a random value out of 255 into the random colour values.
      rc1 = random(255);
      rc2 = random(255);
      rc3 = random(255);

      // Apply the right framerate
      frameRate(fr);

      // Add an event named drop, that runs function gotFile when a file is dropped onto the canvas
      c.drop(gotFile);

      // Store 0,0 vectors in current and previous.
      current = createVector(0, 0);
      previous = createVector(0, 0);

    };

    //------------------------------------------------------------------------------------------------

    function draw() {


      // Colour the background dark grey.
      background(200);

      // Draw the loaded image at 0,0 coordinates.
    image(img, 0, 0);



      //------------------------------------------------------------------------------------------------


      // Count if I've been painting for longer than the 'next' variable.
      // Also check if tracing is enabled (if I've dropped an image or not).
      // If these are true I can draw a new line.
      if (millis() > next && painting && tracing) {

        // Grab mouse position and store it in variables mouseX and mouseY.  
        current.x = mouseX;
        current.y = mouseY;

        // Add new particle
        paths[paths.length - 1].add(current);

        // Update the 'next' variable, to allow itself 200 extra millisecond for drawing the actual line.
        next = millis() + 200;

        // Move the mouse values used to draw the end of the line
        // to a variable used to draw the start of the line,
        // so that the line is continuous.
        previous.x = current.x;
        previous.y = current.y;
        append(cropX, current.x);
        append(cropY, current.y);
      }

      // Make an integer called i, with a value of 0.
      // Add 1 to i for each item in the array paths.

      // Run this once for each item in the array.
      // Name each item in the array 'i' while working.
      // Display each item in the array.
      for (var i = 0; i < paths.length; i++) {

        // Update the current object in the array.
        paths[i].update();

        // Display each item in the array.
        paths[i].display();
      } 
      noStroke();
      noFill();
         beginShape();

         for (var i = 0; i < cropX.length; ++i) {
           vertex(cropX[i], cropY[i]);
         }
         endShape(CLOSE);


    }


    //------------------------------------------------------------------------------------------------

    var ready = false;

    // Make a function called gotFile, using the variable file.
    function gotFile(file) {

      // Check if the dropped file is an image file
      if (file.type === 'image') {

        // Enable drawing lines.
        tracing = true;

        // if (ready) {
        //   img.remove();
        // }
        // Store the dropped image in the container which used to hold the startimage.
        img = createImg(file.data).style("opacity: 100; position: absolute; top: -10; right: -10; z-index: 100;draggable=false;");

        ready = true;

        // Error message in case not an image file.
      } else {
        println('Not an image file!');
      }
    }


    //------------------------------------------------------------------------------------------------

    function mouseWheel(event) {
      //event.delta can be +1 or -1 depending
      //on the wheel/scroll direction
      print(event.delta);
      //move the square one pixel up or down
      pos += event.delta;
      //uncomment to block page scrolling
      return false;
    }

    function mouseDragged() {
    return false;
      }


    // If left mousebutton is pressed down,
    function mousePressed() {
      if (mouseButton == LEFT) {

        // set the variable counting when to place a new line to 0,
        next = 0;

        // set painting to true,
        painting = true;

        // store the mouse coordinates in mouseX and mouseY,
        previous.x = mouseX;
        previous.y = mouseY;

        // and add a new Path method to the array.
        paths.push(new Path());
      }
    }

    // When mouse is released, set painting to false, which disables any paths being drawn.
    function mouseReleased() {
      painting = false;
    }


    //------------------------------------------------------------------------------------------------


    // Describe the Path function that should be pushed to the array.
    function Path() {

      // Create an array inside this function named particles.
      this.particles = [];
    }

    // Add the variable position to the function Path as its function'()' variable.
    Path.prototype.add = function(position) {

      // Add a new particle to this particle array with a position and hue.
      this.particles.push(new Particle(position, this.hue));
    }

    // Take the Path() function, and and add this command to it.
    Path.prototype.update = function() {

      // Make an integer called i, with a value of 0.
      // Add 1 to i for each item in the array paths.

      // Run this once for each item in the array.
      // Name each item in the array 'i' while working.
      // Display each item in the array.
      for (var i = 0; i < this.particles.length; i++) {
        this.particles[i].update();
      }
    }

    // Display the Path array.
    Path.prototype.display = function() {

      // Loop through the array of particles backwards.
      for (var i = this.particles.length - 1; i >= 0; i--) {

        // Display each of these particles.
        this.particles[i].display(this.particles[i + 1]);

      }

    }

    // Particles along the path
    function Particle(position, hue) {

      // Set the position of Particles to the mouseposition by creating a vector.
      this.position = createVector(position.x, position.y);
    }

    // Constantly update Particle.
    Particle.prototype.update = function() {}

    // Draw particle and connect it with a line
    // Draw a line to another
    Particle.prototype.display = function(other) {
      stroke(255, 255);

      // If we need to draw a line
      if (other) {
        stroke(rc1, rc2, rc3);
        strokeWeight(thickness);
        line(this.position.x + random(minShake, maxShake), this.position.y + random(minShake, maxShake), other.position.x + random(minShake, maxShake), other.position.y + random(minShake, maxShake));
      }
      if (keyIsDown(LEFT_ARROW) && !camera.isPlaying()) {
        camera.play();
        save('myRemix.jpg');
        print(cropX);
        print(cropY)

      }

    }

// file: Lily.pde

import ddf.minim.*;
AudioPlayer player;
Minim minim; //audio context



// List of animals
StringList animalList = new StringList(
      "alligator", "bear", "cat", "dog", "elephant",
      "frog", "goat", "horse", "jay",
      "koala", "lion", "monkey", "newt", "owl",
      "pig", "raccoon", "squirrel", "turkey", "vulture",
      "whale", "yak", "zebra");

// animal image, sound and name matricies 
PImage[] images = new PImage[animalList.size()];
String[] animalSound = new String[animalList.size()]; 
String[] animalName = new String[animalList.size()];

String aList = "";
String aName = "";
PImage lily;
String imgName;
String sound;
int col;

void setup() {
  size(1024, 960);
  textSize(128);
 imageMode(CENTER);

  // Create and load image & sound matricies
  // ---------------------------------------
  int i = 0;
  for (String animal : animalList) {
    imgName = "data/" + animal + ".jpg";
    images[i] = requestImage(imgName);
    //images[i].resize(width,height);
    sound = "data/" + animal + ".mp3";
    animalSound[i] = sound;
    aName = "data/say-" + animal + ".mp3";
    animalName[i] = aName;
    aList += animal.charAt(0);
    i ++;
  }

  minim = new Minim(this);

  // Load start image and sound
  // --------------------------
  showLily();

    }

void draw() {

}

void keyPressed(){
 if(player.isPlaying()) {
    player.pause();
  }

  col = color(random(255), random(255),random(255));
  background(col);
  int key1 = aList.indexOf(key);
  if (key1 == -1) {
    background(col);
    fill(#18ED76);
    text(Character.toUpperCase(key), width/2, height/2);
  return; }

  playName(key1);

  showImage(key1);

  playSound(key1);

  char letter = aList.charAt(key1);
  showLetter(letter, animalList.get(key1));
}

void playSound(int k) {
  player = minim.loadFile(animalSound[k]);
  player.play();                                              <<- null pointer occurs here or below
}

void playName(int k) {
 player = minim.loadFile(animalName[k]);
 player.play();                                                 <<- null pointer also occurs here
}

void showLetter(char letter, String animal) {
  col = color(random(255), random(255),random(255));
  fill(col);
  letter = Character.toUpperCase(letter);
  textAlign(LEFT);
  text(letter, 50, 110);
  textAlign(CENTER);
  text(animal, width/2 - (animal.length()/2), height -75);
  textAlign(RIGHT);
  text(letter, width-100, height-50);
}

void showImage(int k) {
 image(images[k], width/2, height/2, 700,600);
}

void showLily() {
  col = color(random(255), random(255),random(255));
  background(col);
  player=minim.loadFile("data/kookaburra.mp3");
  player.play();
  imgName = ("data/Lily1.jpg");
  lily = loadImage(imgName);
  image(lily, width/2, height/2);
  fill(255);
  showLetter('L', "Lily");
}

void stop() {
 player.close();
 minim.stop();
 super.stop();
}

I get the NullPointerException at the places indicated above. I have tried placing

if(player.isPlaying()) {
    player.pause();
}

at the top of both the playSound() and playName() functions but neither has the effect I expect which is to let the next sound proceed. NullExceptionPointers do not occur after every new keystroke but as I increase the speed after about 5 or 6 keys I will get the exception. This application is for my 18 month old grand-daughter so of course she will "pound" the keyboard. Anyone have any ideas. I am using Processing 3.01 with the Minim imbeded library.

Is Possible to know Which time to complete a sound (music) an .mp3 or .wav of a file in Processing, using the Minim library?

For example, I need at the end of a particular sound, perform a certain action, so I need to know when to finished.

This is the code I used as an example, although I'm using is in another project.

import ddf.minim.*;
Minim minim;

AudioPlayer player[] = new AudioPlayer[3];
String filenames[]   = new String[] {"groove.mp3", "jingle.mp3", "Kalimba.mp3"};

void setup(){
  minim = new Minim(this);
  for(int i = 0; i < 3; i++){
    player[i] = minim.loadFile(filenames[i], 2048);
  }
}

void draw(){
  //
}

void keyPressed(){
  int som;

  if (key == 'A' || key == 'a') som = 0;
  else if (key == 'B' || key == 'b') som = 1;
  else som = 2;

  playSom(som);
}

void playSom(int opcSom){
  for (int i = 0; i < 3; i++){
    if (player[i].isPlaying()) 
      player[i].pause();
  }

  player[opcSom].rewind();   
  player[opcSom].play();
  println("Duration: "); //???
}  

void stop(){
  for(int i = 0; i < 3; i++){
    player[i].close();
  }

  minim.stop();
  super.stop();
}

Thanks for attention.

I have a simple for loop that plays different sounds using minim. However it does not finish an iteration thru the loop until it is done playing the mp3 file. Is there anyway to do the next iteration while the before mp3 file is still playing? Like go to the next iteration right after the play() function starts?

The obvious ways of doing this (checking for the currentTime() >= duration() and checking for !.isPlaying() && !.isPaused()) don't work - when a sound file finishes playing, currentTime() returns 0, and the second statement is also true when there's nothing playing at all.

I can probably sort this by tracking the currentTime and watching for a jump down from a non-zero value, but this seems like a hacky way of doing things. Have I missed something obvious or is there a feature that isn't documented that would solve my problem?

Relatedly, it seems like it would be useful for the soundFile to raise some sort of event when it finishes playing, or alternatively for its currentTime to remain equal to its duration rather than resetting to zero.