rec.continuous = true;

rec.interimResults = true;

rec.onresult = (event) => parseResult(event);

rec.start(true, false);

​

let result = '';

​

function parseResult(event) {

  if (!(event.returnValue && event.results.length >= 1)) {

    return;

  }

​

  const latestResult = event.results[event.results.length - 1];

  if (latestResult.isFinal) {

    const alternative = latestResult[0];

    const word = alternative.transcript.trim();

    console.log(word, alternative.confidence);

    if (alternative.confidence > 0.7) {

      result = word;

    }

  }

}

​

function setup() {

  createCanvas(400, 400, WEBGL);

}

​

function draw() {

  if (result == 'ellipse') {

    ellipse(100, 100, 50, 50);

  } else if (result == 'rectangle') {

    rect(100, 100, 50, 50);

  } else {

    background(result);

  }

}