SpeechSynthesisErrorEvent

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2018.

The SpeechSynthesisErrorEvent interface of the Web Speech API contains information about any errors that occur while processing SpeechSynthesisUtterance objects in the speech service.

Constructor

SpeechSynthesisErrorEvent(): Creates a new SpeechSynthesisErrorEvent.

Instance properties

SpeechSynthesisErrorEvent extends the SpeechSynthesisEvent interface, which inherits properties from its parent interface, Event.

SpeechSynthesisErrorEvent.error Read only: Returns an error code indicating what has gone wrong with a speech synthesis attempt.

Instance methods

SpeechSynthesisErrorEvent extends the SpeechSynthesisEvent interface, which inherits methods from its parent interface, Event.

Examples

const synth = window.speechSynthesis;

const inputForm = document.querySelector("form");
const inputTxt = document.querySelector("input");
const voiceSelect = document.querySelector("select");

const voices = synth.getVoices();

// ...

inputForm.onsubmit = (event) => {
  event.preventDefault();

  const utterThis = new SpeechSynthesisUtterance(inputTxt.value);
  const selectedOption =
    voiceSelect.selectedOptions[0].getAttribute("data-name");
  for (let i = 0; i < voices.length; i++) {
    if (voices[i].name === selectedOption) {
      utterThis.voice = voices[i];
    }
  }

  synth.speak(utterThis);

  utterThis.onerror = (event) => {
    console.log(
      `An error has occurred with the speech synthesis: ${event.error}`,
    );
  };

  inputTxt.blur();
};

Specifications

Specification
Web Speech API # speechsynthesiserrorevent

Browser compatibility

BCD tables only load in the browser