SpeechSynthesisUtterance: событие границы

Событие boundary API для речи в браузере срабатывает, когда произносимая фраза достигает границы слова или предложения.

Используйте имя события в методах, таких как addEventListener(), или задайте обработчик события.

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

onboundary = (event) => {};

Событие SpeechSynthesisEvent. Наследуется от Event.

Помимо перечисленных ниже свойств, доступны свойства из родительского интерфейса Event.

charIndex Только для чтения

Возвращает индекс символа в SpeechSynthesisUtterance.text, который произносился в момент срабатывания события.

elapsedTime Только для чтения

Возвращает время в секундах, прошедшее с момента начала произнесения SpeechSynthesisUtterance.text, в момент срабатывания события.

name Только для чтения

Возвращает имя, связанное с определёнными типами событий, происходящих во время произнесения SpeechSynthesisUtterance.text: имя маркера SSML, достигнутого в случае события mark, или тип достигнутой границы в случае события boundary.

utterance Только для чтения

Возвращает экземпляр SpeechSynthesisUtterance, на котором было вызвано событие.

Вы можете использовать событие boundary в методе addEventListener:

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

Или использовать обработчик события onboundary:

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

• API для речи в браузере