AR Card: Keď vizitka alebo CV ožije cez kameru mobilu
AR Card: Keď vizitka alebo CV ožije cez kameru mobilu
Rozdávate vizitky na konferencii. Alebo posielate vytlačené CV na pohovor.
Čo sa stane? Papier skončí v kope ostatných. Možno si ho niekto prečíta, možno nie.
Čo keby ten papier ožil?
Koncept
Fyzický papier → Kamera mobilu → AI avatar vyskočí → Interaktívny rozhovor
(vizitka, ↓
CV, leták) Rozpoznanie
obrazuAR Card je augmentovaná realita pre mobilné zariadenia. Nasmerujete kameru na vizitku alebo CV a na obrazovke sa objaví 3D avatar, ktorý:
- Pozdraví a predstaví sa
- Čaká na vaše otázky
- Odpovedá hlasom v reálnom čase
- Pozná všetky informácie z CV/vizitky
Ako to vyzerá v praxi
Scenár 1: Vizitka na konferencii
Situácia: Networking event, rozdávate vizitky
1. Odovzdáte vizitku
2. Príjemca vytočí QR kód alebo otvorí link
3. Nasmeruje kameru na vizitku
4. Z vizitky "vyrastie" váš avatar
5. Avatar: "Ahoj! Som Ondrej, Solution Architekt.
Čo ťa zaujíma - projekty, skúsenosti,
alebo niečo iné?"
6. Príjemca sa pýta → Avatar odpovedá
Výsledok: Zapamätateľný zážitok namiesto ďalšieho
papiera v peňaženkeScenár 2: CV na pohovore
Situácia: Poslali ste vytlačené CV, HR ho má na stole
1. HR naskenuje CV mobilom
2. Váš avatar sa objaví "nad" papierom
3. Avatar predstaví kľúčové skúsenosti
4. HR sa môže pýtať: "Povedz mi o tom cloud projekte"
5. Avatar odpovie s detailmi, ktoré sa do CV nezmestili
Výsledok: CV nie je statický dokument, ale vstup
do konverzácieTechnické riešenie
┌─────────────────────────────────────────────────────┐
│ MOBILNÉ ZARIADENIE │
│ │
│ ┌─────────────────────────────────────────────┐ │
│ │ KAMERA VIEW │ │
│ │ │ │
│ │ ┌──────────────┐ │ │
│ │ │ VIZITKA │ ← Fyzický papier │ │
│ │ │ ┌────────┐ │ │ │
│ │ │ │ AVATAR │ │ ← 3D model na karte │ │
│ │ │ │ 🧑 │ │ │ │
│ │ │ └────────┘ │ │ │
│ │ └──────────────┘ │ │
│ │ │ │
│ └─────────────────────────────────────────────┘ │
│ │
│ 🎤 Mikrofón aktívny [Status: Počúvam...] │
└─────────────────────────────────────────────────────┘Rozpoznávanie obrazu
MindAR je JavaScript knižnica pre image tracking v prehliadači:
- Vytvoríte "target" súbor z obrázka vizitky/CV
- Kamera hľadá tento vzor v reálnom čase
- Keď nájde zhodu, umiestni 3D obsah na správnu pozíciu
- Tracking drží avatar "prilepený" na papieri
Target file (.mind) = Natrénovaný model vašej vizitky
↓
Kamera skenuje → Nájde zhodu → Overlay 3D modelu
↓
Pohyb papiera → Avatar sa hýbe s ním3D Avatar
- A-Frame - WebGL framework pre 3D v prehliadači
- GLB model - 3D postava s animáciami
- Morph targets - Pohyb úst, očí, tvárových svalov
Real-time audio
Používateľ hovorí → Mikrofón → WebSocket → Backend
↓
Gemini Live API
↓
Avatar rozpráva ← Reproduktor ← WebSocket ← Audio streamGemini Live API nie je speech-to-text + LLM + TTS. Je to natívna bidirectional voice - AI počuje a hovorí súčasne, ako človek.
Animácie avatara
Avatar nie je statický. Reaguje na konverzáciu:
Lip-sync:
- Analýza hlasitosti prichádzajúceho audia
- Mapovanie na pohyb úst (morph targets)
- Plynulá interpolácia pre prirodzený efekt
Blikanie:
- Náhodné intervaly
- Prirodzený vzhľad namiesto "mŕtveho" pohľadu
Interakcia:
- Keď používateľ hovorí → Avatar počúva (zavreté ústa)
- Keď AI odpovedá → Lip-sync animácia
Knowledge Base
Avatar vie len to, čo mu poviete. Na pozadí beží knowledge base:
knowledge/
├── about.md # Kto som
├── experience.md # Skúsenosti
├── skills.md # Technické zručnosti
├── projects.md # Projekty s detailmi
└── contact.md # Kontaktné infoTieto súbory sa načítajú do system promptu pre Gemini. Avatar odpovedá len na základe týchto informácií - nevymýšľa si.
Prečo AR namiesto obyčajného linku?
| Obyčajný link | AR Card |
|---|---|
| Otvorí webstránku | Zážitok v reálnom svete |
| Čítanie textu | Konverzácia |
| Abstraktné | Vizuálne zapamätateľné |
| "Ďalší web" | "Wow efekt" |
Fyzický artefakt + digitálny zážitok = kombinácia, ktorá sa pamätá.
Limitácie
- Len mobilné zariadenia - Vyžaduje kameru a gyroscope
- Osvetlenie - Slabé svetlo sťažuje tracking
- Batéria - AR + kamera + audio = vyššia spotreba
- Prvotné načítanie - 3D model a skripty potrebujú čas
Bezpečnosť
- ReCAPTCHA - Overenie pred aktiváciou mikrofónu
- HTTPS - Povinné pre prístup ku kamere a mikrofónu
- Bez nahrávania - Audio sa streamuje, nie ukladá
Use Cases
1. Vizitky pre sales/konzultantov
Produkt: Vizitky s QR kódom
Avatar: "Som špecialista na cloud riešenia.
Aký problém riešite?"2. CV pre tech pozície
Produkt: Vytlačené CV s AR markerom
Avatar: "Môj najväčší projekt bol migrácia
monolitu na mikroservisy. Chceš detaily?"3. Letáky na eventy
Produkt: Propagačný materiál
Avatar: "Vitaj na konferencii! Čo ťa zaujíma -
program, speakri, alebo networking?"4. Produktové katalógy
Produkt: Tlačený katalóg
Avatar: "Tento produkt má 3 varianty.
Ktorá by ti vyhovovala?"Tech Stack
| Komponent | Technológia |
|---|---|
| Frontend | Next.js, TypeScript |
| 3D Engine | A-Frame, Three.js |
| AR Tracking | MindAR |
| Audio | Web Audio API, WebSocket |
| Backend | FastAPI, Python |
| AI | Google Gemini Live API |
Záver
AR Card mení pasívny papier na aktívny vstup do konverzácie.
Tradičná vizitka: Podáte → Skončí v peňaženke → Zabudnutá
AR vizitka: Podáte → Naskenujú → Rozhovor → ZapamätanáKeď máte 30 sekúnd na zanechanie dojmu, nech to nie je len ďalší kus papiera.
AR Card vyžaduje mobilné zariadenie s kamerou. Funguje v prehliadači bez inštalácie aplikácie. Využíva MindAR pre image tracking a Gemini Live API pre real-time hlasovú komunikáciu.