Web Speech API throws 'not-allowed' error

retool is awesome! I'm trying to use speech to text in my app, but getting a 'not-allowed' error :grimacing:

Here's my Run JS Code snippet:

console.log("starting webSpeechAPI");
window.SpeechRecognition = window.SpeechRecognition ||
    window.webkitSpeechRecognition ||
    null;
if (window.SpeechRecognition === null) {
  console.log("null");
} else {
  console.log("not null");
  var recognizer = new window.SpeechRecognition();
  console.log(recognizer);
  recognizer.continuous = true;
  recognizer.onresult = function(event) {
    console.log("onresult");
    for (var i = event.resultIndex; i < event.results.length; i++) {
      console.log(event.results[i][0].transcript);
      console.log(event.results[i][0].confidence);
    }
  };
  // Listen for errors
  recognizer.onerror = function(event) {
    console.log(event);
  };
}
// recognizer.interimResults = true;
function startRecognizer() {
  try {
    console.log("try start");
    recognizer.start();
  } catch (ex) {
    console.log("caught exception: " + ex.message);
  }
}

//function stopRecognizer() {
//  recognizer.stop();
//  console.log("try stop");
//}

startRecognizer();

Any help would be greatly appreciated!