Apresentação da tecnologia WebRTC, bibliotecas e casos de uso distintos do tipo de uso normal deste tipo de tecnologia.

1. WebRTC: Muito Mais do que
“Talking Heads”
Rui Ribeiro

2. Lisboa
Fundamentalmente Programador
Licenciado, Mestrado, Doutramento…
Sysadmin, Web Developer, Gestor de
Projeto, Docente…
Algo que digo muitas vezes:
“Vida dura e dificil!“ (sarcasmo)
Hobbies:
3D Printing, Drones, RV Camping, Virtual Rocketry
Acerca de mim!

3. WebRTC o que é?
Detalhes Técnicos
Bibliotecas
Exemplos
Provas de Conceito
Agenda
http://core0.staticworld.net/images/article/2013/08/connect-mobile-video-100050392-gallery.jpg

4. WebRTC (Web Real Time
Communication) é uma API
concebida no seio do W3C que
permite a criação de aplicações que
permitem a transmissão de streams
de audio, video e dados browser-a-
browser sem o recurso a plugins.
O que é o WebRTC

5. Arquitetura
https://webrtc.org/assets/images/webrtc-public-diagram-for-website.png

6. Inclui canais: áudio, vídeo, dados
Peer2Peer
Mecanismos “NAT Transversal”
Encriptação Forte
Biblioteca bem definida, exposta via Javascript
Dispositivos locais de captura e apresentação
Solicitação de “Media Streams”
A “sinalização” entre peers não faz parte da norma!
Características
https://www.astrill.com/images/features_banner.png

7. Enabler de Inovação
VoIP
Videoconferência
Video-difusão
Partilha de Ecrã
Chat
Partilha de
Documentos
Gravação
Browser Desktop Mobile
http://www.swisstool.co.uk/st/images/P/handyman-red-swiss-army-knife-02.jpg

8. Aplicações
http://www.greenplanetfireandsecurity.co.uk/images/page-tops/cctv.jpg
https://telepresencerobots.com/sites/default/files/the-double-robot.jpg
http://origin.arstechnica.com/journals/microsoft.media/microsoft_roundtable.jpg
https://dri1.img.digitalrivercontent.net/Storefront/Company/msintl/images/English/en-INTL-Oculus-
Rift-VR-Headset-29G-01331/en-INTL-L-Oculus-Rift-VR-Headset-29G-01331-mnco.png
https://s-media-cache-ak0.pinimg.com/736x/65/fb/8e/65fb8efa51ce326838a03a32af532217.jpg
https://images-na.ssl-images-amazon.com/images/I/81IdMHg-BML._SL1500_.jpg

9. “The Browser Wars”, novamente!http://iswebrtcreadyyet.com/
http://media02.hongkiat.com/battle-of-browsers-artworks/browser-wars.jpg

10. Codec de Video
https://bloggeek.me/wp-content/uploads/2013/12/201312-Video-Codec-Trends.jpg

11. Codec de Áudio
Opus is a totally open, royalty-free,
highly versatile audio codec.
Opus is unmatched for interactive
speech and music transmission over
the Internet, but is also intended for
storage and streaming applications.
It is standardized by the Internet
Engineering Task Force (IETF)
as RFC 6716 which incorporated
technology from Skype’s SILK codec
and Xiph.Org’s CELT codec.
http://opus-codec.org/
http://opus-codec.org/static/comparison/quality.png

12. Peer 2 Peer, mediado!

13. Peer 2 Peer, NAT Transversal
https://www.script-tutorials.com/demos/512/webrtc2.png

14. Protocolos de Rede
http://webrtc-security.github.io/images/diagram_2_en.png

15. SFU, MCU, P2P MESS!
https://pbs.twimg.com/media/COpyBEJWwAAOlJa.png

16. Escalar para grandes audiências
Streaming de Video
Partilha de Volumes

17. http://w3c.github.io/webrtc-pc/
https://simplewebrtc.com
http://peerjs.com
https://janus.conf.meetecho.com/
http://webrtc2sip.org
https://jitsi.org
http://www.apidaze.io
https://callstats.io
https://www.kurento.org/
Bibliotecas & Ferramentas

18. Simple WebRTC
http://bit.ly/2nmpck6
JANUS
https://janus.conf.meetecho.com/demos.html
Jitsi
https://rendez-vous.renater.fr/
WebRTC Demo
https://www.webrtc-experiment.com/
MashMe.TV
https://www.mashme.tv/
Exemplos

19. WebTUT
WebRTC Speedmeter
Multi-stream Video-on-demand
Videoconferncia Multi-ponto Multi-ecrã
Provas de Conceito

20. Caso de Uso
Tutoria via Web
Funcionalidades:
Widget para integração
em LMS
Multi-lingue
Autenticação Federada
GEANT CoTURN Service
Callstats.io
Video & Chat
WebTUT

21. Caso de Uso:
Medição de Largura de Banda
Funcionalidades
WebSockets & Datachannel
Métricas processamento de
Video
Atraso, perdas de qualidade, …
GEANT CoTURN Service
WEBRTC Speedmeter

22. Caso de Uso
Transmissão, gravação e apresentação de eventos
Funcionalidades:
Gestão Self-service
Multi-stream in-sync ao vivo, gravações e visionamento
GEANT CoTURN Service
Gravação no Servidor
Esforço
2 x 3 meses x 3 dias / semana ~ finalistas licenciatura
Multi-stream Video-on-demand

23. Caso de Uso
Videoconferência multi-ecrã em
ambiente de sala
Funcionalidades:
Multi-ecrã por sala
Multi-ponto entre salas
Gravação no servidor
Gestão da sala via tablet
GEANT CoTURN Service
Esforço
2 x 3 meses x 3 dias / semana ~ finalistas licenciatura
Videoconferncia Multi-ponto Multi-ecrã

24. Exemplo: SimpleWebRTC.com
http://bit.ly/2nmpck6

25. WebRTC é um “stack” aplicacional
É um enabler para developers integrarem
funcionalidades de vídeo nas suas aplicações
A sinalização não está definida (bom e mau)
Fácil de integrar em aplicações WEB
Muito mais do que “Talking Heads”
Conclusão

26. Questões?

27. e.Sponsors.ApplyThanks ( )

28. Rui Ribeiro
racribeiro@gmail.com
Thank you, pá!
https://pics.me.me/this-desktop-video-conference-thing-is-great-even-though-youre-17269593.png