FlashReader

Die Datei kommt aus einem Standard-Dateifeld, das auf .txt beschränkt ist, die Seite braucht also keinen Dateisystemzugriff. action_load_file() liest sie mit readAsText(file, 'UTF-8') und teilt das Ergebnis an einzelnen Leerzeichen auf; Satzzeichen bleiben am Wort. Der Rohtext wird außerdem für die nächste Sitzung an saveFileContent() übergeben.

read() weigert sich ohne geladenen Text zu starten ('Load text file to read!') und kehrt vorzeitig zurück, wenn is_going gesetzt ist, sodass zweimaliges Drücken von Play kein zweites Intervall starten kann. Jeder Tick schreibt text[position] in #text-zone und speichert position + 1. togglePlayPause() wechselt zwischen read() und pause() und aktualisiert die Play-Schaltfläche.

setInterval kann seine Periode nicht ändern. updateReadingSpeed() und der Change-Handler des Geschwindigkeitsfelds rufen pause() und dann read() auf, wenn gerade gelesen wird. Der Index liegt im Reader-Objekt, sodass der neu gestartete Timer mit dem nächsten Wort weitermacht. Ein eingegebener Wert unter 1 wird auf den Standard von 500 ms zurückgesetzt.

Der Tick prüft auf ein undefiniertes Wort am aktuellen Index. Bei ausgeschaltetem Loop löscht er den Timer, zeigt 'THE END!', speichert die Position 0 und schaltet die Play-Schaltfläche zurück. Bei eingeschaltetem Loop setzt er den Index auf 0 und macht weiter. Die Loop-Wahl wird wie die anderen Einstellungen gespeichert.

saveFileContent() legt den Text im Store 'files' der Datenbank 'flashreader' (Version 2) mit der ID 'flashreader_last_text' ab, sodass eine neue Datei die alte ersetzt. onupgradeneeded erzeugt den Store nur, wenn er fehlt, sodass das Öffnen über einer älteren Version nicht fehlschlägt.

Position, Farben, Größe, Geschwindigkeit, Loop und der Dateiname bleiben in localStorage, wo Lesezugriffe beim Start synchron erfolgen.

set_position() schreibt den Index bei jedem Tick in localStorage (fr_position), sodass eine geschlossene oder beendete App höchstens ein Wort verliert. Der Konstruktor liest zuerst den Index; bei DOMContentLoaded lädt getFileContent() den Text aus IndexedDB, teilt ihn erneut auf und zeigt 'The last file, <name>, has been loaded' mit der Aufforderung, Play zu drücken.

Jeder Schlüssel wird separat gelesen und angewendet, sodass ein fehlerhafter Wert die übrigen nicht blockiert. Eine nicht numerische Position wird zu 0, eine Schriftgröße, die zu 0 geparst wird, fällt auf 48 px zurück, eine Geschwindigkeit, die zu 0 geparst wird, auf 500 ms. Farben werden ohne '#' gespeichert und mit '#' wiederhergestellt und dann auf den Text und den Seitenhintergrund angewendet.

Der Handler für die Schriftfarbe setzt die Textfarbe von #text-zone, der Hintergrund-Handler den Hintergrund des body, und der Größen-Handler setzt font-size in px mit einer Untergrenze von 8. Jeder Handler schreibt seinen Wert im selben Schritt in localStorage, es gibt also keine separate Speicheraktion.

In der Browserversion schaltet die Leertaste zwischen Play und Pause um, F schaltet den Vollbildmodus um, Auf macht die Wörter um 10 ms schneller mit einer Untergrenze von 50 ms, Ab um 10 ms langsamer. preventDefault() verhindert, dass der Browser scrollt oder ein fokussiertes Steuerelement betätigt. Geschwindigkeitsänderungen laufen über updateReadingSpeed(), sodass ein laufender Timer im neuen Tempo neu startet.

skipBackwards() verschiebt den Index um 10 zurück, nie unter 0, zeigt dieses Wort sofort an und speichert die Position. Das Positionsfeld in der Werkzeugleiste akzeptiert jede Wortnummer; negative Werte werden zu 0.

enterFullscreen() und exitFullscreen() gehen die Varianten standard, moz, webkit und ms durch. Existiert ein globales Fullscreen-Objekt, wie bei einem Cordova-Vollbild-Plugin, wird auch Fullscreen.show() aufgerufen. Die Schaltfläche und die Taste F teilen sich dieselbe Prüfung aller vier fullscreenElement-Varianten.