Ustream.tv Bepillantás egy közösségi élővideo site működésébe

Átírás

1 Ustream.tv Bepillantás egy közösségi élővideo site működésébe Tolmács Márk

2 Pillantás bele... Facebook-clean, YouTube simple......so you get the drill

3 Mivel kell szembenéznünk... Web front-end kérés / perc / szerver (átlag) Adatbázis back-end kérés / perc / szerver (átlag) Cache front-end kérés / perc /szerver (átlag) legalábbis éjszaka...

4 ...és ha tényleg szeretnek bennüket... Web front-end kérés / perc / szerver (peak) Adatbázis kérés / perc / szerver (peak) Cache kérés / perc / szerver (peak)

5 ...mi frappánsan megoldjuk 6 web front-enddel (Apache 2.x) 2 front-end cache szerverrel (Varnish) 2 statikus szerver (Nginx) 2 master + 3 slave adatbázis szerverrel (MySQL 5.x) 16 Flash Media Serverrel no meg némi CDN támogatással (de psszt!)

6 látogató / nap

7 látogató / nap * Magyaroszág lakossága 10 millió

8 látogató / nap köszönjük a többször is visszalátogatóknak!

9 Deployment A szükség nagy Úr!

10 Multi-master Subversion?! Yes, you can!

11 Multi-master Subversion pre- és post-commit hookok optimistic locking számos funkcionális ellenőrzés rsync a végső fázisban

12 PHP - a mindenes Hatékonyan és gyorsan

13 Saját keretrendszer Óriások vállán (Facebook, Flickr, stb...) Ötvöztük a legjobb megoldásokat OOP és MVC Előny: Saját szükségleteinkre formáljuk

14 Reflection API Controller validáció View paraméterek validációja

15 Reflection API Docblock annotations Típusellenőrzés Sebesség / kényelem APC cache

16 Statikus filekezelés JS/CSS fileok tömörítve CDN-ről kerülnek a látogatóhoz CSS sprite-ok extenzív használata

17 Statikus filekezelés Hatékony és egyben kényelmes megoldás Függőségi csoportok (főként JS) SVN revízió mint verzió CDN edge logika

18 Adatbázisok MySQL multi-master setup (1-1) Load-balanceolt MySQL slave-ek (3)

19 Adatbázisok DAO minta Kézzel finomhangolt SQL lekérdezések Több szintű cache-elés Többnyire statikus osztályok

20 JavaScript tippek-trükkök Minden a kódszervezésen múlik

21 A böngésző első osztályú platform MooToolstól a jquery-ig Nem minden objektum ami fénylik Komponensek és widgetek Interakció a Flash playerrel

22 A böngésző első osztályú platform Skálázhatósági erények Kódszervezés Egyszerű Event Dispatcher

23 Flash API Live video for the masses

24 Flash API Támogatunk minden elterjedt eszközt Flash Professional, Flex, Flashdevelop Támogatjuk AIR alkalmazások készítését A Ustream.tv Flash alkalmazásai is erre épülnek

25 Flash API Runtime Shared Library-k (moduláris felépítés) Az SWC állományok is elérhetőek Statikus fordítás is lehetséges (bár nem ajánljuk) Dokumentáció ASDoc formátumban is Példakódok is elérhetőek

26 Broadcasting in HQ WireCast Böngésző plug-in Flash Media Encoder Tricaster

27 Ha sikerült felcsigáznunk:

28 Mobile me tender Mesélj akkor is ha úton vagy

29 Támogatott eszközök Nokia (Symbian) Apple iphone Android Windows Mobile Teljes lista:

30 Broadcast mobilról Direkt RTMP kapcsolat Adaptív bitráta Frame-dropping végső esetben Bájtkód-optimalizált alkalmazások Cél a minimális lag

31 Mobil kiegészítők Twitter Chat ( IRC ) Szavazás Viral marketing (automatikus feltöltés) Facebook YouTube

32 Újradefiniált határok Egy kellemes szombat este hazafelé menet megpillantod a naplementét és legszívesebben megmutatnád mindenkinek! Mostmár megteheted!

33 Jelentkezz mobiltesztelőnek!

34 Jelentkezz mobiltesztelőnek! Nincs más dolgod, mint t írni a betatest@ustream.tv címen.

35 Watershed Nekem is kell Ustream!

36 Watershed Legyen saját viewered, broadcastered, chated Kiterjedt API felhasználókezelésre (fordított SOAP) Metrikák Ugyan az a Flash API mint a ustream.tv-n

37 Watershed - fordított SOAP Watershed a kliens Az Ügyfél nyújtja a szervert Esemény alapú Szinkron (a legtöbb hívás)

38 Developer Community Törekvések a közösség felé nyitásban További API és mashup lehetőségek Kommunikáció Fejlesztők támogatása

39 Kérdések?

40 Köszönöm! Tolmács Márk - tolmacs.mark@ustream.tv Béta teszter jelentkezés: betatest@ustream.tv