Demo Meeting
Domáce riešenie záznamov meetingov
Automatická transkripcia a sumarizácia stretnutí
Úvod do problematiky
Prečo potrebujeme lepšie spracovanie záznamov
Motivácia
Hotové riešenia na kľúč
Fathom, Otter.ai, Rev, Fireflies — all-in-one riešenia s integrovaným UI
✓ Výhody
✗ Nevýhody
Custom riešenie: Kľúčové otázky
Ako postaviť riešenie, ktoré automatizuje celý proces?
Ako nahrať meeting?
Lokálny záznam do Google Drive (Zoom/Teams/Meet)
Ako získať audio súbor?
Sledovanie priečinka na Google Drive (file watcher)
Ako dostať prepis?
Whisper / AssemblyAI / ElevenLabs transkripcia
Ako spraviť súhrn?
LLM model (GPT / Gemini / Claude) s custom promptom
Ako doručiť výsledok?
Email s odkazom na prepis a súhrn
Ako vytvoriť nahrávku?
💻 Nahrávanie na počítači
BandiCam
OBS Studio
⚙️ Nastavenie záznamu:
📱 Nahrávanie na telefóne
Onsite meeting
✓ Výhody:
No ale ako to celé prepojiť?
Potrebujeme systém, ktorý dokáže automaticky reagovať na udalosti, volať API služby a orchestrovať celý workflow...
n8n — Workflow Automation
n8n — open-source platforma na automatizáciu a prepojenie služieb
Čo to je?
Deployment možnosti
☁️ n8n Cloud (platený)
Spravovaný hosting, žiadna starostlivosť o infraštruktúru
🐳 Self-hosted (free)
Docker Compose — 4 kontajnery (n8n, Postgres, Redis, Nginx)
Komunitná verzia, plná kontrola nad dátami
Ukážka emailu
Po dokončení spracovania príde automatický email s kompletným výstupom.
Čo email obsahuje:
💡 Výhoda
Všetko na jednom mieste — nemusíte hľadať súbory v Google Drive
Výzvy a riešenia
⚠️ Výzva 1: Dlhé nahrávky a timeout
Problém: Prepis dlhých nahrávok trval dlho, nestihol sa do minúty → workflow sa zacyklil
✓ Riešenie: Presun súboru do Temporary adresára — zabráni opätovnému spracovaniu
⚠️ Výzva 2: Kvalita transkripcie dlhých záznamov
Problém: OpenAI Whisper — nahrávky dlhšie ako niekoľko minút mali poškodený prepis, na konci len skomolené slová (vhodný len na krátke poznámky)
✓ Riešenie: Porovnanie služieb
❌ OpenAI Whisper
🥇 AssemblyAI (aktuálne)
💎 ElevenLabs
Výzva 3: Chyby v prepise
⚠️ Problém: "Neslovníkové" slová
Vlastné názvy projektov, firiem a mená sa v prepise skomolia
Príklady chýb:
- "Vistenrot" → Wüstenrot
- "Kopka" → Kooperativa poisťovňa
- "Wusfo" → Wüstenrot projekt
- "Zeleninová" → Zelinková (priezvisko)
✓ Riešenie: Hierarchický slovník v LLM prompte
System prompt pre GPT-4 obsahuje hierarchicky štruktúrovaný slovník:
🏢 Wüstenrot:
Projekty: Wusfo, Hlásenia poistných udalostí...
Osoby: Renata, Eva, Gabika
🏢 Kooperativa:
Projekty: Kasko (Havarijné poistenie), Automat...
Osoby: Martin Juran, Katarína Zelínková...
👥 Interný tím:
Matej, Šimon, Viki, Martina, Zdenko...
Vylepšenia
Workflow nevznikol tak, že by som si sadol a povedal si "takýto dlhý workflow spravím".
Postupne sa to iterovalo — ako sa objavovali chyby a výzvy, prípadne nápady na vylepšenia.
Chatovať s nahrávkou
💡 Ako to funguje?
V emaile je tlačidlo "Chatovať s nahrávkou" → otvorí landing page
Zobrazí sa obsah súhrnu
Vpravo dole chat okno s LLM
Dopytovanie informácií zo surového prepisu
⚙️ Stav implementácie
Ďalšie nápady
💡 Nápad 1: Výber služby na prepis
Mechanizmus, ktorý umožní vybrať službu na prepis podľa potreby:
Prečo je to užitočné?
⚙️ Možné riešenia:
💡 Nápad 2: Dashboard s prístupom k nahrávkam
Centralizované miesto pre všetky spracované nahrávky:
✓ Čo by mal obsahovať?
Ďakujem za pozornosť
Otázky & Diskusia
BONUS: Ako vznikla táto prezentácia?
⚠️ Dôležité upozornenie
Pri výrobe tejto prezentácie nebol použitý PowerPoint, ani Canva, ani Gamma.ai
Len čistý kód, AI a trocha fantázie 😎
🤖 Claude Code
CLI nástroj od Anthropic — Claude pracoval priamo v termináli, čítal súbory, písal kód a automaticky pushoval zmeny do GitHub repozitára.
⚙️ Technológie
HTML
Štruktúra 17 slidov
Alpine.js
Reaktívna navigácia medzi slidmi
Tailwind CSS
Styling + viewport units (vw, vh)
🎨 AI Generované obrázky
Google Nano banana — ilustrácie
🚀 Automatický deployment
Claude Code → push do GitHub
GitHub → Cloudflare Pages deployment
Do minúty je update live