XtendLive

Context

Majoritatea platformelor de evenimente virtuale din 2020 erau, de fapt, niște webinarii puțin mai aranjate. Un speaker vorbea, participanții se uitau, și toată lumea pleca întrebându-se de ce n-au trimis pur și simplu o înregistrare. XtendLive își dorea altceva: spații 3D în care oamenii să se poată plimba, să viziteze standuri de expoziție, să dea peste cineva pe hol și să participe la sesiuni — totul direct din browser.

Ideea era să recreeze ceea ce face conferințele fizice să funcționeze. Nu doar prezentările, ci și explorarea, vizitele la standuri, conversațiile neplanificate. Platforma trebuia să susțină mii de oameni în același spațiu simultan, să transmită video live și să ruleze pe un laptop obișnuit fără să instalezi nimic.

Abordare tehnică

React a gestionat frontend-ul, împreună cu WebGL pentru randarea 3D. Am suprapus componente UI standard (panouri de chat, liste de sesiuni, informații despre participanți) peste mediul 3D, astfel încât interfața să pară familiară chiar dacă navigai printr-un spațiu virtual.

Node.js rula backend-ul și gestiona conexiunile WebSocket pentru tot ce se întâmpla în timp real: oameni care se deplasau prin spațiu, mesaje de chat, răspunsuri la sondaje, schimbări de stare ale sesiunilor. Cu mii de utilizatori simultani, modelul event-driven era singura alegere logică.

Streaming-ul video rula pe WebRTC. Keynote-urile foloseau o arhitectură SFU pentru distribuția către audiențe mari, în timp ce întâlnirile unu-la-unu din zonele de networking foloseau conexiuni peer directe. Bitrate-ul adaptiv menținea redarea fluidă indiferent de viteza conexiunii.

Pe partea de infrastructură, AWS gestiona totul. EC2 pentru procesare, CloudFront pentru distribuirea asset-urilor 3D și video, S3 pentru stocare. PostgreSQL era baza de date principală pentru sesiuni utilizatori, configurări de spații, date despre expoziție și analiză.

Detalii de implementare

Constructorul de spații le permitea organizatorilor să-și configureze conferința în 3D: plasarea standurilor de expoziție, amenajarea sălilor de sesiuni, brandarea zonelor comune, adăugarea lounge-urilor de networking. Fiecare element era legat de conținut real. Standurile aveau informații despre companie și materiale descărcabile. Sălile de sesiuni se conectau la stream-uri live sau pre-înregistrate. Zonele de networking deschideau apeluri video spontane între participanți.

Navigarea folosea controale simple de tip point-and-click cu o minimapă pentru spațiile mai mari. Să facem asta să ruleze bine pe hardware mid-range a cerut muncă reală. Am folosit randare level-of-detail pentru ca obiectele la distanță să se încarce la fidelitate mai mică, am încărcat asset-urile lazy pe măsură ce oamenii se deplasau prin spațiu și am comprimat texturile agresiv. Totul rula în browser fără plugin-uri.

Motorul de engagement procesa mii de interacțiuni simultan în spațiul 3D. Oamenii vizitau standuri, luau broșuri virtuale, răspundeau la sondaje live în timpul sesiunilor și schimbau date de contact prin cărți de vizită virtuale. Chatul funcționa pe două nivele: anunțuri la nivel de spațiu și conversații bazate pe proximitate care ajungeau doar la oamenii din aceeași zonă.

Am lucrat la acest proiect patru ani, așa că setup-ul DevOps trebuia să fie solid. Infrastructură ca și cod, scalare automată pentru vârfurile de trafic din timpul evenimentelor mari și monitorizare care acoperea atât layer-ul aplicației, cât și performanța randării 3D.

Rezultate

Platforma a susținut conferințe și expoziții virtuale pentru organizații din toată lumea din 2020 până la începutul lui 2025. Formatul 3D a schimbat modul în care oamenii se comportau la evenimente. Participanții chiar explorau zonele de expoziție și petreceau timp la networking — mult mai aproape de tiparele evenimentelor fizice decât ce vezi pe platformele plate de webinar. Expozanții obțineau ceva ce nu găseau în altă parte: un mod spațial de a-și prezenta produsele și de a vorbi cu lead-uri calificate, în loc să spere că cineva dă click pe un link din sidebar-ul de chat.