Ein Knopf, von dem niemand weiss, dass es ihn gibt, ist keiner

„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>

web/app/src/views/detail.ts

@@ -7,6 +7,7 @@ import { ApiFehler,
 } from '../api';
 import {
   esc, dauer, groesse, knopf, feld, fehlerzeile, leer, anteil, meldung, hinweisZeigen,
+  folgenname,
 } from '../util';
 import { icons, icon } from '../icons';
 import { kachel, alsKachel, reihe } from '../card';
@@ -925,6 +926,7 @@ export function detailseite(art: Art, id: string, zurueck: () => void): HTMLElem
   async function staffeln(serie: Serie): Promise<HTMLElement> {
     const bereich = document.createElement('section');
     serieKennung = serie.id;
+    serienname = serie.title;
     const alle = await folgen(serie.id);
 
     // **Eine Staffel zur Zeit, über ein Menü.**
@@ -1080,6 +1082,8 @@ export function detailseite(art: Art, id: string, zurueck: () => void): HTMLElem
 
   /** Zu welcher Serie die Folgen gehören — für die Sprachwahl beim Start. */
   let serieKennung: string | undefined;
+  /** Und wie sie heisst — für die Zeile über dem Spieler. */
+  let serienname: string | undefined;
 
   function folgenblock(folge: Folge): HTMLElement {
     const block = document.createElement('div');
@@ -1137,7 +1141,10 @@ export function detailseite(art: Art, id: string, zurueck: () => void): HTMLElem
         block.appendChild(welche);
       }
       block.appendChild(aktionsreihe(
+        // **Mit Titel, und ausgeschrieben.** Ohne ihn stand über dem
+        // Spieler „Wiedergabe" — bei jeder Folge jeder Serie dasselbe Wort.
         { ...({} as Film), id: folge.id, files: folge.files,
+          title: folgenname(serienname, folge.season, folge.episode, folge.title),
           publishAt: folge.publishAt ?? null } as Film,
         folge.state, datei, undefined, serieKennung));
     });

web/app/src/views/home.ts

@@ -2,7 +2,7 @@ import {
   inhalt, weiterschauen, naechsteFolgen, empfehlungen, saisonal,
   type Bibliothek, type Angefangen,
 } from '../api';
-import { leer, fehlerzeile, meldung } from '../util';
+import { leer, fehlerzeile, meldung, folgenname } from '../util';
 import { kachel, alsKachel, angefangenAlsKachel, reihe } from '../card';
 import { hero, alsHero, angefangenAlsHero, type Heroeintrag } from '../hero';
 import { spieler } from '../spieler';
@@ -85,7 +85,9 @@ export function startseite(
         spieler({
           dateiId: e.fileId,
           titelId: e.id,
-          name: e.subTitle ?? e.title,
+          name: e.kind === 'episode'
+            ? folgenname(e.title, e.season, e.episode, e.subTitle)
+            : e.title,
           ab: e.state.positionSeconds,
           laenge: e.durationSeconds ?? null,
           danach: () => void aufbauen(),