SpeechSynthesisUtterance: mark event

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 mark event of the Web Speech API SpeechSynthesisUtterance object is fired when the spoken utterance reaches a named SSML "mark" tag.

Syntax

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

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

onmark = (event) => { }

Event type

A SpeechSynthesisEvent. Inherits from Event.

Event SpeechSynthesisEvent

Examples

You can use the mark event in an addEventListener method:

js
utterThis.addEventListener("mark", (event) => {
  console.log(`A mark was reached: ${event.name}`);
});

Or use the onmark event handler property:

js
utterThis.onmark = (event) => {
  console.log(`A mark was reached: ${event.name}`);
};

Specifications

Specification
Web Speech API
# eventdef-speechsynthesisutterance-mark
Web Speech API
# dom-speechsynthesisutterance-onmark

Browser compatibility

See also