РИТ++ 2017, Backend Conf Зал Кейптаун, 6 июня, 13:00 Тезисы: http://backendconf.ru/2017/abstracts/2641.html Мы строим платформу (vimbox) для проведения уроков английского один на один. Наши учителя и ученики общаются на платформе. Видеосвязь построена на WebRTC с использованием janus-gateway (https://github.com/meetecho/janus-gateway). ...

1. Как мы отказались от
Skype и пришли к WebRTC
на Janus-Gateway
Сергей Сафонов
Skyeng

2. Как мы отказались от
Skype и пришли к WebRTC
на Janus-Gateway
Сергей Сафонов
Skyeng

3. Учим английскому
• Английский учить сложно
• Цель — помочь выучить
• 10000 учеников, 1000 учителей
• 2000 уроков каждый день

4. Своя платформа
• Интерактивные занятия с учителем
• Домашние задания
• Тесты
• Грамматика

9. Важно
• Контролировать процесс обучения
• Анализировать что происходило на уроке
• Удобство пользователя
• Аудио-видео связь

10. Важно для видеосвязи
• Качество
• Удобство
• Процент внедрения
• Записи
• Стоимость

11. Нам не подходит
• Skype — нет записей
• Hangouts — отдельная вкладка, нужен плагин

12. • Tokbox
• Всё просто и работает
• Дорого :( 113 руб за урок c записью аудио
2014 — первые попытки

13. 2015 — “Компания X”
✅ Кто и сколько говорил
😒 Записи: только аудио
😒 Стоимость: 20 руб за
урок с записью аудио
❌ Процент внедрения: 40
❌ Долгая и сложная
интеграция
❌ Только через udp

15. 2016 — клиент из Швеции
• Много учеников

16. 2016 — клиент из Швеции
• Много учеников

17. 2016 — клиент из Швеции
• Много учеников
• Связь только через браузер

18. 2016 — клиент из Швеции
• Много учеников
• Связь только через браузер
• Открыты только http & https
• “Компания X” не согласна
делать для нас tcp

19. Что же делать

20. Что же делать
• Срочно интегрируем Tokbox

21. Что же делать
• Срочно интегрируем Tokbox
• “Компания X” делает нам tcp

22. Мы пробовали
• 2012 — Skype
• 2014 — Tokbox
• 2015 — “Компания X”, временно включали Tokbox

23. 2016 — Время поисков
• Open source?
• WebRTC?
• Kurento?
• Red5?

24. Что такое WebRTC?
• WebRTC = Web Real-Time Communication
• Коллекция протоколов передачи данных и апи
• Стандартизированы W3C & IETF
• Для видео-конференций, передачи данных, чатов,
шаринга экрана
• Развивают крупные компании: Google, Mozilla, Cisco

30. Только WebRTC достаточно
• Большинство наших пользователей на Chrome
• WebRTC быстро развивается
• Другие браузеры добавят поддержку

31. Только WebRTC достаточно
• Большинство наших пользователей на Chrome
• WebRTC быстро развивается
• Другие браузеры добавят поддержку, рано или
поздно

32. Как готовить WebRTC?
• Что-то готовое? SimpleWebRTC? EasyRTC?
• Писать поток прямо из браузера?

34. Janus WebRTC Gateway

35. Janus & WebRTC

36. Janus & WebRTC

39. Нужные нам функции
• Режим конференций (N участников)
• Записи по tcp & udp (но “сырые”, нужно обработать)
• Эхо-тест из коробки
• Легко горизонтально масштабируется
• Нет fallback до rtmp (flash)

40. Используется в slack

41. Берём!

42. Первая версия

43. Как мы себе это представляли?

44. Как мы себе это представляли?
• Тысячи уроков онлайн

45. Как мы себе это представляли?
• Тысячи уроков онлайн
• Десятки серверов

46. Как мы себе это представляли?
• Тысячи уроков онлайн
• Десятки серверов
• Автоматическое
масштабирование

47. Выделили MVP

48. Выделили MVP
• 100 уроков

49. Выделили MVP
• 100 уроков
• Один сервер

50. Архитектура!

51. Запустили

52. Проблемы

54. Спустя пару месяцев

56. Спустя год
• Школа выросла в 3 раза
• Через год вырастет ещё в 3 раза
• Нагрузка выросла пропорционально
• Сервер нагружен в пики почти на 100%
• Сложное вертикальное масштабирование

57. Делаем всё
правильно и красиво

58. Наша архитектура

59. Наша архитектура

61. В продакшене
• 2 сервера
• 8 core 3.4GHz, 32GB
• 16 core 2.4Ghz, 16GB
• ~ 300 уроков в пике(по 150 на сервер)

62. Incoming network traffic Outgoing network traffic

63. CPU idle time CPU user time CPU system time
CPU utilization

68. 2015 — Janus
✅ Процент внедрения: 80
✅ Записи: аудио и видео
(даже через tcp!)
✅ Стоимость: 2 руб за
урок (было 113 и 20)
😒 Информация о том
кто и сколько говорил
❌ Нужно поддерживать
и понимать как работает

69. Наши планы
• Автоматическое масштабирование
• Видеозаписи
• Интерфейс с индикацией проблем
• Групповые звонки (3-4 участника)
• Снова внедрить callstats.io или аналог

70. Спасибо!
https://www.facebook.com/se.safonov

71. Подарок!
Промокод на +4 урока
при первой оплате:
RITFEST2017