Scarriffle/Flaro
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Weiterschauen, sichtbar gemacht

Browse Source 
Die Oberfläche zeigt jetzt, was der Server seit Stufe 4 weiss.

Auf der Startseite zwei neue Reihen, ganz oben: **Weiterschauen** und
**Nächste Folge**. Sie überschneiden sich nicht — was angefangen ist, steht
links, was ansteht, rechts. Eine leere Reihe wird gar nicht erst gezeigt.

Auf jeder Kachel ein Balken, und zwar **ab der ersten Sekunde**. Bei einem
Zweieinhalbstünder sind zwei Minuten 1,3 % — anderthalb Bildpunkte. Der
Balken hat deshalb eine Mindestbreite, sonst wäre das Versprechen „wir merken
uns jede Sekunde" ausgerechnet dort unsichtbar, wo es zählt. Serien tragen
die Zahl offener Folgen als Plakette in der Ecke.

Auf der Detailseite stehen **beide Knöpfe nebeneinander**: „Weiterschauen ab
0:42" und „Von vorn". Auch bei einem gesehenen Film — der Server wirft die
Stelle nicht weg, wenn das Häkchen kommt, und sie hier zu verschweigen hiesse,
genau den Unterschied wegzuwerfen, um dessentwillen er sie behält. Dazu ein
Schalter für gesehen/ungesehen.

Der Spieler meldet alle zehn Sekunden, beim Pausieren, am Ende und beim
Schliessen. Nicht bei jedem `timeupdate`: das feuert viermal je Sekunde, und
daraus Anfragen zu machen hiesse, den Server mit Meldungen zu bewerfen, die
sich um 250 ms unterscheiden. Eine verlorene Meldung kostet ein paar Sekunden
Fortschritt — dafür mitten im Film einen Fehler einzublenden wäre die
schlechtere Hälfte des Tauschs.

**Nebenbei ein Fehler beseitigt, der nur mit grosser Mediathek aufgefallen
wäre:** die Detailseite holte 200 Titel und suchte darin nach der Kennung.
Bei 201 Filmen hätte sie vom letzten behauptet, es gebe ihn nicht mehr. Jetzt
gibt es den Einzelabruf, und sie benutzt ihn.

Im Container durchgespielt: „Der Untergang" von vorn, die MKV wird umgepackt,
läuft durch — danach steht „Gesehen" unter dem Titel, der Balken ist voll,
und der Knopf bietet beides an.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
Scarriffle
2026-10-03 21:33:56 +02:00
co-authored by Claude Opus 5
parent 67cf0fd1d9
commit 6d5824b889
6 changed files with 284 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/app/src/style.css
+18
View File
@@ -144,6 +144,24 @@ button, input, select { font: inherit; color: inherit; }
.poster img { width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity .2s; }
.poster.geladen img { opacity: 1; }
/* Der Fortschrittsbalken auf der Kachel. Flaro zeigt ihn ab der ersten
Sekunde — es gibt keinen Anteil, der zu klein wäre, um ihn zu merken. */
.fortschritt {
position: absolute; left: 0; right: 0; bottom: 0; height: 3px;
background: rgba(255, 255, 255, .22);
}
/* Eine Mindestbreite, damit auch eine einzige Minute sichtbar ist — bei
2:36 Laufzeit wären das sonst anderthalb Bildpunkte. */
.fortschritt > div { height: 100%; min-width: 4px; background: var(--accent); }
/* Die Plakette mit den offenen Folgen, wie bei Plex in der Ecke. */
.offen {
position: absolute; top: 6px; right: 6px;
min-width: 18px; padding: 1px 5px; border-radius: 9px;
background: var(--accent); color: #fff;
font-size: 11px; font-weight: 600; line-height: 16px; text-align: center;
}
.rowline { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.rowline strong { font-weight: 500; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }