На что мы подписались: разработка IPTV-приложения

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

- Подписок слишком много, и обходятся они недешево

- Вам нужно одно, а покупать приходится все

- Нельзя скачать с торрента

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

Реселлеры — это сервисы, перепродающие доступ к популярным контент-площадкам. А точнее, к конкретному контенту — вы покупаете подписку не на сервис целиком, а на отдельные сериалы, кино, ТВ-шоу, трансляции или радио.

Клиенты обратились к нам с идеей сделать кроссплатформенное приложение для переупаковки IP-плейлистов в формат, похожий на онлайн-кинотеатр. Пользователи загружают кастомные плейлисты от реселлеров и вместо хаоса из ссылок и текста получают красивый интерфейс и функциональный видеоплеер. Так работают IPTV-приложения. Задачи проекта:

- Сделать комбо из шести приложений, объединенных общим брендом: приложения для телевизоров Samsung и LG

- Сделать мобильные приложения для Android и iOS и их версии для Android TV и TV OS от Apple

- Запустить веб-сайт

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

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

1. Незнакомая бизнес-ниша. Было трудно понять устройство продукта — мы первый раз работали с рынком реселлеров плейлистов. Заказчики апеллировали к уже устоявшимся в их бизнесе терминам, которые нам были пока неизвестны.

2. Новый опыт. Наши разработчики еще не делали приложений для Android TV и TV OS. Только ТВ-приложения на Tizen — открытой операционной системе на базе ядра Linux, которую часто используют для «умных» телевизоров и цифровых камер.

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

Нам предстояло сделать сделать онлайн-кинотеатр, не делая онлайн-кинотеатр. С одной стороны, у нас было типовое контент-приложение с классическими функциями: показывать пользователю красивую витрину с картинками, проигрывать видео с разными субтитрами и озвучками и т.д. С другой — только оболочка от него, куда загружаются кастомные плейлисты. Заказчик дал нам несколько референсов, но во многом логику работы приложения мы продумывали с нуля.

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

У контент-приложений уже есть устоявшиеся паттерны, и нам было важно сохранить их, чтобы люди легко ориентировались в нашем приложении. В отдельных местах мы улучшили базовый набор. Например, в плейлистах, загружаемых пользователем, контент базово сгруппирован только по темам. В нашем приложении есть фильтрация еще и по языкам – зрители в два клика выбирают подходящие озвучку и субтитры. Мы не только сильно упростили жизнь пользователям, но и выделили бренд среди конкурентов — у других IPTV-приложений такой функции нет.

Вайрфреймы. Как и в случае с майндмэп, нам было важно сохранить привычную пользователям архитектуру. Ориентируясь на похожие контент-приложения, мы довольно быстро ее собрали.

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

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

Шрифт — наш любимый Roboto. Максимально нейтральный и с большой вариативностью начертаний. С его помощью мы облегчили пользователям восприятие — тексты легко и быстро читаются, а все внимание зрителей остается у постеров. Еще мы сэкономили клиентам деньги — у Roboto бесплатная лицензия.

Мы долго искали тот самый видеоплеер по нескольким критериям: он дружит с mkv и онлайн-трансляциями, работает на Android и Apple, у него хорошая поддержка разработчиков и, в идеале, он бесплатный. Оказалось, что очень мало хороших кроссплатформенных плееров соответствуют всем критериям и еще меньше — поддерживают mkv, формат, который часто встречается в кастомных плейлистах.

Попробовав разные варианты, мы остановились на React Native VLC media player. По умолчанию в нем нельзя менять озвучку и субтитры, но в VLCkit, библиотеке плеера для iOS, под коробкой указано, как это делать. И ее можно редактировать — у VLCkit лицензия с открытым исходным кодом. Наши разработчики воспользовались возможностью и переписали часть React Native VLC media player.

Чтобы сделать просмотр контента максимально удобным, мы интегрировали EPG — электронную программу телепередач. Во время просмотра ТВ-канала пользователи по клику видят информацию о том, что за шоу они смотрят, как долго оно будет идти и что следующее в программе.

Во время работы над приложением мы встретились с интересным багом: при распаковке стандартного плейлиста, порнографический контент оказывался в самом верху списка. Заходя в приложение, пользователь в первую очередь видел именно его, и к тому же в виде крупных ярких постеров. Учитывая табуированность темы секса и распространенность любопытных детей в современном обществе, это был не лучший рекламный ход! Да и наши тестировщики не планировали смотреть на работе порно.

Мы слегка переписали код и убрали контент, маркированный XXX из верхних позиций списка. А еще добавили в настройки опцию «скрыть взрослый контент». За два нажатия пользователи могут вообще убрать порно из списка — чтобы вызволить его, понадобится пин-код.

Заказчики получили сразу шесть приложений для загрузки кастомных плейлистов и просмотра контента. Плюс веб-сайт. Мобильные и ТВ-приложения уже выпущены в апп сторах, а наши заказчики уже получают прибыль через покупки премиум-статуса и с помощью показа рекламы.