SpeechSynthesisUtterance: boundary Ereignis
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Das boundary Ereignis der Web Speech API wird ausgelöst, wenn das gesprochene Utterance eine Wort- oder Satzgrenze erreicht.
Syntax
Verwenden Sie den Ereignisnamen in Methoden wie addEventListener() oder setzen Sie eine Ereignis-Handler-Eigenschaft.
addEventListener("boundary", (event) => { })
onboundary = (event) => { }
Ereignistyp
Ein SpeechSynthesisEvent. Erbt von Event.
Ereigniseigenschaften
Zusätzlich zu den unten aufgeführten Eigenschaften stehen Eigenschaften von der übergeordneten Schnittstelle Event zur Verfügung.
charIndexSchreibgeschützt-
Gibt die Indexposition des Zeichens in dem
SpeechSynthesisUtterance.textzurück, das gesprochen wurde, als das Ereignis ausgelöst wurde. elapsedTimeSchreibgeschützt-
Gibt die vergangene Zeit in Sekunden zurück, nachdem das
SpeechSynthesisUtterance.textzu sprechen begonnen hat, bei der das Ereignis ausgelöst wurde. nameSchreibgeschützt-
Gibt den Namen zurück, der mit bestimmten Ereignistypen verbunden ist, die auftreten, während das
SpeechSynthesisUtterance.textgesprochen wird: der Name des SSML Markers, der im Falle einesmarkEreignisses erreicht wurde, oder der Typ der erreichten Grenze im Falle einesboundaryEreignisses. utteranceSchreibgeschützt-
Gibt die
SpeechSynthesisUtteranceInstanz zurück, auf der das Ereignis ausgelöst wurde.
Beispiele
Sie können das boundary Ereignis in einer addEventListener Methode verwenden:
utterThis.addEventListener("boundary", (event) => {
console.log(
`${event.name} boundary reached after ${event.elapsedTime} seconds.`,
);
});
Oder verwenden Sie die onboundary Ereignis-Handler-Eigenschaft:
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
Loading…