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

К нам в Purrweb обратился стартап из ЕС. Заказчик придумал приложение, которое заменяет подписку на десятки стримингов и ТВ-каналов. Так мы взялись делать продукт для Европы, несмотря на блокировки и санкции.

Мы в Purrweb работаем с зарубежными клиентами больше восьми лет, но в 2022 году все по-особенному: заблокированы важные сервисы и торговые площадки, законы стали строже, а альтернативные пути — извилистее. К счастью, мы умеем воспринимать ограничения как вызов!

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

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

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

Вернемся к студенту, который хочет посмотреть на драконов дома Таргариенов. Он сравнивает: отдать как минимум 45€ корпорациям, скачать все в низком качестве с риском получить штраф или пойти к реселлеру, который подберет ему кастомный плейлист и откроет доступ к контенту нескольких платформ всего за 10€. Конечно, он идет к реселлеру.

Оплачивая доступ, клиент реселлера получает файл в формате .m3u/.m3u8, который весит около 8 мегабайт. Внутри файла — много непонятного текста и ссылки на контент, каждая из которых ведет на отдельный сайт. Все это радует клиентов, но пользоваться такими списками неудобно.

Тут на помощь и приходят наши заказчики.

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

IPTV — это телевидение с интернет-протоколом. Как и обычное ТВ, оно транслирует контент, но не с помощью спутниковых антенн, а через интернет. IPTV дает пользователям доступ к прямым трансляциям и видео по запросу.

IPTV похожи на онлайн-платформы для обмена видео, как YouTube или Vimeo, или сервисы, предоставляющие доступ к контенту, как Netflix. Но IPTV-приложения работают в изолированной экосистеме и не только с лицензионным контентом. Пользователи могут загрузить ссылки на любые видео: легальные, пиратские или даже свои собственные.

Пока люди, загрузившие плейлисты, комфортно смотрят контент на своих устройствах, наши заказчики получают прибыль за счет нескольких каналов:

Оказалось, что мы подписались на настоящий приключенческий сериал с резкими сюжетными поворотами!

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

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

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

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

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

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

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

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

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

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

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

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

Психологи утверждают, что умеренные ограничения помогают креативности: дайте человеку белый лист бумаги и бесконечное количество красок, скажите нарисовать что угодно, и он растеряется. Дайте ему пачку цветных карандашей и предложите нарисовать дом — он сразу примется за дело и придумает десять разных вариантов. Нашими вдохновляющими ограничениями стали блокировки и санкции. Расскажем о двух сюрпризах, с которыми мы столкнулись.

Описания и рейтинги. Кастомные плейлисты устроены просто — в них нет информации о фильмах или рейтингов. Выбирать что-то для просмотра на вечер неудобно, поэтому в нашем приложении эти данные появились. Чтобы добавить краткие описания, имена режиссеров, съемочной группы, актеров и рейтинги мы обратились к общедоступному сервису TMBD. Но прямо во время нашей работы базу данных закрыли для России, и мы не могли даже адекватно ее просмотреть — вместо имен и цифр мы видели шаблонные поля. Так как мы уже встроили TMBD и оставалось только проверить корректность работы, мы решили оставить базу. Протестировать ее помог VPN. Да, иногда проблемы только выглядят страшными, а решаются просто. Главное — не паниковать и грамотно просчитывать риски!

Покупка приложений. C марта 2022 года заблокированы магазины App Store и Google Play — пользователи из России не могут не только покупать там, но и размещать свои товары, если в них предусмотрены дополнительные покупки или платная подписка. Даже для обновления уже существующих приложений нужно удалять возможность оплат. Встроенные покупки в России не работают.

Мы были зарегистрированы в нужных маркетплейсах как иностранные клиенты через аккаунты наших заказчиков, так что с размещением проблем не возникло. А вот с тестированием оплат — еще какие!

Проще всего было с проверкой сайта и PayPal — формы оплаты свободно открываются в России. Для покупки мы использовали аккаунт клиентов. В App Store мы оплачивали покупки через телефон с сим-картой МТС — платформа позволяет использовать не только банковские карты, но и мобильный счет. Google Play оказался самыми проблематичным, потому что он рассекречивал наше местоположение, несмотря на VPN. Здесь тестирование встроенных покупок прошло в несколько этапов:

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

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

Заказчики получили сразу шесть приложений для загрузки кастомных плейлистов и просмотра контента. Плюс веб-сайт. Мобильные приложения для iOS и Android уже есть в AppStore и Google Play, телевизионные приложения на момент написания этого текста проходят финальное тестирование у Samsung и LG, а приложения для Android TV и TV OS уже в релизе. Наши заказчики уже получают прибыль через покупки премиум-статуса и с помощью показа рекламы.

Подписывайтесь на наш ТГ-канал: постим анонсы статей и приглашаем на стартап-митапы.