Obsah článku / Contents
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
                   obrazu

AR Card je augmentovaná realita pre mobilné zariadenia. Nasmerujete kameru na vizitku alebo CV a na obrazovke sa objaví 3D avatar, ktorý:

  1. Pozdraví a predstaví sa
  2. Čaká na vaše otázky
  3. Odpovedá hlasom v reálnom čase
  4. 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ženke

Scená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ácie

Technické 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:

  1. Vytvoríte "target" súbor z obrázka vizitky/CV
  2. Kamera hľadá tento vzor v reálnom čase
  3. Keď nájde zhodu, umiestni 3D obsah na správnu pozíciu
  4. 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ím

3D 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 stream

Gemini 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é info

Tieto 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ý linkAR Card
Otvorí webstránkuZážitok v reálnom svete
Čítanie textuKonverzá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

KomponentTechnológia
FrontendNext.js, TypeScript
3D EngineA-Frame, Three.js
AR TrackingMindAR
AudioWeb Audio API, WebSocket
BackendFastAPI, Python
AIGoogle 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.

Všetky články