// use Tone.js to create a Player

//trigger callback function for when the sample is loaded

let player = new Tone.GrainPlayer("./G1.mp3");

// make the file loop

//player.reverse = true; 

player.loop = true;

player.grainSize = 0.1;

player.playbackRate = 1

player.overlap = 0

player.toMaster();

​

let playbutton;

let stopbutton;

let chk1;

let OSlider, GSlider, PBSlider, DSlider, LSSlider, LESlider;

let s1

​

function setup(){

  createCanvas (600, 600);

  //colorMode(HSB, height, height, height);

  //noStroke();

  background(255, 255, 0);

  //1chk1 = select("#box1").elt;

  playbutton = createButton('Play');

  playbutton.position(0, 0);

  playbutton.mousePressed(sampleLoaded);

  stopbutton = createButton('Stop');

  stopbutton.position(0, 20);

  stopbutton.mousePressed(sampleStop);

  resetbutton = createButton('Reset');

  resetbutton.position(0, 40);

  resetbutton.mousePressed(Reset);

  OSlider = createSlider(0, 500, 0);

  OSlider.position(width/4, 20);

  GSlider = createSlider(10, 500, 10);

  GSlider.position(width/4, 40);

  PBSlider = createSlider(5, 40, 10);

  PBSlider.position(width/4, 60);

  DSlider = createSlider(-2400, 2400, 0);

  DSlider.position(width/4, 80);

  LSSlider = createSlider(0, 26, 0);

  LSSlider.position(width/4, 100);

  LESlider = createSlider(0, 26, 0);

  LESlider.position(width/4, 120);

}

​

function draw(){

  looper();

  direction();

​

  text('overlap', width/4 + OSlider.width +5, 33);

  text('grainsize', width/4 + OSlider.width +5, 52);

  text('play back rate', width/4 + OSlider.width +5, 72);

  text('detune', width/4 + OSlider.width +5, 92);

  text('loop start', width/4 + OSlider.width +5, 112);

  text('loop end', width/4 + OSlider.width +5, 132);

​

​

  const Overlap = OSlider.value()/1000

  const Grainsize = GSlider.value()/1000

  const PlayRate = PBSlider.value()/10

  const Detune = DSlider.value()

  const LoopStart = LSSlider.value()/10

  const LoopEnd = LESlider.value()/10

  player.detune = Detune;

  player.grainSize = Grainsize;

  player.playbackRate = PlayRate;

  player.loopStart = LoopStart;

  player.loopEnd = LoopEnd;

}

​

​

function sampleLoaded() {

  // player.grainSize = map( movement_z, -10, 10, 0.1, 1);

 player.volume.value = -5;

player.start();

}

​

function sampleStop(){

  player.stop();

}

​

function Reset(){

​

player.loop = true;

player.grainSize = 0.1;

player.playbackRate = 1

player.overlap = 0

player.loopStart = 0

player.loopEnd = 0

//player.toMaster();

}

​

function looper(){

  if(key === '3'){

   player.loop = true; 

  } else if (key === '4'){

    player.loop = false;

  } 

}

​

function direction(){

  if (key === '1') {

    player.reverse = true;

  } else if (key === '2') {

    player.reverse = false;

  }

}

}

​

p4 = new p5(s4, 'sketch-4');

​

​

​