var button;

var slider;

var playing=false;

​

function setup() {

  createCanvas(200, 200);

  wave=new p5.Oscillator();

  wave.setType('sine');

  // wave.setType('triangle');

  // wave.setType('sawtooth');

  // wave.setType('square');

  wave.start();

  wave.freq(440);//la/a

  wave.amp(0);

  button=createButton("play.pause");

  button.mousePressed(toggle);

  slider=createSlider(100,1200,440)//freq 20-20.000

}

​

function draw() {

  wave.freq(slider.value());

  if(playing){

    background(255,0,255);

  }else{

    background(50);

  }

}

​

function toggle(){

  if(!playing){

   wave.amp(0.5,1);

   playing=true;

  }else{

    wave.amp(0,1);

    playing=false;

  }

}