// https://js6450.github.io/audio-viz/index.html

// !! https://editor.p5js.org/amcc/sketches/Jtg4GaAG0

​

let mic;

let fft;

​

function setup() {

  createCanvas(windowWidth, windowHeight);

​

  mic = new p5.AudioIn();

  mic.start();

​

  fft = new p5.FFT();

  fft.setInput(mic);

​

  noStroke();

}

​

let haveYouClicked = false;

​

function draw() {

  if (!haveYouClicked){

    background(0);

    noStroke();

    fill("white");

    textSize(24);

    text("Click to start",150,150);

    return;

  }

​

  background(0, 15);

​

  let wf = fft.waveform();

​

  fill(255);

  for (let i = 0; i < wf.length; i++) {

    let x = map(i, 0, wf.length, 0, width);

    let y = map(wf[i], -1, 1, -height, height*2);

​

    ellipse(x, y, 2,2);

  }

}

​

​

function mouseClicked() {

  getAudioContext().resume();

  haveYouClicked = true;

}