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

RTCPeerConnection1. Обработка потерянных пакетов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Вопросы