Da mein Vorlese-Skript auf Android und iOS nicht wie erwartet funktionierte, habe ich mich auf die Suche nach einer Lösung gemacht. Der Kern des Problems bei meiner alten Version: ein einziges langes SpeechSynthesisUtterance wird auf Android/iOS oft nach kurzer Zeit stillschweigend abgebrochen (bekannter Bug der mobilen TTS Engines). Die Lösung: Text automatisch in Sätze zerlegen und nacheinander als Kette abspielen dann läuft es auch mobil bis zum Ende durch.
Einbau in Joomla:
Was ich zusätzlich eingebaut habe:
- Geschwindigkeit per Schieberegler (0.5×–2.0×), Änderung wirkt sofort, auch mitten im Vorlesen
- Stimmenauswahl: wartet auf das asynchrone Laden der Stimmen (auf iOS/Android nötig) und wählt automatisch eine deutsche Stimme; bei mehreren verfügbaren erscheint ein Dropdown
- Pause/Weiter/Stop sauber getrennt
- Hinweis, falls Sprachausgabe gar nicht unterstützt wird (z. B. in eingebetteten App Browsern wie Instagram/Facebook das lässt sich leider nicht per Code umgehen, nur durch Öffnen im echten Browser)
Einbau in meinen Artikel: Da TinyMCE beim Speichern <script> und <style> Blöcke entfernt, müsste ich das JS/CSS wie bei meinen anderen Tools über meinen skcustomcode Plugin oder eine externe Datei einbinden die HTML Buttons/Karte selbst konnte ich direkt in den Artikeltext setzen. Mein Beispieltext im <p id="vorlese text"> ersetzte ich natürlich durch den echten Artikelinhalt.
Wie bewertest du diesen Beitrag?
Download: in kürze