WebRTC
В production уже сегодня
Захарченко Артем
myzlio@gmail.com
@blackrabbit99
Кто это?
● Gameloft
● DevPro
● Pics.io
@blackrabbit99
Немного ностальгии
Mosaic
IE
Netscape
И тут понеслась
Общее введение
И тут понеслась
Начнем
● MediaStream (aka getUserMedia)
● RTCPeerConnection
● RTCDataChannel
Структура WebRTC приложения
Media Stream
Media Stream Connection
Demo
RTCPeerConnection
ICE framework
● сбор местных IP и порт.
● проверка подключения между пирами
● keep alive соединения
Signaling server
● Инициализация связи
● Сетевые настройки
● Информация о кодеках/браузерах
Stun
SDP
RTCPeerConnection
1. Обработка потерянных пакетов
2. Подавление эха
3. Пропускная способность
4. Динамическая буферизация
...
Посмотрим в действии
Demo
All fine
Где же проблемы?
А вот и они!
Идеальный мир
Реальный мир
Turn
RTCDataChannel передает
● String
● Blob
● ArrayBuffer
● ArrayBufferView
RTCDataChannel
Основные пролемы
● Скорость
● Размер файлов
● Размер чанков
Поддержка
Safari
RIP???
Safari
IE
● CU-RTC-Web
● или Google Chrome Frame
Статистика
Open Source
● PeerJs
● EasyRTC
● PubNub
● ShareFest
● WebRTC.io
QA
Вопросы
WebRTC in production
WebRTC in production
WebRTC in production
WebRTC in production
WebRTC in production
WebRTC in production
WebRTC in production
WebRTC in production
WebRTC in production
WebRTC in production
WebRTC in production
WebRTC in production
WebRTC in production
WebRTC in production
WebRTC in production
WebRTC in production
WebRTC in production
WebRTC in production
WebRTC in production
WebRTC in production
WebRTC in production
WebRTC in production
WebRTC in production
WebRTC in production
WebRTC in production
WebRTC in production
WebRTC in production
WebRTC in production
WebRTC in production
WebRTC in production
WebRTC in production
WebRTC in production
WebRTC in production
Upcoming SlideShare
Loading in...5
×

WebRTC in production

201

Published on

WebRTC in production. How to break NAT.

Published in: Software
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
201
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

WebRTC in production

  1. 1. WebRTC В production уже сегодня Захарченко Артем myzlio@gmail.com @blackrabbit99
  2. 2. Кто это? ● Gameloft ● DevPro ● Pics.io @blackrabbit99
  3. 3. Немного ностальгии
  4. 4. Mosaic
  5. 5. IE
  6. 6. Netscape
  7. 7. И тут понеслась
  8. 8. Общее введение
  9. 9. И тут понеслась
  10. 10. Начнем ● MediaStream (aka getUserMedia) ● RTCPeerConnection ● RTCDataChannel
  11. 11. Структура WebRTC приложения
  12. 12. Media Stream
  13. 13. Media Stream Connection Demo
  14. 14. RTCPeerConnection
  15. 15. ICE framework ● сбор местных IP и порт. ● проверка подключения между пирами ● keep alive соединения
  16. 16. Signaling server ● Инициализация связи ● Сетевые настройки ● Информация о кодеках/браузерах
  17. 17. Stun
  18. 18. SDP
  19. 19. RTCPeerConnection 1. Обработка потерянных пакетов 2. Подавление эха 3. Пропускная способность 4. Динамическая буферизация 5. Снижение и подавление шума 6. Очистка изображения
  20. 20. Посмотрим в действии Demo
  21. 21. All fine
  22. 22. Где же проблемы?
  23. 23. А вот и они!
  24. 24. Идеальный мир
  25. 25. Реальный мир
  26. 26. Turn
  27. 27. RTCDataChannel передает ● String ● Blob ● ArrayBuffer ● ArrayBufferView
  28. 28. RTCDataChannel
  29. 29. Основные пролемы ● Скорость ● Размер файлов ● Размер чанков
  30. 30. Поддержка
  31. 31. Safari RIP???
  32. 32. Safari
  33. 33. IE ● CU-RTC-Web ● или Google Chrome Frame
  34. 34. Статистика
  35. 35. Open Source ● PeerJs ● EasyRTC ● PubNub ● ShareFest ● WebRTC.io
  36. 36. QA Вопросы
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×