A wrapper around the native webkit speech recognition, giving better and faster results.

VoiceRecognition.js

const recognition = new webkitSpeechRecognition(); // eslint-disable-line
recognition.continuous = true;
recognition.interimResults = true;
recognition.lang = 'en-US';

recognition.onstop = () => {
  console.log('Stopping recognition');
};

export default (resetCallback, callback) => {
  console.log('Starting voice recognition');

  recognition.onerror = resetCallback;

  recognition.abort();
  recognition.start();

  let timeout = 0;

  recognition.onresult = (result) => {
    const { transcript } = result.results[0][0];
    clearTimeout(timeout);
    timeout = setTimeout(() => {
      recognition.abort();
      console.log('Voice recognition stopped');
      callback({
        transcript,
        ended: true,
      });
    }, 1000);
    callback({
      transcript,
      ended: false,
    });
  };
};