WebRTC in production. How to break NAT.

2. WebRTC
В production уже сегодня
Захарченко Артем
myzlio@gmail.com
@blackrabbit99

3. Кто это?
● Gameloft
● DevPro
● Pics.io
@blackrabbit99

4. Немного ностальгии

5. Mosaic

6. IE

7. Netscape

8. И тут понеслась

9. Общее введение

10. И тут понеслась

11. Начнем
● MediaStream (aka getUserMedia)
● RTCPeerConnection
● RTCDataChannel

12. Структура WebRTC приложения

13. Media Stream

14. Media Stream Connection
Demo

15. RTCPeerConnection

16. ICE framework
● сбор местных IP и порт.
● проверка подключения между пирами
● keep alive соединения

17. Signaling server
● Инициализация связи
● Сетевые настройки
● Информация о кодеках/браузерах

30. Stun

51. SDP

52. RTCPeerConnection
1. Обработка потерянных пакетов
2. Подавление эха
3. Пропускная способность
4. Динамическая буферизация
5. Снижение и подавление шума
6. Очистка изображения

53. Посмотрим в действии
Demo

54. All fine

55. Где же проблемы?

56. А вот и они!

57. Идеальный мир

58. Реальный мир

59. Turn

60. RTCDataChannel передает
● String
● Blob
● ArrayBuffer
● ArrayBufferView

61. RTCDataChannel

62. Основные пролемы
● Скорость
● Размер файлов
● Размер чанков

63. Поддержка

64. Safari
RIP???

65. Safari

66. IE
● CU-RTC-Web
● или Google Chrome Frame

67. Статистика

68. Open Source
● PeerJs
● EasyRTC
● PubNub
● ShareFest
● WebRTC.io

69. QA
Вопросы