feat: Vorschau fuer Video und Ton, Ordner anlegen dort, wo man es sucht

Mit den ersten echten Clips fiel auf, was bei 3600 Bildern nie auffiel: alles,
was kein Bild ist, bekam ein FRAGEZEICHEN auf die Kachel -- ausgerechnet das
Zeichen fuer "unbekannt" auf einer voellig gesunden MP4.

Jetzt: ein Standbild aus dem Clip (ein Zehntel hinein, weil viele mit Schwarz
oder einem Einblender beginnen und eine schwarze Kachel so aussagekraeftig ist
wie gar keine), bei Ton das eingebettete Titelbild, dazu ein Abspielzeichen und
die LAUFZEIT in der Ecke. Fehlt eine Vorschau, kommt ein Zeichen, das die ART
benennt, statt eines Fragezeichens.

DER PREIS IST FFMPEG IM ABBILD, und der wurde zweimal gemessen und zweimal
gedrueckt:

    vorher                                 460 MB
    apt-get install ffmpeg                1,11 GB
    statisches ffmpeg + ffprobe            835 MB
    statisches ffmpeg allein               648 MB

Debians Paket schaltet jeden Filter frei und zieht die Abhaengigkeiten mit:
libllvm15 (114 MB), Mesa samt libgl1-mesa-dri, libz3 und libflite1 -- ein
SPRACHSYNTHESIZER. Alles fuer Filter, die ein Dienst ohne Bildschirm nie
anfasst; --no-install-recommends half nicht, es sind harte Abhaengigkeiten.

ffprobe flog danach auch noch raus: 135 MB fuer eine einzige Aufgabe, die
Laenge zu nennen -- die steht auch im Kopf, den ffmpeg beim Oeffnen druckt.
Gegengeprueft an beiden Dateien, auf zwei Nachkommastellen identisch:

    ffprobe  29.767967   |  ffmpeg  Duration: 00:00:29.77
    ffprobe 645.642449   |  ffmpeg  Duration: 00:10:45.64

Der Preis dafuer ist ebenfalls zu benennen: die Fassung haengt jetzt an einer
Zeile im Dockerfile und nicht mehr an apt. Vertretbar, weil ffmpeg hier nur
eigene, bereits abgelegte Dateien anfasst und nicht am Netz haengt.

EIN FEHLER, DER ZWEIMAL DERSELBE WAR. "Keine Bildspur" ist bei Ton der
Normalfall -- die meisten MP3 tragen kein Titelbild. Der erste Anlauf erkannte
das am WORTLAUT der Fehlermeldung, und der ist zwischen den Fassungen anders:

    ffmpeg 5.1  "Stream map '0:v:0' matches no streams."
    ffmpeg 7.1  "Failed to set value '0:v:0' for option 'map'"

Ergebnis: eine gesunde MP3 wurde als "1 fehlgeschlagen" gezaehlt, und dann
sucht jemand einen Fehler, den es nicht gibt. Gelesen wird jetzt die
SPURENLISTE ("Stream #0:1: Video:"), die seit jeher so dasteht -- und die kommt
aus demselben Aufruf wie die Laenge, also ein Blick in die Datei statt drei.
Gemessen: fehler 0, ohneBild 1.

Beide Wege durchgeprueft. Video: 320x180, Durchschnittsfarbe RGB(97,140,155) --
echtes Bild und kein schwarzer Vorspann. Ton mit angehaengtem Titelbild:
Vorschau erzeugt, dauer 8.05, Kachel zeigt 0:08.

UND ZWEI ORDNER-LUECKEN, beide beim Benutzen gefunden.

"Wie lege ich neue Ordner an?" -- gar nicht, ausser man wusste es: der Knopf
sass NUR im Verschieben-Dialog. Wer einen leeren Ordner wollte, musste erst
Dateien auswaehlen und "Verschieben" druecken. Eine Funktion, die man nur ueber
eine andere Funktion erreicht, ist fuer den, der sie sucht, nicht vorhanden.
Jetzt steht sie unter dem Ordnerbaum, mit der Angabe, IN welchem Ordner sie
entsteht -- sonst tippt jemand "waffen", landet in "items/waffen" und sucht
danach an der Wurzel.

Zielordner beim Hochladen: vorher galt stillschweigend der in der Galerie
angeklickte. Richtig, solange man es weiss, und ein Fallstrick, sobald man es
nicht weiss -- wer nach einer Suche hochlaedt, steht in "Alle" und legt an der
Wurzel ab. Der angeklickte bleibt die Voreinstellung, ist jetzt aber sichtbar
und aenderbar, samt "neuer Ordner" direkt daneben.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
2026-08-11 22:22:39 +02:00
co-authored by Claude Opus 5
parent 7b35ef5698
commit d125c6bf72
13 changed files with 648 additions and 60 deletions
+41 -12
View File
@@ -55,6 +55,7 @@ import {
ausDemPapierkorb,
deleteFile,
inDenPapierkorb,
kannBewegtVorschau,
kannVorschau,
lohntWebp,
mimeFor,
@@ -65,6 +66,7 @@ import {
papierkorbPfad,
thumbPath,
webpPfad,
writeBewegtThumb,
writeFileAtomic,
writeThumb,
writeWebp,
@@ -828,17 +830,25 @@ dashRoutes.post('/upload', async (c) => {
if (kannVorschau(mime)) await writeThumb(path, data)
if (lohntWebp(mime)) await writeWebp(path, data)
// Video und Ton: das Standbild kommt aus der Datei AUF DER PLATTE und
// deshalb erst hier -- ffmpeg muss darin springen koennen. Die Laenge
// faellt beim selben Blick in die Datei mit ab.
let dauer: number | null = null
if (kannBewegtVorschau(mime)) {
dauer = (await writeBewegtThumb(path, mime)).dauer
}
const zeit = now()
if (vorhanden) {
db.prepare(
`UPDATE media SET size = ?, sha256 = ?, mime = ?, updated_at = ?
`UPDATE media SET size = ?, sha256 = ?, mime = ?, dauer = ?, updated_at = ?
WHERE id = ?`,
).run(data.length, digest, mime, zeit, vorhanden.id)
).run(data.length, digest, mime, dauer, zeit, vorhanden.id)
} else {
db.prepare(
`INSERT INTO media (path, size, sha256, mime, token_id, created_at, updated_at)
VALUES (?, ?, ?, ?, NULL, ?, ?)`,
).run(path, data.length, digest, mime, zeit, zeit)
`INSERT INTO media (path, size, sha256, mime, dauer, token_id, created_at, updated_at)
VALUES (?, ?, ?, ?, ?, NULL, ?, ?)`,
).run(path, data.length, digest, mime, dauer, zeit, zeit)
}
logEvent(
@@ -2082,9 +2092,9 @@ dashRoutes.post('/maintenance/orphans', async (c) => {
const THUMB_STAPEL = 300
dashRoutes.post('/maintenance/thumbs', async (c) => {
const rows = db.prepare('SELECT path, mime FROM media').all() as Pick<
const rows = db.prepare('SELECT id, path, mime FROM media').all() as Pick<
Media,
'path' | 'mime'
'id' | 'path' | 'mime'
>[]
let erzeugt = 0
@@ -2092,9 +2102,12 @@ dashRoutes.post('/maintenance/thumbs', async (c) => {
let uebersprungen = 0
let fehler = 0
let offen = 0
/** Ton ohne eingebettetes Titelbild. Kein Fehler — der Normalfall. */
let ohneBild = 0
for (const row of rows) {
if (!kannVorschau(row.mime)) {
const bewegt = kannBewegtVorschau(row.mime)
if (!kannVorschau(row.mime) && !bewegt) {
uebersprungen++
continue
}
@@ -2109,15 +2122,30 @@ dashRoutes.post('/maintenance/thumbs', async (c) => {
// Stapelweise, aus demselben Grund wie unten bei den sparsamen
// Fassungen: nach 90 Sekunden gibt der Proxy auf, und ein 504 auf einen
// Knopf, dessen Arbeit weiterlaeuft, ist eine Luege.
if (erzeugt + fehler >= THUMB_STAPEL) {
//
// Ein Standbild aus einem Video kostet DEUTLICH mehr als eines aus
// einem PNG -- ffmpeg muss dafuer einen Container oeffnen und
// hineinspringen. Es zaehlt hier trotzdem als eins; der Stapel ist mit
// 300 klein genug, dass auch 300 Videos in die neunzig Sekunden passen.
if (erzeugt + fehler + ohneBild >= THUMB_STAPEL) {
offen++
continue
}
try {
const data = await readFile(absolutePath(row.path))
if (await writeThumb(row.path, data)) erzeugt++
else fehler++
if (bewegt) {
const { ergebnis, dauer } = await writeBewegtThumb(row.path, row.mime)
if (ergebnis === 'ok') erzeugt++
else if (ergebnis === 'keinBild') ohneBild++
else fehler++
// Die Laenge faellt beim selben Blick in die Datei mit ab --
// auch dann, wenn es kein Titelbild gab.
db.prepare('UPDATE media SET dauer = ? WHERE id = ?').run(dauer, row.id)
} else {
const data = await readFile(absolutePath(row.path))
if (await writeThumb(row.path, data)) erzeugt++
else fehler++
}
} catch {
// Ein Datensatz ohne Datei. Kommt vor, wenn jemand im Volume
// aufgeraeumt hat; hier ist es ein Zaehler und kein Absturz.
@@ -2130,6 +2158,7 @@ dashRoutes.post('/maintenance/thumbs', async (c) => {
vorhanden,
uebersprungen,
fehler,
ohneBild,
gesamt: rows.length,
offen,
fertig: offen === 0,
+15 -5
View File
@@ -30,12 +30,14 @@ import {
deleteFile,
extensionFor,
fileExists,
kannBewegtVorschau,
kannVorschau,
lohntWebp,
mimeFor,
publicUrlFor,
sha256,
writeFileAtomic,
writeBewegtThumb,
writeThumb,
writeWebp,
} from '../storage.js'
@@ -210,17 +212,25 @@ uploadRoutes.post('/upload', async (c) => {
if (kannVorschau(mime)) await writeThumb(path, data)
if (lohntWebp(mime)) await writeWebp(path, data)
// Video und Ton: das Standbild kommt aus der Datei AUF DER PLATTE und
// deshalb erst hier -- ffmpeg muss darin springen koennen. Die Laenge faellt
// beim selben Blick in die Datei mit ab.
let dauer: number | null = null
if (kannBewegtVorschau(mime)) {
dauer = (await writeBewegtThumb(path, mime)).dauer
}
const timestamp = now()
if (existing) {
db.prepare(
`UPDATE media SET size = ?, sha256 = ?, mime = ?, token_id = ?, updated_at = ?
`UPDATE media SET size = ?, sha256 = ?, mime = ?, dauer = ?, token_id = ?, updated_at = ?
WHERE id = ?`,
).run(data.length, digest, mime, token.id, timestamp, existing.id)
).run(data.length, digest, mime, dauer, token.id, timestamp, existing.id)
} else {
db.prepare(
`INSERT INTO media (path, size, sha256, mime, token_id, created_at, updated_at)
VALUES (?, ?, ?, ?, ?, ?, ?)`,
).run(path, data.length, digest, mime, token.id, timestamp, timestamp)
`INSERT INTO media (path, size, sha256, mime, dauer, token_id, created_at, updated_at)
VALUES (?, ?, ?, ?, ?, ?, ?, ?)`,
).run(path, data.length, digest, mime, dauer, token.id, timestamp, timestamp)
}
logEvent(existing ? 'replace' : 'upload', path, data.length, 'token', token.name)