SpeechSynthesisUtterance: boundary-Ereignis

Das boundary-Ereignis der Web Speech API wird ausgelöst, wenn die gesprochene Äußerung eine Wort- oder Satzgrenze erreicht.

Syntax

Verwenden Sie den Ereignisnamen in Methoden wie addEventListener(), oder setzen Sie eine Ereignis-Handler-Eigenschaft.

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

onboundary = (event) => {};

Ereignistyp

Ereigniseigenschaften

Neben den unten aufgeführten Eigenschaften sind die Eigenschaften der Elternschnittstelle Event verfügbar.

charIndex Schreibgeschützt

Gibt die Indexposition des Zeichens in SpeechSynthesisUtterance.text zurück, das gesprochen wurde, als das Ereignis ausgelöst wurde.

elapsedTime Schreibgeschützt

Gibt die verstrichene Zeit in Sekunden nach dem Start des Sprechens von SpeechSynthesisUtterance.text zurück, zu der das Ereignis ausgelöst wurde.

name Schreibgeschützt

Gibt den Namen zurück, der mit bestimmten Arten von Ereignissen verknüpft ist, die auftreten, während SpeechSynthesisUtterance.text gesprochen wird: den Namen des erreichten SSML-Markers im Falle eines mark-Ereignisses oder die Art der erreichten Grenze im Falle eines boundary-Ereignisses.

utterance Schreibgeschützt

Gibt die SpeechSynthesisUtterance-Instanz zurück, auf der das Ereignis ausgelöst wurde.

Beispiele

Sie können das boundary-Ereignis in einer addEventListener-Methode verwenden:

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

Oder verwenden Sie die onboundary-Ereignis-Handler-Eigenschaft:

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

Spezifikationen

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

Browser-Kompatibilität

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
boundary event

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
Partial support
Partial support
No support
No support

Siehe auch