FlashReader

Plik pochodzi ze standardowego pola wyboru pliku ograniczonego do .txt, więc strona nie potrzebuje dostępu do systemu plików. action_load_file() czyta go przez readAsText(file, 'UTF-8') i dzieli wynik po pojedynczych spacjach; interpunkcja zostaje przy swoim słowie. Surowy tekst trafia też do saveFileContent() na potrzeby następnej sesji.

read() odmawia startu bez wczytanego tekstu ('Load text file to read!') i kończy się wcześniej, gdy ustawione jest is_going, więc dwukrotne naciśnięcie play nie uruchomi drugiego interwału. Każdy tick wpisuje text[position] do #text-zone i zapisuje position + 1. togglePlayPause() przełącza między read() a pause() i aktualizuje przycisk play.

setInterval nie pozwala zmienić okresu. updateReadingSpeed() i handler change pola prędkości wywołują pause(), a potem read(), gdy czytanie jest aktywne. Indeks żyje w obiekcie czytnika, więc uruchomiony ponownie timer kontynuuje od następnego słowa. Wpisana wartość poniżej 1 jest resetowana do domyślnych 500 ms.

Tick sprawdza, czy słowo pod bieżącym indeksem jest undefined. Przy wyłączonym Loop czyści timer, pokazuje 'THE END!', zapisuje pozycję 0 i przełącza przycisk play z powrotem. Przy włączonym Loop ustawia indeks na 0 i działa dalej. Wybór Loop jest zapisywany jak pozostałe ustawienia.

saveFileContent() wkłada tekst do magazynu 'files' bazy 'flashreader' (wersja 2) z id 'flashreader_last_text', więc nowy plik zastępuje stary. onupgradeneeded tworzy magazyn tylko wtedy, gdy go brakuje, więc otwarcie nad starszą wersją nie kończy się błędem.

Pozycja, kolory, rozmiar, prędkość, pętla i nazwa pliku zostają w localStorage, gdzie odczyty przy starcie są synchroniczne.

set_position() zapisuje indeks w localStorage (fr_position) przy każdym ticku, więc zamknięta lub zabita aplikacja traci najwyżej jedno słowo. Konstruktor najpierw odczytuje indeks; przy DOMContentLoaded getFileContent() wczytuje tekst z IndexedDB, dzieli go ponownie i pokazuje 'The last file, <name>, has been loaded' z prośbą o naciśnięcie play.

Każdy klucz jest odczytywany i stosowany osobno, więc jedna zła wartość nie blokuje reszty. Nienumeryczna pozycja staje się 0, rozmiar czcionki, który parsuje się do 0, wraca do 48 px, prędkość, która parsuje się do 0, wraca do 500 ms. Kolory są zapisywane bez '#' i przywracane z nim, a następnie stosowane do tekstu i tła strony.

Handler koloru czcionki ustawia kolor tekstu w #text-zone, handler tła ustawia tło body, a handler rozmiaru ustawia font-size w px z dolnym limitem 8. Każdy handler zapisuje wartość w localStorage w tym samym kroku, więc nie ma osobnej akcji zapisu.

W wersji przeglądarkowej Spacja przełącza play i pauzę, F przełącza pełny ekran, strzałka w górę przyspiesza słowa o 10 ms z dolnym limitem 50 ms, strzałka w dół zwalnia o 10 ms. preventDefault() powstrzymuje przeglądarkę przed przewijaniem lub wciśnięciem sfokusowanej kontrolki. Zmiany prędkości przechodzą przez updateReadingSpeed(), więc działający timer uruchamia się ponownie w nowym tempie.

skipBackwards() cofa indeks o 10, nigdy poniżej 0, od razu pokazuje to słowo i zapisuje pozycję. Pole pozycji na pasku narzędzi przyjmuje dowolny numer słowa; wartości ujemne stają się 0.

enterFullscreen() i exitFullscreen() przechodzą przez warianty standardowy, moz, webkit i ms. Gdy istnieje globalny obiekt Fullscreen, jak przy wtyczce pełnego ekranu Cordova, wywoływane jest także Fullscreen.show(). Przycisk i klawisz F używają tego samego sprawdzenia wszystkich czterech wariantów fullscreenElement.