jetzt weiter mit Gemini

Seite I

Vorwort und Expose´

Hier steht die Einleitung

Kapitel I: Übersicht

Seite 1

Vorwort des Herausgebers

Dies ist der Text des Vorworts...

Seite 2

Kapitel I: Alte Regelkunde

Hier steht der Fließtext. Dieser Satz wird emotional hervorgehoben.

»Ein historisches Zitat aus dem alten Regelbuch.«

Anmerkung des Übersetzers...

Endnote 1: Quellenangabe aus dem Archiv.

Kapitel 1: Die Reise beginnt

Dies ist ein einfacher Einleitungstext auf der Seite.

Abschnitt 1.1: Im Wald

Plötzlich hörte er ein Geräusch. War da jemand? Das war unheimlich.

»Nicht jeder, der wandert, ist verloren.«

Hier endet der erste Gedanke.

Hier beginnt der nächste Gedanke nach einer bewussten Pause.

1. Dies ist eine Anmerkung am Seitenende.

12.10.2026

Seite 12

1. Einleitung

Standard Fließtext...

Dieser Exkurs gehört nur zum Fortgeschrittenen-Strang.

Dieser Text wird nicht vorgelesen.

Comment

Was du dadurch gewinnst: Keine JS-Anpassung bei neuen Klassen mehr nötigen: Du schreibst einfach data-tts-nav="Kapitel 1" an ein beliebiges HTML-Element, und es landet automatisch im Menü. Saubere Titel im Menü: Über data-tts-nav="Kurztitel" kannst du lange Kapitelüberschriften im Menü abkürzen, während im Fließtext der lange Text vorgelesen wird. Erzähl- / Dozierstränge: Über data-tts-strand="strangname" kannst du festlegen, welche Abschnitte für welchen Lesedurchgang aktiv sind (z. B. für Anfänger vs. Fortgeschrittene). Oder Zusammenfassung und Langtext

Implementierung im HTML

HTML-Attribut,HTML-Beispiel,Funktion / Anwendungsfall data-tts-strand,"
...
",
"Ordnet Abschnitte bestimmten Dozier-/Lese-Strängen zu (Zusammenfassung, Expose, Einleitung, Ausblick)."
data-tts-nav,"

...

",
Definiert einen kurzen Titel für das Navigationsmenü (weicht evtl. vom langen Fließtext ab).
data-tts-page,"

...

",
Kennzeichnet das Element als Hauptknoten (Seite) im Ausklappmenü.
data-tts-say-as,"12.10.2026","Steuert die Interpretation von Texten (date, digits, cardinal, decimal, currency)."
data-tts-gender,"

...

",
Erzwingt für diesen Abschnitt eine männliche oder weibliche Stimme (male / female).
data-tts-pitch,"Betont!","Individuelle Tonhöhe für emotionale Hervorhebungen (0.5 = tief, 1.0 = normal, 1.5 = hoch)."
data-tts-rate,"

Langsam...

",
Individuelles Sprechtempo für diesen Chunk (0.5 = sehr langsam bis 1.5 = schnell).
data-tts-pause,"

...

",
"Legt eine individuelle Sprechpause nach dem Element fest (in Millisekunden, z. B. 1200 = 1,2 Sekunden)."
data-tts-ignore,"(Abb. 3)",Schließt das Element oder den Satz komplett von Vorlesen und Navigation aus.

Stränge

Funktionsweise:
  1. Automatischer Scan: Beim Laden der Seite prüft detectAvailableStrands(), welche Stränge (z. B. Kurzfassung, Exposé, Diskussion) tatsächlich im HTML vorhanden sind.
  2. Dynamische Anzeige: Das Dropdown zeigt nur die auf der aktuellen Seite tatsächlich vorhandenen Stränge an. Gibt es keine data-tts-strand-Attribute auf einer Seite, wird das Feld deaktiviert.
  3. Echtzeit-Anpassung: Wählt der Nutzer z. B. „Kurzfassung“, werden das Navigationsmenü, die Vorlese-Reihenfolge sowie die Restzeit-Berechnung augenblicklich auf diesen Erzählstrang reduziert.