SlideShare a Scribd company logo
WebRTC in production
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
● Инициализация связи
● Сетевые настройки
● Информация о кодеках/браузерах
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
Stun
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
SDP
RTCPeerConnection
1. Обработка потерянных пакетов
2. Подавление эха
3. Пропускная способность
4. Динамическая буферизация
5. Снижение и подавление шума
6. Очистка изображения
Посмотрим в действии
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
Вопросы

More Related Content

WebRTC in production