К нам в Purrweb обратился стартап из ЕС. Заказчик придумал приложение, которое заменяет подписку на десятки стримингов и ТВ-каналов. Так мы взялись делать продукт, несмотря на то что, мы еще ни разу не работали с рынком реселлеров плейлистов и не имели опыта разработки приложений для Android TV и OS TV.
Время чтения: 7 минут
Ищете слаженную команду разработки?
Поможем с дизайном и разработкой приложений для бизнеса и стартапов
Мы привыкли платить за контент. Донатим любимым блогерам, покупаем подписки на медиа и стриминговые сервисы. Это удобно — авторы зарабатывают любимым делом, бизнесы получают прибыль, соединяя креаторов, пользователей и площадки, а мы наслаждаемся качественными сериалами, кино и музыкой. Но есть несколько проблем.
Чтобы облегчить себе жизнь, европейцы прибегают к хитростям. Например, идут к реселлерам кастомных плейлистов.
Реселлеры — это сервисы, перепродающие доступ к популярным контент-площадкам. А точнее, к конкретному контенту — вы покупаете подписку не на сервис целиком, а на отдельные сериалы, кино, ТВ-шоу, трансляции или радио.
Вернемся к студенту, который хочет посмотреть на драконов дома Таргариенов. Он сравнивает: отдать как минимум 45€ корпорациям, скачать все в низком качестве с риском получить штраф или пойти к реселлеру, который подберет ему кастомный плейлист и откроет доступ к контенту нескольких платформ всего за 10€. Конечно, он идет к реселлеру.
Оплачивая доступ, клиент реселлера получает файл в формате .m3u/.m3u8, который весит около 8 мегабайт. Внутри файла — много непонятного текста и ссылки на контент, каждая из которых ведет на отдельный сайт. Все это радует клиентов, но пользоваться такими списками неудобно.
Тут на помощь и приходят наши заказчики.
Так выглядит содержимое типового плейлиста
К нам обратились с идеей сделать кроссплатформенное приложение для переупаковки IP-плейлистов в формат, похожий на онлайн-кинотеатр. Пользователи загружают кастомные плейлисты от реселлеров и вместо хаоса из ссылок и текста получают красивый интерфейс и функциональный видеоплеер. Так работают IPTV-приложения.
IPTV — это телевидение с интернет-протоколом. Как и обычное ТВ, оно транслирует контент, но не с помощью спутниковых антенн, а через интернет. IPTV дает пользователям доступ к прямым трансляциям и видео по запросу.
IPTV похожи на онлайн-платформы для обмена видео, как YouTube или Vimeo, или сервисы, предоставляющие доступ к контенту, как Netflix. Но IPTV-приложения работают в изолированной экосистеме и не только с лицензионным контентом. Пользователи могут загрузить ссылки на любые видео: легальные, пиратские или даже свои собственные.
Пользователи так часто ищут в IPTV-приложениях контент или плейлисты, что те добавляют дисклеймеры прямо в описание продукта
Пока люди, загрузившие плейлисты, комфортно смотрят контент на своих устройствах, наши заказчики получают прибыль за счет нескольких каналов:
Оказалось, что мы подписались на настоящий приключенческий сериал с резкими сюжетными поворотами!
На старте мы детально обсуждаем проект с заказчиком, чтобы лучше понять его и продукт: говорим о концепте и функциональности, о поведении пользователей и бизнес-процессах. В этом проекте многое было впервые и непривычно:
В совместной работе мы не сомневались: во-первых, проект интересный — мы хотели сделать контент-приложение. Во-вторых, всякое случается, когда работаешь со стартапами и новаторскими идеями — наша команда готова к неожиданностям.
Нам предстояло сделать сделать онлайн-кинотеатр, не делая онлайн-кинотеатр. С одной стороны, у нас было типовое контент-приложение с классическими функциями: показывать пользователю красивую витрину с картинками, проигрывать видео с разными субтитрами и озвучками и т.д. С другой — только оболочка от него, куда загружаются кастомные плейлисты. Заказчик дал нам несколько референсов, но во многом логику работы приложения мы продумывали с нуля.
Майндмэп. Логику приложения — путь пользователя, навигацию и т.д. — мы создавали, опираясь на референсы заказчика и ресерч. Майндмэп приложения для телевизора и веба собирали по пользовательским сценариям, которые составляли сами дизайнеры.
У контент-приложений уже есть устоявшиеся паттерны, и нам было важно сохранить их, чтобы люди легко ориентировались в нашем приложении. В отдельных местах мы улучшили базовый набор. Например, в плейлистах, загружаемых пользователем, контент базово сгруппирован только по темам. В нашем приложении есть фильтрация еще и по языкам – зрители в два клика выбирают подходящие озвучку и субтитры. Мы не только сильно упростили жизнь пользователям, но и выделили бренд среди конкурентов — у других IPTV-приложений такой функции нет.
Выбрать озвучку и субтитры можно по клику на иконке с флагом сверху
Вайрфреймы. Как и в случае с майндмэп, нам было важно сохранить привычную пользователям архитектуру. Ориентируясь на похожие контент-приложения, мы довольно быстро ее собрали.
Макет. Заказчики слегка очертили свои предпочтения и полностью доверились дизайнерам Purrweb. Мы не стали изобретать велосипед и сделали приложение с акцентом на крупные постеры фильмов, сериалов и шоу — за чем и приходят пользователи.
Минималистичный дизайн — маст-хэв контентного приложения
За основу мы взяли темную тему, чтобы пользователи чувствовали себя, как в кинотеатре — знакомой среде, где легко сосредоточиться на визуальном. Мы предложили клиентам две цветовые палитры на выбор: с акцентными фиолетовым и зеленым. Заказчики выбрали вторую.
В приложении можно не только смотреть ТВ или видео, но и слушать избранные радиостанции
Шрифт — наш любимый Roboto. Максимально нейтральный и с большой вариативностью начертаний. С его помощью мы облегчили пользователям восприятие — тексты легко и быстро читаются, а все внимание зрителей остается у постеров. Еще мы сэкономили клиентам деньги — у Roboto бесплатная лицензия.
Roboto – универсальный шрифт, которому преданы наши дизайнеры
Мы долго искали тот самый видеоплеер по нескольким критериям: он дружит с mkv и онлайн-трансляциями, работает на Android и Apple, у него хорошая поддержка разработчиков и, в идеале, он бесплатный. Оказалось, что очень мало хороших кроссплатформенных плееров соответствуют всем критериям и еще меньше — поддерживают mkv, формат, который часто встречается в кастомных плейлистах.
Попробовав разные варианты, мы остановились на React Native VLC media player. По умолчанию в нем нельзя менять озвучку и субтитры, но в VLCkit, библиотеке плеера для iOS, под коробкой указано, как это делать. И ее можно редактировать — у VLCkit лицензия с открытым исходным кодом. Наши разработчики воспользовались возможностью и переписали часть React Native VLC media player.
У зрителей большой выбор озвучек и субтитров
Чтобы сделать просмотр контента максимально удобным, мы интегрировали EPG — электронную программу телепередач. Во время просмотра ТВ-канала пользователи по клику видят информацию о том, что за шоу они смотрят, как долго оно будет идти и что следующее в программе.
EPG – классическая функция контент-приложений для телевизора. Пользователь одновременно видит и трансляцию, и расписание канала
Во время работы над приложением мы встретились с интересным багом: при распаковке стандартного плейлиста, порнографический контент оказывался в самом верху списка. Заходя в приложение, пользователь в первую очередь видел именно его, и к тому же в виде крупных ярких постеров. Учитывая табуированность темы секса и распространенность любопытных детей в современном обществе, это был не лучший рекламный ход! Да и наши тестировщики не планировали смотреть на работе порно.
Мы слегка переписали код и убрали контент, маркированный XXX из верхних позиций списка. А еще добавили в настройки опцию «скрыть взрослый контент». За два нажатия пользователи могут вообще убрать порно из списка — чтобы вызволить его, понадобится пин-код.
Настройки доступа ко взрослому контенту
Заказчики получили сразу шесть приложений для загрузки кастомных плейлистов и просмотра контента. Плюс веб-сайт. Мобильные и ТВ-приложения уже выпущены в апп сторах, а наши заказчики уже получают прибыль через покупки премиум-статуса и с помощью показа рекламы.
Насколько публикация полезна?
Оцени эту статью!
10 оценок, среднее 4.5 out of 5.
Оценок пока нет. Поставьте оценку первым.
Так как вы нашли эту публикацию полезной...
Подписывайтесь на нас в соцсетях!
Читать
Ваша заявка уже у нас :)
Обычно ответ занимает от 12 до 24 рабочих часов.
Может, вы хотите запланировать онлайн встречу?
Извините, что-то пошло не так при отправке запроса.
Попробуйте позже.