O Além <video>

Slides da talk no Front in Sampa 2014

Transcript

1. O ALÉM
   

   View Slide

2. @thiagopnts
   http://thiago.me
   

   View Slide

3. View Slide

4. commit 7e0f165f557db5822de2eb843c7517259a89b18
   Author: webmedia
   Date:
   Thu Apr 1 13:41:34 2010 -0300
   Primeiro commit
   

   View Slide

5. View Slide

6. 100k+ LINHAS DE
   CÓDIGO
   

   View Slide

7. ~800kb
   

   View Slide

8. VÁRIOS OUTROS FORMATOS ADICIONADOS
   NO DECORRER DOS QUASE 5 ANOS
   

   View Slide

9. PROBLEMAS
   

   View Slide

10. ARQUITETURA BASEADA EM
    BARRAMENTOS
    

    View Slide

11. UI
    

    View Slide

12. MONOLITICO
    

    View Slide

13. EVOLUÇÃO DOS BROWSERS
    

    View Slide

14. BUILD
    

    View Slide

15. Picture-in-Picture
    DVR/Time Shift
    Live Thumb Preview
    Multicâmeras
    

    View Slide

16. View Slide

17. View Slide

18. MODULAR
    GOAL #1
    …………………………….………………………………
    

    View Slide

19. PLUGIN-BASED
    GOAL #2
    …………………………….………………………………
    

    View Slide

20. extensivel
    GOAL #3
    …………………………….………………………………
    

    View Slide

21. html5-ready
    GOAL #4
    …………………………….………………………………
    

    View Slide

22. View Slide

23. Core
    Container
    Playback
    Media Control
    Container
    Playback
    Plugin
    Plugin
    Plugin
    Plugin
    Plugin
    Plugin
    Plugin
    

    View Slide

24. Core
    Container
    Playback
    Media Control
    Container
    Playback
    Plugin
    Plugin
    Plugin
    Plugin
    Plugin
    Plugin
    Plugin
    Plugins
    não open source
    Plugins
    open source
    

    View Slide

25. NASCE O
    

    View Slide

26. View Slide

27. COPA DO MUNDO 2014
    500.000.000
    MINUTOS ASSISTIDOS
    …………….…………….………………………………
    

    View Slide

28. COPA DO MUNDO 2014
    …………….…………….………………………………
    8 PETABYTES
    DE DADOS TRAFEGADOS
    

    View Slide

29. COPA DO MUNDO 2014
    …………….…………….………………………………
    40.000.000
    video-views
    

    View Slide

30. COPA DO MUNDO 2014
    …………….…………….………………………………
    7 x 1
    :(
    

    View Slide

31. View Slide

32. View Slide

33. View Slide

34. HLS
    MP4
    MP3
    DASH
    RTMP
    

    View Slide

35. problemas
    NOVOS
    

    View Slide

36. problemas
    CSS ENCAPSULATION
    

    View Slide

37. problemas
    FLASH
    

    View Slide

38. problemas
    BROWSERS
    

    View Slide

39. View Slide

40. Futuro
    ANDROID
    

    View Slide

41. Futuro
    iOS
    

    View Slide

42. Futuro
    MAIS FORMATOS
    

    View Slide

43. http://git.io/clappr
    

    View Slide

44. obrigado!
    @thiagopnts
    

    View Slide