Aussprache-Strip
Füge einen kleinen, einzeiligen Strip mit Wort-Buttons zu einer Chat-Antwort hinzu. Jeder Klick spricht das Wort mit der browser-eigenen Sprachsynthese aus, sodass nichts geöffnet, heruntergeladen oder die Unterhaltung verlassen wird. Kombiniere den Strip mit inline-Vokabelannotationen.
Arbeitsablauf
-
Wähle 2-4 Wörter aus, die lehrreich sind: oberhalb des Lernniveaus, leicht zu verwechseln oder zentral für die Antwort. Vermeide es, bereits erklärte Wörter erneut zu annotieren.
-
Annotiere jedes Wort innerhalb eines normalen Satzes, niemals als separate Liste. Verwende KaTeX mit farbigem Fettdruck, US-IPA, Wortart und einer kurzen Übersetzung in der Sprache des Benutzers. Wähle eine zufällige Farbe pro Wort aus einer kleinen barrierefreien Palette (
#2563eb,#7c3aed,#059669,#b45309,#db2777,#0e7490); halte jedes Wort in einer einheitlichen Farbe und vermeide wiederholte Farben innerhalb einer Antwort. Dieser Client rendert nur$$...$$, also schreibe:Halte es kompakt ($$\textcolor{#7c3aed}{\textbf{compact}}$$ /kəmˈpækt/, Adj. kompakt) -
Erzeuge den Strip:
python scripts/make_compact_strip.py --out <absoluter-pfad>.html wort1 wort2 ...Halte die Datei dauerhaft und leicht lesbar für den Client. Bevorzuge das Visualisierungsverzeichnis des Threads mit einem ASCII-Dateinamen, z. B.
~/.codex/visualizations/<datum>/<thread-id>/pron-<slug>.html. -
Das Skript gibt den Pfad und eine Visualisierungsreferenz aus. Setze diese Referenz wörtlich in eine eigene Zeile am Ende der endgültigen Antwort.
Rendering-Regel
Die Referenz ist in private-use Zeichen eingeschlossen: öffnend U+E200, Trennzeichen U+E202, schließend U+E201. Kopiere sie aus der Skriptausgabe. Wenn du sie neu tippst, verwende genau diese Codepunkte. Ein falsches schließendes Zeichen wie U+E041 verwandelt die gesamte Referenz stillschweigend in Klartext, sodass kein Strip erscheint.
Einschränkungen
- Gib nur das HTML-Fragment aus. Füge kein
<!doctype>,<html>,<head>oder<body>hinzu; halte CSS und JavaScript auf die generierte Root-ID beschränkt. - Halte den Strip auf 2-4 Buttons und eine Zeile, die nur bei Platzmangel umbricht.
- Verlinke nicht auf externe Wörterbuch- oder TTS-Seiten und bette keine großen Audio-Player ein. Die Buttons müssen direkt abspielen.
- Verwende die Theme-Variablen des Hosts (
--foreground,--border,--primary,--accent,--ring,--primary-foreground) anstelle von fest codierten Paletten. - Wenn der Client keine Inline-Visualisierungen rendern kann, falle auf kompakte Sprecher-Links innerhalb des Satzes zurück:
[🔊](https://dict.youdao.com/dictvoice?audio=<wort>&type=2).
Dateien
scripts/make_compact_strip.py— validiert 2-4 Wörter, schreibt das Fragment und gibt die Visualisierungsreferenz aus.assets/strip-template.html— das Fragment-Template mit__ROOT_ID__und__WORDS_JSON__Platzhaltern.
Erfordert Python 3.8 oder neuer; keine Drittanbieterpakete.