Všechny projekty

Vlastní produkt · 2025 – 2026 Projekt 14 z 20

Expanzor

Titulky ve stylu karaoke pro krátká videa.

Ve zkratce

Role
Návrh a vývoj
Období
2025 – 2026
Stav
Archiv
Technologie
6 technologií

Webová aplikace, která z nahraného videa udělá titulky ve stylu karaoke: přepis s časováním po slovech (OpenAI Whisper), editor vzhledu a vypálení do videa přes ffmpeg. Uživatelé mají účty s přihlášením přes JWT a za zpracování platí kredity. Doména projektu vypršela, aplikace teď neběží.

Jak to funguje

Backend v Node.js (Express) vytáhne z videa zvuk, nechá ho přepsat modelem whisper-1 s časovými značkami pro jednotlivá slova a z výsledku sestaví titulky ve formátu ASS, ve kterých se zvýrazňuje právě vyslovované slovo. Barvy, obrys, stín, písmo a umístění se nastavují v editoru a export je vypálí do videa. Nasazení šlo přes GitLab CI.

Překážky a jak jsem je vyřešil

  • Setiny sekundy. ASS počítá čas v setinách sekundy. Začátky se proto zaokrouhlují dolů, aby se titulek neposunul dopředu a nepřekryl s dalším, a konce nahoru, aby nezmizel příliš brzy. Překryvy ve starších projektech se opraví při exportu.
  • Slova na správném řádku. Slova z karaoke se k řádkům titulků přiřazují podle překryvu v čase, ne podle pořadí.
  • Videa na výšku. Okraje titulků se škálují podle šířky videa, takže sedí i u videí na výšku.

Postaveno na

  • Node.js
  • Express
  • MySQL
  • OpenAI Whisper
  • ffmpeg
  • JWT

Klávesové zkratky.

Klávesové zkratky webu. Při psaní do formuláře nereagují.

Web

?
Tahle nápověda
g
Mřížka 12 sloupců, komponenty a měření stránky
d
Vzhled: podle systému, světlý, tmavý, Linkin Park
Ctrl P
Vytisknout CV místo webu
Esc
Zavřít dialog nebo mřížku

Modrou tečku za jménem v úvodu jde chytit a hodit.

Linkin Park

l setlist lp
Setlist, skladby po albech
papercut
Přes stránku se roztrhne papír
numb
Web na pár vteřin otupí
faint
Stránka omdlí a zase se probere
meteora
Meteorický roj a přímý zásah do tečky za jménem
fromzero emily
Web zhasne do nuly a znovu se zrodí, s díky pro Emily Armstrong
concert koncert
Koncert: web projede barvy všech alb
castleofglass
Stránka zesklovatí, praskne a sklo se sesype
iridescent
Nadpisy a tečky se na chvíli přelijí duhou
breakingthehabit
Co je vidět, se rozsype a zase složí
intheend
Závěrečné titulky jako v kině
victim morethevictim
Web se rozpadne v glitchi a zůstane rozladěný (do obnovení, dalšího slova nebo Esc)
finalmasquerade
Škraboška přes celý web, kamera proletí okem
lost
Odchod na stránku 404

Slova napište kdekoli mimo formulář, velikost písmen ani mezery nevadí. S omezeným pohybem přijde jen krátké oznámení.

Na telefonu otevře setlist pět ťuknutí na modrou tečku za jménem.