SpeechSynthesisUtterance: boundary event

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

The boundary event of the Web Speech API is fired when the spoken utterance reaches a word or sentence boundary.

Syntax

Use the event name in methods like addEventListener(), or set an event handler property.

js
addEventListener("boundary", (event) => { })

onboundary = (event) => { }

Event type

A SpeechSynthesisEvent. Inherits from Event.

Event SpeechSynthesisEvent

Examples

You can use the boundary event in an addEventListener method:

js
utterThis.addEventListener("boundary", (event) => {
  console.log(
    `${event.name} boundary reached after ${event.elapsedTime} seconds.`,
  );
});

Or use the onboundary event handler property:

js
utterThis.onboundary = (event) => {
  console.log(
    `${event.name} boundary reached after ${event.elapsedTime} seconds.`,
  );
};

Specifications

Specification
Web Speech API
# eventdef-speechsynthesisutterance-boundary
Web Speech API
# dom-speechsynthesisutterance-onboundary

Browser compatibility

See also