Preskočiť na obsah
← Projekty a klientska práca

EasyCaptions

Od nahratia videa po upraviteľné titulky a export: webový produkt spájajúci rozhranie, API, spracovanie na pozadí a nasadzovací proces.

  • Next.js
  • Fastify
  • PostgreSQL
  • BullMQ
  • FFmpeg
Webová stránka video-captions.com

Problém

Príprava titulkov nekončí prepisom. Užitočný pracovný postup potrebuje aj úpravy a exportné formáty pre rôzne publikačné nástroje.

Môj prínos

Navrhol a implementoval som full-stack riešenie: používateľské rozhranie, API, logiku spracovania videa aj nasadzovací proces. Projekt spája tieto zodpovednosti do jedného produktu.

Rozsah implementácie

Webové rozhranie je postavené na Next.js a API na Fastify, s PostgreSQL cez Prisma. BullMQ radí úlohy na pozadí, FFmpeg vpaľuje titulky do videa a Stripe rieši platby. Technológie pokrývajú postup zahŕňajúci spracovanie nad rámec jednoduchého zobrazenia stránky.

Prepis reči

Poskytovateľ prepisu je súčasťou úlohy vo fronte. Predvolený je vlastný Whisper worker, ako alternatívy sú k dispozícii Deepgram a Gladia, pričom Gladia rieši aj preklad titulkov. Každý poskytovateľ má vlastný modul workera.

Testovanie a nasadenie

GitHub Actions spúšťa lint webu, kontrolu typov API aj webu, testy API, produkčný build a end-to-end testy v Playwright, podložené 41 súbormi Vitest a 12 súbormi Playwright. Nasadenie na VPS čaká na úspešné CI pre ten istý commit.

Dodaná funkcionalita

Vydaná služba podporuje generovanie a úpravu titulkov, export SRT a VTT aj video s vloženými titulkami. Snímka nižšie zobrazuje verejnú úvodnú stránku produktu; živý web je vstupným bodom do aplikácie.

Verejná úvodná stránka EasyCaptions s generovaním a exportom titulkov
Verejná úvodná stránka produktu
Webová stránka Ozvite sa mi