HTML5, WebRTC технологии для коммуникаций в режиме реального времени и Jabber Guest

HTML5, WebRTC технологии для
коммуникаций в режиме реального времени
и Jabber Guest
Сергей Юцайтис – консультант
по технологиям совместной работы
23.11.15 © 2015 Cisco and/or its affiliates. All rights reserved.

Что такое WebRTC
Что такое WebRTC:
§  WebRTC это API определенный, продвигаемый и разработанный
Консорциумом Всемирной паутины (World Wide Web Consortium -W3C)
§  Это открытый, не коммерческий стандарт, который позволяет веб
браузерам обмениваться информацией в режиме реального времени
(Real-Time Communications -RTC) через простой JavaScript API
В чем ценность WebRTC:
§  WebRTC позволяет приложениям реализовывать возможности
телефонии, видеосвязи и P2P обмена файлами внутри браузера без
загрузки плагина или (внешнего программного клиента)
2

Браузерные приложения для голосового и видео
общения сегодня...
3

Но…
У каждого производителя своя
реализация – нет совместимости
Требуется установка плагинов
Сложности с установкой
(разрешения и т.д...)
Не на всех платформах
доступны, мобильные – iOS и
Android, Linux
Их необходимо обновлять
Сам по себе браузер не может
открыть медиа сессию
(для обмена голосом и видео)
4

Браузеры старых версий плохо подходят для
реализации телекоммуникационных приложенний
Программного телефона
Кодирования звука в реальном времени
Кодирования видео в реальном времени
Обмена контентом в реальном времени
Сигнализации
Шифрования медиа трафика
Плагины и внешние приложения требуются для поддержки функционала
5
Возможность отправки медиа на
удаленную сторону
Согласование протоколов
Оповещения пользователя
Преодоление NAT и firewall
Управление периферийными
устройствами
Детектирование активности
системы
Разработка браузерных технологий, направленных на отказ от
плагинов, последнее время резко ускорилась. WebRTC сегодня
становится основной альтернативой загружаемым модулям.

UC/Видео сегодня не часто используется через
браузер..
Плагины или внешние приложения могут быть запущены, если требуются
6

Те же ограничения встречают пользователи
мобильных платформ
Требуются внешние приложения
7

Приложения и приложения выполняемые в
браузере
ПК приложения
8
Основанные на браузере
приложения
Преимущества
•  Межплатформенность
•  Быстрое развёртывание
Вчерашние ограничения
•  Подключение к сети
•  Ограниченные возможности UI
•  Дизайн UI
•  Медленные
•  Ограниченный доступ к
оборудованию
•  Ограниченные
мультимедийные возможности
Сегодня браузеры
поддерживают гораздо
больше
•  Аудио и Видео (вещание и в
реальном режиме времени)
•  Хранение данных в офлайн и
локальные базы данных
•  2D и 3D графика
•  Выполнение в фоне, потоки
•  Расширенная публикация
уведомлений
•  Средства обеспечения безопасности
приложений
•  Лучший UI, управление шрифтами
Браузер обеспечивает
доступ к локальным
ресурсам
•  Геолокация
•  Адресная книга
•  Микрофон и камера
•  SMS, MMS, почта
•  Drag & Drop
Сегодня

Эволюция технологий браузера и WebRTC
23.11.15 © 2015 Cisco and/or its affiliates. All rights reserved.9

Эволюция браузерных технологий
10
HTTP (Pre AJAX)
AJAX (2004)
Web Socket (2008)
WebRTC (2012)
Обычный Web, запрос, выполненный на
странице возвращает код страницы
(Geocities)
Часть страницы может
обновляться без перезагрузки
страницы целиком (Gmail)
Браузер может открывать сессию
двунаправленного обшения
Страница браузера может
обмениваться информацией
напрямую с другой страницей
Browser
Server
Browser
Server
Browser
Server
Browser
http://venturebeat.com/2012/08/13/webrtc-is-almost-here-and-it-will-change-the-web/
http://www.evolutionoftheweb.com/
Browser

Браузеры запрещают загрузку и запуск плагинов
Производители браузеров (Google Chrome и Mozilla Firefox) планируют полностью
прекратить поддержку плагинов в ближайшем будущем
Chrome и Firefox первые ввели политику запрета
11
“To give people more control over their browser,
Firefox will no longer activate most plugins by
default”
- Для того чтобы дать пользователю больше
возможностей по управлению браузером Firefox
больше не будет разрешать загрузку и запуск
большинства плагинов «по умолчанию».
https://blog.mozilla.org/futurereleases/
2013/09/24/plugin-activation-in-firefox/
“Today’s browsers are speedier, safer, and more capable than
their ancestors. Meanwhile, NPAPI’s 90s-era architecture has
become a leading cause of hangs, crashes, security incidents,
and code complexity. Because of this, Chrome will be phasing
out NPAPI support over the coming year.”
- Сегодня браузеры быстрее, безопаснее и функциональнее
чем были раньше. Архитектура веб. приложений 90-х,
основанная на плагинах, становится слишком громоздкой,
уязвимой, содержит многочисленные ошибки. Поэтому
Chrome планирует прекратить поддержку загружаемых
модулей (плагинов) в ближайшие годы
http://blog.chromium.org/2013/09/saying-goodbye-to-our-old-
friend-npapi.html
•  Для предотвращения недовольства пользователей, Google Chrome будет
поддерживать список разрешенных популярных плагинов.

Загрузка и запуск плагинов сегодня
Chrome и Firefox поддерживают список разрешенных плагинов
12

Обзор HTML5
Стандарт начал поддерживаться браузерами еще до окончательного утверждения
13
<!DOCTYPE html>
SEMANTICS
<audio>
<video><section>
<header>
<footer>
<output>
<time>
MathML
MEDIA & GRAPHICS
WebRTC RTCWeb
<audio> <video> <canvas>
WebGL SVG
OFFLINE / STORAGE
Application Cache
IndexedDB localStorage STYLING
border-radius
border-image
columns
backgrounds
shadows
transitions
animations
PERFORMANCE
Web SocketsWeb Workers
XMLHttpRequest
window.history
Drag & Drop
CSS3
Touch Events
Full Screen
INTEGRATION
Geolocation

14
Замороженные или
отмененные
Сторонние стандарты
(не W3C)
В стадии разработки
Практически готовы
Тестовая версия (Candidate
recommendation)
Рекомендация закончена и
опубликована
HTML5

Ключевые возможности
Медиа потоки
Get User Media: для захвата аудио или видео с веб-
камеры или микрофона
WebRTC обеспечивает работу с устройствами захвата
передающими один или несколько
синхронизированных потоков медиа
Адрес медиа необходимо представить в виде URL для
возможности проиграть его средствами HTML5
Поддержка соединений точка - точка
Соединения с поддержкой видео и звука высокого
качества
Управление методами и протоколами кодирования
Шифрование
Управление полосой пропускания
Канал передачи данных
Передача данных приложения точка – точка
(поддерживается не всеми браузерами)
15

Что это означает?
Это означает что привычные нам приложения для телефонной и
видеосвязи (такие как, например, Jabber и Skype) легко могут быть
заменены встроенными в веб. страницы клиентами (а точнее –
компактным кодом, исполняемым браузером).
§  Нет необходимости в установки дополнительных приложений.
Браузер сам проделает всю необходимую работу.
Как только передача данных (Data Channel) будет полностью
поддержана браузерами -управление удаленным рабочим столом,
передача файлов, онлайн игры и текстовый чат в режиме
реального времени, а также любой другой функционал, требующий
обмена данными, можно будет реализовать только на базе
браузера.
16

Что еще станет возможным?
Совмещение с другими веб технологиями откроет путь к
совершенно новым возможностям!
Например WebGL и HTML5 применяемые вместе с WebRTC
позволят сделать функционал не существовавший в индустрии
ранее
§  Пример: Применение видеоэффектов в приложениях веб
трансляции в режиме реального времени или видеосвязи
17
Этот функционал можно реализовать с
минимальными усилиями (очень низкой
стоимостью)

WebRTC архитектура

Почему это интересно?
Легко
разрабатывать
Легко
внедрять
Простой
доступ
Massive
Adoption
§  Не нужны глубокие
знания в области VoIP
§  Дает доступ к VoIP
технологиям
существующим Web
программистам
§  Новые приложения
§  Совместимые
компоненты
приложений связи
§  Не зависимо от
платформы
§  Распространение =
URL
§  Хранение в
датацентр, а не на
индивидуальных
устройствах
§  Низкая стоимость
обслуживания
§  Мгновенное
обновление
§  Доступ в один клик
§  Любое устройство
§  Нет необходимости в
плагинах/приложениях
§  Расширяет систему
коммуникаций
предприятия
19
Массовое
использование

20
<html>
<body>
<h1>getUserMedia API Example</h1>
<div id='video-space'>
<video autoplay></video>
</div>
<script>
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;
var constraints = {audio: false, video: true};
var video = document.querySelector("video");
function successCallback(stream) {
// Выведем видео в окно, что бы убедиться что все работает
window.stream = stream;
if (window.URL) {
video.src = window.URL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}
function errorCallback(error) {
console.log("navigator.getUserMedia error: ", error);
}
navigator.getUserMedia(constraints, successCallback, errorCallback);
</script>
</body>
</html>
Пример html webrtc кода
Выбор источника
видео
Вывод видео в окно

Стратегия Cisco по внедрению HTML5 / WebRTC
Планируется широкое, основанное на стандартах, поддерживаемое большинством
браузеров, внедрение WebRTC в течении 1-2 лет
21
Сегодня Cisco использует
в своих продуктах только
стабильные технологии,
полностью
поддерживаемые
текущими версиями
браузеров
Разработка новых
продуктов с учетом
будущих возможностей
браузеров – т.е. - WebRTC
Планируется поддержать
все прогрессивные
возможности браузеров
как только они станут
доступны
Поддержка встроенных возможностей браузеров
Направление развития

Интерактивное Аудио, Видео, Данные в Браузерах
22
Браузеры
Кодеки
Стандарты
«A» Браузер
с
Веб. Приложением X
«Б» Браузер
с
Веб. Приложением X
Нативно, без плагина
Приложения

Возможные проблемы
23
Передача медиа
Через брандмауэр,
NAT
Обеспечение
безопасности
в браузере,
защита медиа
потоков
Идентификация
звонящего
Оптимизация
производительности
при обработки/
передачи трафика
реального времени

Архитектура основанных на браузере
Высокоуровневая архитектура меж-браузерных коммуникаций для приложений связи
24
Веб сервер
Веб. Приложение X через HTTP/HTTPS
(т,е. HTML, CSS, JavaScript)
Голос, видео через SRTP (DTLS)

Архитектура WebRTC
Ключевые компоненты
25
…..
Web API (Редакция W3C WG)
Ваше Веб.
приложение
WebRTC
WebRTC C++ API (Подключение)
Управление сессией/ Сигнализация (Сессии)
Обработка Звука
isac /iLBC Codec
NetEQ для голоса
Эхоподавитель/
Шумоподавитель
Аудио захват/вывод
Обработка Видео
VP8 / H.264 кодеки
Буфер флуктуации
задержки для видео
Обработка/улучшение
изображения
Видео захват
Транспортные
механизмы
SRTP
Мультиплексирование
P2P
STUN+ TURN+ICE
Сеть I/O
Веб. сервер
Б
Р
А
У
З
Е
Р

Что пока не возможно реализовать с WebRTC
Ограничения WebRTC
26
•  Установка сессии пока не реализована в рамках WebRTC.
•  Проверки доступности (presence) нет в WebRTC
– Установка сессим и сервисы присутствия должны быть реализованы
собственным кодом приложения, включающего вызовы WebRTC
•  WebRTC поддерживает только общение по схеме точка-точка; нет
поддержки схем один-многие и многие-многие (multicast, broadcast)
•  Внешние библиотеки могут быть использованы для работы с
сигнализацией
–  Cafex Fusion Client SDK уже сегодня предоставляет фреймворк для
разработки встроенных в браузер приложений связи в реальном режиме
времени, легко интегрируемые в корпоративные порталы без необходимости
установки пользователем внешних приложений или плагинов.

Установление соединения в WebRTC
27
Приложение 1 вызывает Сервер Приложение 2 принимает
вызов
2 Соединяется с сервером 2 Соединяется с сервером
1
Обеспечивает сигнальное
соединение
3 информация о соединении
(Setup)
4 Передача OFFER на сервер
5
Передача сигнализации удаленной
стороне
6
Подтверждение сигнализации:
OFFER
7
Информация о соединении
(Setup)
8 Передача ANSWER на сервер
9
Передача сигнализации в сторону
инициатора соединения
10
Подтверждение приема
сигнализации: ANSWER
11 Передача OK на сервер
12
Передача сигнализации удаленной
стороне 13 Согласование медиа потоков

Идентификация в WebRTC
Браузер настраивается для запроса
сервисов идентификации (identity provider)
пользователя
§  Пользователь логинится на сервис
идентификации
§  Браузер получает подтверждение от
сервиса аутентификации который
создает персональную DTLS подпись
§  JavaScript звонящего передает
подтверждение идентификации
удаленной стороне
§  Браузер удаленного абонента
запрашивает сервис аутентификации и
проверяет совпадение DTLS подписи
http://www.w3.org/TR/webrtc/#identity-
provider-interaction
28
Facebook
(сервис
аутентификации)
JS
Браузер 1
JS
Браузер 2
DTLS/SRTP медиа
Вебсайт
1
2
33
4

Безопасность в WebRTC
SRTP
RTP/SRTP наиболее часто используется в
решениях для связи по IP
Порядковый номер, синхронизация и т.д,..
Только медиа (payload) шифруется
DTLS
DTLS используется для согласования
ключей шифрования
Само-подписанные сертификаты (Self-
signed)
NAT/Firewall Traversal
STUN (Session Traversal Utilities for NAT)
TURN (Traversal Using Relays around NAT)
ICE (Interactive Connectivity Establishment)
29

Архитектура взаимодействия браузера и
Подробнее о расширениях для приложений связи в реальном режиме времени
30
Доступ к камере, микрофону
Аудио, видео кодеки
sRTP как транспорт для медиа,
синхронизация потоков и т.д.
SRTP шифрование с
согласованием ключей по DTLS
ICE для преодоления NAT/firewall
SCTP/DTLS для обмена данными
(многопользовательские игры)
Основанные на SDP механизмы
согласования режимов/протоколов
Web приложения (HTML, CSS,
JavaScript)
API
Управление медиа
Другие API браузера
Доступ к камере,
микрофону
Кодеки
Аудио/видео RTP
Stack
DTLS/SRTP
транспорт
ICE
Контроллер
согласования
режимов и кодеков
данные SCTP/DTLS
= встроено в браузер = приложения использующие новый APIs

WebRTC – Как это работает ?
Браузер – обычный терминал
31
Веб сервер
Браузер
Javascript
SRTP
HTTP
SIP Call Agent
SIP
WebRTC – SIP

WebRTC – конференция
Высокоуровневая архитектура многоточечной конференции
32
Веб сервер
Веб приложения
через HTTP/HTTPS
(т.е. HTML, CSS,
JavaScript)
Voice, Video через SRTP
SIP проксиSIP шлюз
SIP
Сервер многоточечной
связи или транскодер
Терминалы ВКС
SIP
Браузеры

Стандарты в WebRTC

Стандарты WebRTC
Серьезный прогресс достигнут в этом году по согласованию стандартов
34
Принято
•  Аудио кодеки: G.711, Opus
•  Сигнализация: SDP-подобные согласование
средствами JavaScript (ROAP / JSEP)
•  Преодоление Firewall/NAT … ICE, STUN, TURN
•  Шифрование медиа: SRTP с ключами DTLS
•  Согласование портов/адресов для медиа: ICE/
STUN/TURN
•  Идентификация: Модель провайдера
идентификации
•  Поддержка маркирования QoS … DiffServ для
приоритета на WiFiшлюзах, LTE соединениях
•  Для видео поддержка VP8 и H.264, утверждена
IETF!
‒  http://www.ietf.org/mail-archive/web/rtcweb/current/
msg13432.html
Обсуждается
•  Cisco анонсировало FreeOpenH264 проект
‒  Mozilla подтвердили поддержку в Firefox
OpenH264
•  Коррекция ошибок/ потерь / переполнение…
‒  Цель = минимизировать задержку, обеспечить
быструю реакцию и постоянный, непрерывный
поток данных
•  Передача данных / экрана
•  И т.д.…

Формирование стандартов
Cisco играет ключевую роль в становлении стандарта
35
•  RTCWeb рабочая группа
‒ Основа стандарта со стороны IETF
‒ Cullen Jennings (Cisco Fellow) со-
председатель группы
•  Определяют как браузер будет
коммуницировать (в том числе с
использованием существующих
механизмов и протоколов)
•  Документы…
draft-ietf-rtcweb-audio draft-ietf-rtcweb-data-channel
draft-ietf-rtcweb-jsep draft-ietf-rtcweb-overview
draft-ietf-rtcweb-qos draft-ietf-rtcweb-rtp-usage
draft-ietf-rtcweb-security-arch
draft-ietf-rtcweb-use-cases-and-requirements
•  WebRTC рабочая группа
‒ Основа стандарта со стороны W3C
‒ Cullen Jennings – один из авторов
документа
‒ Keith Griffin (Lead Architect Cisco) один из
авторов документа в части механизмов
передачи данных/экрана.
•  Определяют как веб приложения получат
доступ к функционалу связи (API и т.д.)
•  Документы…
‒  WebRTC 1.0: Real-time Communication Between Browsers
‒  Media Capture and Streams
‒  Media Capture Scenarios

Open Source H.264 для упрощения разработки
WebRTC приложений
Cisco и Firefox объявили о поддержке
H.264 видео звонков с обычных ВКС
терминалов в браузер Firefox с WebRTC
совместимым клиентом от Cisco
http://blogs.cisco.com/collaboration/
industry-first-h-264-video-endpoint-calls-
firefox-via-webrtc-enabled-project-squared
Google Chrome в настоящий момент
еще решает как включить поддержку
H.264 в их браузере
Дополнительная информация:
http://www.openh264.org
Project Squared (spark):
http://blogs.cisco.com/tag/project-squared
36

Поддержка браузерами HTML5 и WebRTC

Развитие браузеров
38http://www.evolutionoftheweb.com

Поддержка браузерами HTML5
39
Устойчивый тренд

HTML 5 тесты
40
•  Браузер выполнивший все тесты получит максимальную оценку 555
•  Предыдущие версии браузеров тестировались на меньшем количестве тестов,
HTML5, поэтому имеют заведомо более низкую оценку
Насколько хорошо браузеры поддерживают HTML 5

Поддержка браузерами WebRTC
Различные браузеры объявили о поддержке стандарта
41
Google Chrome
•  Первая версия с поддержкой WebRTC
- Chrome 23 Stable (более поздние
автоматически поддерживают)
•  Первая мобильная версия - Chrome 26
для Android Beta
•  Поддержка H.264 с ChromeOS 39/40
для Chrome Book
•  Активно работают над поддержкой
открытого кода и стандартов проекта
(WebRTC.org)
Microsoft Internet Explorer
•  MS анонсировало поддержку WebRTC
через ORTC API
•  Дополняют и дорабатывают ORTC API
для поддержки WebRTC стандартов
Mozilla Firefox
•  OpenH.264 поддержан с Firefox
33
•  Активно работают над
поддержкой открытого кода и
стандартов
Apple Safari
•  Пока деталей не известно

Стратегия Microsoft в области выпуска обновлений
и исправлений безопасности
Начиная с 12 января 2016, исправления и
дополнения будут выпускаться только для
актуальных версий Internet Explorer на
поддерживаемых версиях ОС. Старые
версии браузеров не будут официально
поддерживаться.
http://support2.microsoft.com/lifecycle/
search/?sort=PN&alpha=internet+explorer
Microsoft публично анонсировала
поддержку WebRTC технологий через
ORTC API в Internet Explorer.
http://venturebeat.com/2014/10/27/
microsoft-eyes-webrtc-for-plugin-free-
skype-calls-in-internet-explorer/
42

Интеграция с существующими системами
коммуникации предприятия

44
Ключевые вопросы, требующие рашения для обеспечения
совместимости с классическим ВКС
Как обеспечить преобразование стандартной сигнализации?
Поддерживается ли G.711 или Opus для аудио?
Поддерживается VP8 или H.264?
Поддерживается ли классическим терминалом DTLS SRTP?
Есть ли у видеосистемы поддержка ICE?

Возможные решения для взаимодействия?
45
Производители коммуникационного оборудования
§  Могут встроить возможности шлюзования протоколов WebRTC в свое
оборудование
§  Нативная поддержка WebRTC
Производители интеграционных решений
§  Шлюзы для WebRTC
Провайдеры услуг связи
§  Могут обеспечить нативную совместимость своих решений
§  Сервис шлюза
Облачные решения
§  Сервис шлюза

Решения B2C от Cisco

Jabber Guest – основы решения
Предшественник WebRTC
47
Требуемые компоненты
На стороне абонента
•  Браузер на ПК
•  Или мобильное приложение
•  Или SDK (мобильное
приложение, доступное через
браузер)
DMZ Предприятия
•  Cisco Expressway X8.1.1+
Сеть предприятия
•  Jabber® Guest Virtual Machine
•  Cisco Expressway X8.1.1+
•  Cisco Unified Communications Manager
и зарегистрированные на нем
терминалы
•  Дополнительно: MCU
Video Chat
Поддержка а режиме
реального времени
Покупатель, Заказчик

Предшественник WebRTC - Jabber Guest –
архитектура решения
48
Expressway/VCS
Core X8.2+
Expressway/VCS
Edge X8.2+
Home Internet DMZ Enterprise
Cisco® UCMJabber® Guest
HTTPS-сигналинг для
управления вызовом
(ROAP)
SIP
RTP/SRTP
STUN/TURN
•  Обеспечивает Javascript управление вызовом, основанное на URL
•  Для мобильных платформ требует установки Cisco® приложения или интеграции SDK в
приложение других производителей
•  For laptop browsers, initiates H.264 add-on install as needed (Cisco or 3rd-party Web app)
•  Converts HTTPS call request to SIP INVITE
Jabber Guest …

Архитектура Jabber Guest
49
javascript
call control
media plugin
CPVE
Jabber Guest
ServerHTTP
Expressway
-E
Expressway-
C
CUCM
Dx80
SIP
SIP
RTP
over
TURN
RTP
EnterpriseHome DMZInternet
SIP
HTTP

Экспериментальный (лабораторный режим):
Локальная сеть
50
Сеть предприятия
CUCM
Jabber Guest
HTTP-based
call control (ROAP)
SIP
RTP/SRTP
HTTP-based
call control (ROAP) SIP SIP
RTP/SRTP

Первоначальная конфигурация JG для
лабораторного режима – минимальна
51

52
Первоначальная конфигурация CUCM для
использования с лабораторным режимом JG

53
Jabber Guest 10.6 c поддержкой BFCP

54
Jabber Guest 10.6 c поддержкой BFCP

Cisco Jabber Guest – планы разработки
55
•  Пользовательские улучшения
•  Улучшения безопасности
•  Передача экрана (BFCP) от
оператора к гостю
•  Убрать, переместить окно
просмотра собственного
видео (Web)
•  Поддержка G.722
•  Упрощение доступа (Web)
Q2 2015
10.6
2016 и
дальше
•  Пользовательские
улучшения
•  Улучшения
•  iOS 9 базовая
поддержка *
•  Поддержка Internet
Explorer 11 на
Windows 10
Уже поставляется
Q3 2015
улучшения
•  Передача HD на Android
•  TCP media
•  Гостевой доступ через
облако
•  WebRTC media
•  Передача экрана от
гостя к оператору
•  Упрощение доступа
10.6 MR1
Q4 2015
улучшения
•  iOS 9 полная
поддержка*
•  поддержка Mac OS X
10.11
•  Поддержка Android M
•  Поддержка Opus
•  Возможность
соединения без видео
•  Возможность
соединения, пропустив
окно предпросмотра
10.6 MR2 Возможны измененияУже
поставляется
* Получить разрешение Apple на публикацию в App Store для iOS 9 невозможно до официального его релиза. Apple требует
локальную поддержку IPv6 приложением для IOS 9. Окончание разработки MR1 было запланировано до официального выхода
iOS 9. Пользователи приложения и SDK должны были получить поддержку iOS 9, как только он официально выйдет. MR2
добавлял реализацию IPv6 в соответствии с App Store требованиями. При этом связь по протоколу IPv6 не гарантируется из-за
не полной совместимости с IPv6 всей используемой инфраструктуры.

Cisco Jabber SDK – набор инструментов для
создания веб приложений
56
http://www.cisco.com/c/en/us/products/unified-communications/jabber-software-development-kit/index.html
https://developer.cisco.com/web/jabber-developer/jabber
Communications
Manager
IM &
Presence
Unity
Messaging
UC инфраструктура Cisco
WebEx
Collaboration
WebEx
Messenger

Cisco Jabber SDK
57
Что такое Jabber SDK, и что в него входит?
Различные примеры кода и библиотеки, которые Вы можете выборочно
использовать в зависимости от своих задач:
Голос и Видео (Веб телефон- AJAX): Cisco Jabber Voice and Video SDK
(основанные на Jquery JavaScript библиотеки). Требуется установка
плагина.

58
IM & Presence (CAXL - AJAX): Cisco AJAX XMPP библиотеки (основанные на
Jquery JavaScript библиотеки)
Голосовая почта (CUMI - REST): Cisco Unity Connection Voicemail APIs
(основанные на REST и SOAP веб сервисы)
Веб конференции (WebEx -URL/XML): WebEx Conferencing APIs (веб
сервисы основанные на url и xml)
Cisco Jabber SDK
Присутствие
IM / Чат
Click 2 Call
Click 2
WebEx
Click 2 Video

59
Jabber Guest SDK для WEB
Включение виджета во фрейм веб
страницы
<div>
<iframe id="jabberc" src="https://
jabberc.mycompany.com/call/1000?
widget=true">
</iframe>
</div>
События (соединение установлено –
разорвано и т.д.)
Jabber Guest SDK for Web – виджет, включаемый в iframe вашей веб страницы.
При необходимости компактный и простой JavaScript код включаемый в основную
страницу, обеспечивает связь с виджетом.

60
Jabber Guest SDK для Android, IOS
DEVNET-2011 - Jabber Guest - Android SDK Live Coding Tutorial
https://www.ciscolive.com/online/connect/sessionDetail.ww?SESSION_ID=84271
Call
Поддержка
«живого» видео
UI Вашего
Поддержка
«живого видео!
UI Вашего
CJGuestCallViewController
Пред
просмотр
Удаленное
видео
http://www.slideshare.net/CiscoDevNet/devnet1121customizing-cisco-video-access-for-guests
DEVNET-1121 Customizing Cisco Video Access for Guests

Cisco Mobile Advisor
Работает без загрузки плагина с минимальной загрузкой оборудования
61
ü поддерживается VP8 / H.264 транскодирование для
WebRTC совместимых браузеров
ü Гарантируется совместимость WebRTC иммерсивными,
настольными и классическими видеосистемами
ü haps://marketplace.cisco.com/catalog/companies/2503
ü Mobile поддерживает кодирование как H.264, так и
VP8. Поэтому нет необходимости перекодировать
трафик при связи с H.264 системами
ü Если для связи используется ПК с браузером VP8
(Chrome), приложение использует VP8 чтобы
избежать необходимость перекодирования

Remote Expert Mobile
Все возможности
голосовых и видео
Возможность обмениваться
графической информацией
•  Основан на WebRTC
•  Встроенное голосовое , видео
общение
•  Мобильное приложение или
веб. страница
•  Интеграция с SIP
коммуникациями предприятия
•  Общение в режиме реального
времени
•  Обмен экранами
•  Совместный просмотр экрана,
управление со стороны
оператора
•  Анотации
•  Передача файлов
•  Передача контента в CC

Чем REM отличается от Jabber Guest
Jabber Guest RE Mobile
Голос / Видео + +
iOS / Android SDK + +
Chrome, Firefox, Safari и IE SDK + +
Перекодирование видео протоколов - +
2-х поточное видео - +
Finesse Gadget, Expert Desktop - +
Совместная работа эксперта с приложением Заказчика - +
Совместный просмотр WEB - +
Передача изображения рабочего стола от агента гостю + -
Анотации - +
Контент (документы, графика) и Web ссылки - +
Удаленное управление - +
Сохранение и передача реквизитов учетной записи - +
Доступность Уже Уже

Схема взаимодействия основных элементов REM
Клиент Интернет DMZ Предприятие
Remote Expert
Media Broker
Remote&Expert&Mobile&
Media&Broker&
Enterprise&DMZ&Internet&&&4G&
HTTPS/WSS&
HTTPS&
CUBE;E&
Cisco&Uniﬁed&CM&Cluster&
Cisco&Uniﬁed&Contact&Center&&
(UCCX&or&P/UCCE)&&
EPs&
Media (Voice/Video)SIPHTTP
Cisco&
Finesse&
SIP&/&SIP&TLS&
RTP&DTLS&/&sRTP&
Enterprise&
ApplicaMon&
Server&
s&
HTTP/S&
Data
HTTPS/WSS&
SIP&
SIP&
RTP&
ApplicaMon&Server&
REAS&
REMB&
K/ Enterprise&
Reverse&Proxy&
RP&
Native
Plug-in
Media&Broker&
Enterprise&DMZ&Internet&Home,&Wi;&Fi&or&&4G&
Mobiles&
Browsers&
HTTPS/WSS&
HTTPS&
CUBE;E&
(UCCX&or&P/UCCE)&&
EPs&
Cisco&
Finesse&
SIP&/&SIP&TLS&
RTP&DTLS&/&sRTP&
Enterprise&
ApplicaMon&
Server&
&
&
&
Web&&&Mobile&Apps&
HTTP/S&
Data
HTTPS/WSS&
SIP&
SIP&
RTP&
ApplicaMon&Server&
REAS&
REMB&
CSDK/ Enterprise&
Reverse&Proxy&
RP&
Remote Expert
Application Server
Media&Broker&
Enterprise&DMZ&Internet&G&
HTTPS/WSS&
HTTPS&
CUBE;E&
(UCCX&or&P/UCCE)&&
EPs&
Cisco&
Finesse&
SIP&/&SIP&TLS&
RTP&DTLS&/&sRTP&
Enterprise&
ApplicaMon&
Server&
HTTP/S&
Data
HTTPS/WSS&
SIP&
SIP&
RTP&
ApplicaMon&Server&
REAS&
REMB&
Enterprise&
Reverse&Proxy&
RP&
Обозначение
Media (Voice, Video)SIPHTTP/WebSocket
InteHome,&Wi;&Fi&or&&4G&
Mobiles&
Browsers&
HTTP
DTLS
&
&
&
Web&&&Mobile&Apps&
CSDK/
Expert Console
Embedded Video
Экперт на
предприятии
Reverse Proxy

Другие приложения с использованием WebRTC

webrtc2SIP
66
Web Browser
Java Scripts
SIP стек
SDP стек
WebRTC
RTCWeb Breaker
Media Coder
Click-to-Call
webrtc2SIP
SIP Proxy
SIP
Media
PSTN
IMS/LTE/
SIP
•  Webrtc2sip гибкий и мощный RTCWeb / SIP шлюз превращающий ваш браузер в телефон с
поддержкой голосовых, видео и SMS коммуникаций.
Шлюз состоит и четырех модулей: SIP Proxy | RTCWeb Breaker | Media Coder | Click-to-Call. Шлюз
позволяет используя браузер выполнять/принимать звонки из стандартных SIP сетей или PSTN.
•  http://webrtc2sip.org - На сайте представлено общедоступное демо
Webrtc2sip шлюз позволяет используя
браузер выполнять/принимать звонки из
стандартных SIP сетей или PSTN.

Поддержка WebRTC операторами связи
ATT запустила коммерческий проект по поддержке
WebRTC с расширенным AT&T WebRTC API
§  AT&T Enhanced WebRTC API доступен для
разработчиков в рамках открытой программы
бета тестирования
§  Важный инструмент для разработчиком и
пользователей убирающий барьеры адаптации
Caller ID для WebRTC коммуникаций:
§  Может быть представлен как AT&T мобильный
номер для звонков, выполняемых из WebRTC-
совместимых браузеров.
§  Позволяет пользователю перевести активное
соединение начатое с ПК, MAC или планшета
на смартфон.
§ 
http://www.prnewswire.com/news-releases/att-to-
become-first-us-carrier-to-launch-commercial-
support-for-webrtc-300015750.html
67
AT&T стал первым
провайдером связи в США
запустившим коммерческую
поддержку WebRTC

PeerCDN
Веб браузер может хранить и
предоставлять контент для других
браузеров вместо того, чтобы
скачивать его с сервера.
Преимущества – увеличение
скорости загрузки,
масштабируемость и серьезная
экономия полосы пропускания.
Код реализован на JavaScript –он
компактный и не требует установки
чего-либо.
Разработан тремя студентами
колледжа в рамках выполнения
летнего задания
PeerCDN сегодня принадлежит
Yahoo!
Новый тип распределенной CDN с использованием WebRTC
68
Веб сервер
Браузеры
предоставляют доступ
к статичным ресурсам
(изображения, файлы,
и т.д.) через peer-to-
peer сеть

Get a feel for WebRTC
https://apprtc.appspot.com
http://www.sipml5.org/call.htm
http://webcamtoy.com/
http://vod-rcd-002.cisco.com/webrtc/call.html
http://ctxs.co/translate/
http://webcamtoy.com/
http://www.evolutionoftheweb.com/
70

преимущества WebRTC
Подводя итоги ..
•  Доступ через JavaScript API
•  Не требует плагинов, скачивания и установки приложений
•  Поддержан основными браузерами
•  Планируется поддержка на всех аппаратных платформах
•  Упрощает работу с видео
•  Позволяет упростить разработку приложений связи
71
Cisco планирует активно использовать WebRTC технологии
Мы участвуем в разработке и адаптируем стандарт WebRTC для
наших продуктов и решений

Ждем ваших сообщений с хештегом
#CiscoConnectRu
CiscoRu Cisco CiscoRussia CiscoRu
Сергей Юцайтис
Почта/Видео: sergyuts@cisco.com
Телефон: +7 (495) 776-8238
https://sjc-jabberc-ext.cisco.com/call/86564424@cisco.com?
name=Sergey%20Yutsaytis
23.11.15 © 2015 Cisco and/or its affiliates. All rights reserved.

HTML5, WebRTC технологии для коммуникаций в режиме реального времени и Jabber Guest

HTML5, WebRTC технологии для коммуникаций в режиме реального времени и Jabber Guest

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Similar to HTML5, WebRTC технологии для коммуникаций в режиме реального времени и Jabber Guest

Similar to HTML5, WebRTC технологии для коммуникаций в режиме реального времени и Jabber Guest (20)

More from Cisco Russia

More from Cisco Russia (20)

HTML5, WebRTC технологии для коммуникаций в режиме реального времени и Jabber Guest