ScarriffleandClaude Opus 5
afa78f9ee0
„Intro überspringen" lag im Web in der Bedienleiste und verschwand mit ihr. Am Fernseher sieht man die Leiste gar nicht — der Knopf war also da und trotzdem unsichtbar. Jetzt liegt er als eigene Schicht über dem Bild und bleibt stehen, solange die Marke läuft. **Im Abspann ist „überspringen" ohnehin die falsche Frage.** Was man dort will, ist die nächste Folge; ans Ende dieser zu springen bringt niemanden weiter. Gibt es eine, heisst der Knopf jetzt so — im Web wie in der App, und in der App nicht mehr erst, wenn alles durchgelaufen ist. Bei einem Film gibt es nichts danach: dort heisst „Abspann überspringen" jetzt wirklich Schluss, statt auf ein stehendes Bild zu spulen und den Spieler offen zu lassen. Dazu der Titel über dem Spieler. Dort stand bei einer Folge „S1 E6" und bei einer aus der Detailseite gestarteten sogar nur „Wiedergabe". Auf einer Kachel ist die Kurzform richtig, dort zählt jeder Buchstabe; über dem Spieler steht eine Zeile in einer leeren Fläche. Jetzt steht da „Küstenwache · Staffel 1 · Folge 6 · Der Nebel kommt". In der App hiess es „Episode" statt „Folge" — das eine Wort, das sonst nirgends steht. Und drei Prüfungen für die Marken auf dem Weg in die App: aus einer Serverantwort mit Vorspann und Abspann werden zwei Marken an der richtigen Stelle. Die Übersetzung war nicht der Grund, warum der Knopf dort fehlte. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Flaro Web
Die Weboberfläche für Rechner, auf denen es keine App gibt — Windows vor allem.
Aufbau
| Ordner | Was |
|---|---|
app/ |
Das Frontend (Vite, TypeScript) |
server/ |
Ein Server ohne Abhängigkeiten, der die Anfragen weiterreicht und die gebauten Dateien ausliefert |
frontend/ |
Die erste Fassung als einzelne Datei. Läuft, wird abgelöst. |
jellyfin-theme/ |
Ein Kleid für Jellyfins eigene Oberfläche — die kleine Lösung von vorher |
Warum ein eigener Server?
Er löst zwei Dinge, an denen die einzelne Datei scheitert, und zwar unabhängig davon, wie gut das Frontend geschrieben ist:
- Herkunft. Anfragen laufen über
/apiund damit über dieselbe Adresse wie die Seite. Kein CORS, auch nicht beim Streamen. - Klartext und Verschlüsselung. Läuft der Medienserver über
httpund die Seite überhttps, blockiert der Browser den Stream. Dagegen kann keine Zeile im Frontend etwas tun — ein Server davor schon.
Nebenbei bleibt der Zugangsschlüssel beim Server, statt im Browser zu liegen.
Betreiben
cd app && npm install && npm run build
cd ../server && FLARO_SERVER=http://jellyfin:8096 node index.js
Dann auf http://localhost:8080. Der Port lässt sich über PORT ändern.
Entwickeln
cd app && FLARO_SERVER=http://jellyfin:8096 npm run dev
Vite übernimmt dabei das Weiterreichen, der eigene Server wird nicht gebraucht.