Agilie company logo, mobile apps development, iOS app development, Android app developmentAgilie
EN / RU
|
|
Get a Quote
B.live project
I’m a b.liver

Broadcast your world. Live.

Главная   →   Проекты   →   B.live

Описание приложения Blive

Тенденция последних нескольких лет — увеличение потребления и создания видео-контента. Доля такого контента, приходящаяся на мобильные устройства, стремительно растёт. Настоящий фурор произвёл Periscope — мобильное приложение от Twitter, позволяющее вести прямые видеотрансляции.
Мы и наши клиенты всегда хотим находиться на гребне волны, шагая в ногу с современными тенденциями. Поэтому мы создали b.Live — наиболее лёгкий и приятный способ делиться своими видеотрансляциями. Частично это приложение похоже на всем известный Periscope, однако, есть существенные отличия, которые позволяют нам гордиться этим приложением.
Приложение позволяет создавать как обычные персональные аккаунты, так и каналы для тех, кто зарабатывает или планирует зарабатывать при помощи стриминга видео. При помощи каналов можно продвигать свой видеоконтент в системе, а также монетизировать собственные видео.

Особенностями приложения являются:

  • Discover: найти новые знакомства среди тех, кто находится рядом, либо среди трансляций/аккаунтов, набирающих популярность, либо уже популярных аккаунтов.
  • Following: посмотреть аккаунты и каналы, на которые подписан пользователь. Там же находятся предлагаемые для добавления в подписчики аккаунты;
  • Followers: посмотреть трансляции или аккаунты подписчиков пользователя;
  • Watch: предлагаемые к просмотру трансляции, которые происходят прямо сейчас у пользователей из Top Chart, подписок или расположенных в определенной точке на карте.

Требования к приложению

Вызовы для всей команды


Главным вызовом при разработке являлось то, что для команды такой проект был в новинку, и у клиента были идеи, которые не были реализованы ни в одном приложении подобного рода. “Справимся!”, — решили мы и, как показало будущее, оказались правы :)

Технические требования и особенности

  • Необходимо было построить, во-первых, мультиплатформенное приложение: пользователи должны иметь возможность вещать с любого устройства;
  • Необходимо было реализовать multi-sharing: возможность вещать одновременно в несколько сервисов: сам b.live, канал в YouTube и Facebook. На данный момент она доступна только в b.live, и даже лидер рынка — Periscope — не имеет ничего подобного;
  • Необходимо было реализовать возможность вещания на веб-версию;
  • Необходимо было придумать и реализовать технологию сжатия видеопотока, так как объём передаваемого потока видео уже при сотни вещаюших пользователей был бы колоссальным;
  • Необходимо было сделать приложение максимально виральным.

Методы реализации

Одна из проблем заключалась в том, что для раздачи видеопотока в случае относительно популярной трансляции необходимы значительные затраты трафика. Кроме того, этот трафик нужно раздавать быстро. Детально изучив трафик конкурентов, мы увидели, что обычно в таких случаях используется CDN. Однако, расходы на трафик даже на самом недорогом CDN (мы используем Hetzner), при максимально допустимом сжатии, на больших трансляциях становятся колоссальными. При этом необходимо было обеспечить максимально бюджетное решение для тестового периода и периода, пока приложение не набрало широкую популярность и не начало монетизироваться.
Для решения проблемы мы использовали несколько максимально недорогих dedicated-серверов, которые можно арендовать у любой более-менее крупной хостинговой компании. Для обеспечения трансляции, как правило, не нужны большие вычислительные мощности или значительный объём оперативной памяти, нужен лишь хорошая пропускная способность канала.
Хостинговыми компаниями в пакетах для выделенных серверов, как правило, выдают “внутрипакетный” объём трафика. Этот фактически бесплатный трафик и используется нами для раздачи видеотрансляции. При этом система построена таким образом, что при достижении порогового значения пользователей, при котором пропускная способность каналов выделенных серверов уже не достаточна, трафик переводится на “классический” CDN.
Внедрение этого решения позволило сэкономить клиенту десятки тысяч долларов уже на текущий момент.

01
/ Home Screen
Трансляция

Главной задумкой первого экрана было обеспечить начало использования максимально легко и удобно для пользователя. Поэтому решено было оставить на первом, главном экране приложения всего 3 кнопки:

  • Добавить или посмотреть друзей;
  • Начать трансляцию;
  • Посмотреть чужую трансляцию.

В качестве домашней страницы используется видеопоток с камеры, что дополнительно побуждает пользователя запустить трансляцию.

Кроме того, на главном экране доступны ярлычки со следующими возможностями:

  • Нарисовать что-либо поверх трансляции;
  • Цветовой фильтр для трансляции (подобно Instagram, но для видео);
  • Добавить эмотикон на экран;
  • Написать что-нибудь поверх трансляции.

Социальные функции

Сообразуясь с нашими маркетинговыми исследованиями, мы выбрали целевую аудиторию этого приложения пользователей от 13 до 21 года. Люди в этом возрасте легко и часто завязывают новые знакомства, особенно этим отличаются люди поколений Y и Z.
Поэтому важной задачей было максимально упростить завязывание социальных связей, так как это способствует увеличению MAU, retention и recency. Мы хотели, с одной стороны, дать возможность пользователю сделать это прямо с главного экрана, с другой стороны, не перегружать его.

Проблему решили при помощи Swipe.
Swipe влево и вправо даёт доступ к социальным функциям и фичам:

  • Discover: найти новые знакомства среди тех, кто находится рядом, либо среди трансляций/аккаунтов, набирающих популярность, либо уже популярных аккаунтов.
  • Following: посмотреть аккаунты и каналы, на которые подписан пользователь. Там же находятся предлагаемые для добавления в подписчики аккаунты;
  • Followers: посмотреть трансляции или аккаунты подписчиков пользователя;
  • Watch: предлагаемые к просмотру трансляции, которые происходят прямо сейчас у пользователей из Top Chart, подписок или расположенных в определенной точке на карте.
02
/ PROFILE
Agilie Team’s technical and creative expertise.

Одной из важнейших страниц любого социального приложения на его начальном этапе является профиль пользователя. Исходя из этого, а также из общего характера “воздушного” и не перегруженного навигацией приложения, мы разместили на этой странице только самые необходимые функции:

  • Пригласить друзей в приложение;
  • Редактировать профиль;
  • Доступ к настройкам приложения;
  • Рассказать друзьям о приложении;
  • Просмотр текущей статистики о количестве своих подписчиков, подписок, заблокированных пользователях и полученных “звездочках” (“лайках”).

Мы постарались дать возможность пользователю рассказать о нашем приложении в его наиболее личном пространстве — его профиле, чтобы увеличить виральность приложения.

03
/ CHAT
Agilie Team’s technical.

Для увеличения вовлечения пользователей во взаимодействие с приложением мы добавили чат с тремя режимами:

  • “обычный” чат, когда пользователю выводятся на экран все сообщения, которые шлют его зрители во время трансляции;
  • “Тихий режим”, предназначенный для ситуаций, когда трансляцию ведёт популярный аккаунт, и количество комментариев слишком велико, чтобы их можно было успевать читать;
  • Режим “истории” для того, чтобы просмотреть историю чата текущей трансляции.

Всё это служило как удобству пользователей, так и внутренней и внешней маркетинговой стратегии приложения: увеличение пользовательского охвата и улучшение метрик вовлечённости.

← Wirex Shark Taxi →
Свяжитесь с нами