Vorlesen
Liest das Dokument oder den ausgewählten Text Satz für Satz laut mit dem browsereigenen Sprachsynthesizer vor und wählt jeden Satz aus, während er gesprochen wird. Eine kleine Leiste am unteren Rand des Fensters bietet Steuerelemente für Pause, Stopp, Sprache und Geschwindigkeit. Es ist keine Bibliothek, kein Server oder Schlüssel beteiligt.
Schalten Sie es ein
Die Funktion ist das Plugin readaloud.js (auch in plugins/all_plugins.js). Sein Befehls- und Symbolleistenelement ist readaloud (Tooltip "Read aloud"). Mit der Standardsymbolleiste befindet sich die Schaltfläche im Menü "More" (⋮); Fügen Sie in Ihrer eigenen Symbolleiste readaloud hinzu. Der Befehl öffnet die Leiste und beginnt sofort mit dem Lesen; Wenn Sie es erneut ausführen, wird die Leiste geschlossen.
<link rel="stylesheet" href="/richtexteditor/rte_theme_default.css">
<script src="/richtexteditor/rte.js"></script>
<script src="/richtexteditor/plugins/readaloud.js"></script>
<div id="editor"><p>The station opened in 1911. Trains ran twice a day.</p></div>
<script>
var editor = new RichTextEditor("#editor", {
toolbar: "mytoolbar",
toolbar_mytoolbar: "{bold,italic,underline}|{readaloud}"
});
</script>Die Stile der Leiste sind in rte_theme_default.css, also behalten Sie dieses Stylesheet auf der Seite.
Die Bar
- Play / Pause pausiert und setzt fort; nach dem Ende geht es wieder los.
- Stop beendet das Lesen und stellt die Auswahl wieder her, die der Benutzer zuvor hatte.
- Voice listet jede Stimme von
speechSynthesis.getVoices()als "name (language)" auf, wobei die Standardeinstellung des Browsers markiert ist. Die Liste füllt sich, wenn der Browser seine Stimmen meldet. - Geschwindigkeit: 0,75×, 1×, 1,25×, 1,5× oder 2×, beginnend bei 1×. Ab dem nächsten Satz gilt eine Änderung.
- Der Status zeigt "Reading… (3/10)", "Paused" oder "Nothing to read" an. Schließen stoppt und entfernt die Leiste.
Wenn beim Lesestart etwas ausgewählt ist, wird nur die Auswahl gelesen. Sätze werden durch ., !, ?, einen Zeilenumbruch und die chinesischen und japanischen Zeichen getrennt.！？. Das Lesen wird angehalten, wenn die Seite ausgeblendet wird (ein anderer Tab), und stoppt, wenn die Seite verlassen wird.
Optionen und API
| Option | Standard | Was es bewirkt |
|---|---|---|
readAloudHighlight | true | Wählen Sie jeden Satz im Editor aus, während er gesprochen wird.falseliest, ohne die Auswahl zu verschieben. |
readAloudRate | 1.0 | Geschwindigkeit füreditor.readAloud()wenn die Bar nicht geöffnet ist. Während die Bar geöffnet ist, wird stattdessen das Geschwindigkeitsmenü verwendet. |
editor.readAloud({ rate: 1.5, voice: "Microsoft Zira - English (United States)" });
editor.stopReadAloud();editor.readAloud(options)liest, ohne die Leiste zu öffnen.ratewird auf 0,5–2 geklemmt;voiceist eine Stimmenamegenau wiespeechSynthesis.getVoices()meldet es. Wenn der Name nicht gefunden wird, wird die Standardstimme des Browsers verwendet.
Wissenswertes
- Es braucht
window.speechSynthesis. Wenn ein Browser dies nicht hat, zeigt der Befehl ein Dialogfeld an, das besagt, dass das Vorlesen nicht verfügbar ist. - Stimmen und Sprachen stammen vom Browser und dem Betriebssystem, nicht vom Editor, daher unterscheidet sich die Liste je nach Computer. Das Plugin legt keine Sprache fest: Die gewählte Stimme entscheidet darüber, wie der Text ausgesprochen wird. Wählen Sie also eine Stimme, die zur Sprache des Dokuments passt.
- Der Text wird Knoten für Knoten ohne Trennzeichen gesammelt. Eine Überschrift ohne Punkt wird zusammen mit dem nächsten Satz gelesen, und die beiden Wörter, an denen sie zusammentreffen, laufen zusammen ("station" + "The" ).
- Der Satz wird mit der normalen Auswahl angezeigt, sodass beim Lesen die schwebende Format-Symbolleiste des Editors über dem Text angezeigt werden kann.
- Dem Dokument wird nichts hinzugefügt; Der gespeicherte HTML-Code bleibt unverändert.
- Die Wörter der Leiste stammen aus Sprachschlüsseln wie
text_ra_play,text_ra_pause,text_ra_stopUndtext_ra_readingof.
Verwandt:Diktat(Rede zum Text),Zugänglichkeit, Referenz zu Symbolleistenelementen.