Что случилось с приложением the hole
Перейти к содержимому

Что случилось с приложением the hole

  • автор:

The Hole

Крупнейший паблишер российского YouTube. Выпускает Внутри Лапенко, Что было дальше, Big Russian Boss Show, Я себя знаю, Контакты, Outside Stand Up и другие шоу.

Задача

Создать собственную платформу для видеостриминга

Контент уже давно вовсю создают и потребляют на мобильных устройствах. В этом кейсе расскажем, как мы создали приложение, ставшее практически «собственным YouTube» для продакшена Medium Quality. Сейчас The Hole — это приложение, ставшее №1 в категории «Развлечения» в App Store, а в Google Play у него более 100 000 установок.

Medium Quality хотели создать стриминговую платформу, которая будет транслировать контент, удобный для просмотра на мобильных.

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

Решение

Подготовились

Провели CJM-воркшоп и вместе с командой MQ построили карту путей пользователя: для каждой точки касания описали действия и психоэмоциональное состояние клиента, aha-моменты, барьеры и способы их снижения с помощью будущего продукта.

Разработали UX/UI

На начальном этапе у проекта не было названия и брендинга, поэтому сначала мы сделали обезличенный концепт дизайна. Название The Hole и основная цветовая палитра появились позже. Нейминг мы обыграли в UI-дизайне с помощью графики и анимаций.

Работу над пользовательским опытом начали с изучения UX других видеоплееров. Изучили лучшие пользовательские практики, привычные паттерны и стандарты качества. Исследовали взаимодействие пользователей с таймлайном. Улучшили взаимодействие с нативной навигацией от операционной системы, чтобы она случайно не срабатывала при перемотке. Большое внимание уделили бесшовной работе плеера при разрывах соединения.

Первоначальный вид приложения The Hole

То, как приложение выглядит сейчас — результат редизайна, проведенного по концепту MQ. Изменились элементы фирменного стиля за счёт шрифтов, иконки стали округлыми — такая стилистика знакома всем нам по соцсетям.

Приложение The Hole после редизайна

Дизайн мини-плеера тоже обновился:

  • кнопки и значки настроек стали более контрастными;
  • в управлении звуком добавили возможность смотреть видео на стандартном шаге воспроизведения: 0,5 — 1 — 1,25 — 1,5 — 2;
  • добавили кнопку перемотки, раньше перематывать можно было только жестом, сейчас — по одному длинному нажатию или двум коротким;
  • добавили воспроизведение видео в качестве Full HD.

Выбрали Flutter

У MQ высокие требования к пользовательскому опыту: в приложении очень важны плавность работы UI, анимации перехода между экранами. Мы предложили разрабатывать приложение на кроссплатформенной технологии Flutter: с плавностью и анимациями он справился, а ещё он даёт 40% экономии бюджета по сравнению с нативной разработкой.

Единственное, в чём у нас были сомнения, — как Flutter справится с видеоплеером. Поэтому за два дня мы собрали демо для iOS и Android: проверили скорость воспроизведения и перемотки HLS-видео, возможность построить кастомный UI поверх плагинных возможностей управления плеером.

Параллельно мы не забывали сами прокачиваться в кроссплатформенной технологии и делали контрибьюты в один из самых популярных пакетов для работы с видео на Flutter — video_player. Мы продолжаем его развивать внутри Surf и периодически дополняем этот опенсорс, когда доводим фичи до завершённого вида. Так, мы исправили некоторые баги при работе с форматом HLS, предложили решения для корректной работы с фоном и режимом PiP, детализировали ошибки, улучшили взаимодействие с операционной системой и её жизненным циклом.

Сейчас готовим улучшения по кастомизации буферизации, переключению треков, качеству видео и созданию плейлистов. Это сотни строк кода не только на Kotlin и Swift, но и много бизнес-логики на Dart — родном языке Flutter.

Написали бэкенд

Бэкенд сервиса мы разработали на Kotlin, Spring Boot и Kubernetes. Это современный стек, на котором мы разрабатываем большинство бэкенд-систем. Разработку дополнили сервисами: K8s, PostgreSql, ClickHouse, ELK-стек.

Веб-серверы и CDN (сети доставки и дистрибуции содержимого) размещены у российских хостинг-провайдеров. Мы провели нагрузочное тестирование и замерили, как деградирует производительность микросервисов под нагрузкой. Это позволило ещё до запуска проекта найти и устранить несколько «бутылочных горлышек». Одной из таких проблем была система раздачи контента.

Чтобы прогнозировать нагрузку в изменяющихся условиях, на бэке мы смотрим в Prometheus и Grafana, а скорость работы мониторим также со стороны клиента. В приложении используется Firebase Performance Monitoring — с его помощью измеряется время каждого запроса к API. Так мы определяем проблемные места в продакшене.

Вызовами для команды бэкенда стали:

  • выбор подходящего формата для передачи видео на клиенты;
  • создание логики по процессингу исходных видеороликов;
  • обеспечение хранения и передачи обработанных файлов.

Сделали веб-приложение

Разработали веб-приложение для управления контентом на React + Ant Design. Приложение позволяет публиковать видео и отправлять пользователям уведомления, добавлять мета-информацию и получать статистику о просмотрах в реальном времени.

Экран шоу в веб-приложении

Со временем MQ в качестве бэкенда и админки решили использовать свой собственный сервис, который идеально подходит под запросы контентмейкеров и пользователей.

Внедрили аналитику

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

Чтобы получать аналитику по видео в реальном времени, потребовалось развернуть собственное хранилище пользовательских событий. Мы использовали облачную OLAP базу данных от Яндекса — ClickHouse. Эта БД работает под капотом у AppMetrica.

Приложение отправляет пользовательские события о взаимодействии с видео в ClickHouse, а все остальные интересующие нас пользовательские события — в AppMetrica и Firebase Analytics. Это наш стандартный выбор для аналитики, такой связкой мы пользуемся и на других проектах.

Управление сериями на главном экране

Провели бета-тестирование

Прежде чем запустить сервис, мы проверили приложение на тестовой группе. MQ опубликовал призыв участвовать в бета-тестировании — так мы получили 5000 бета-пользователей.

Подключили возможность управлять прероллами

В видео с тегом «премьера» запускается преролл — короткий рекламный ролик. Такие нативно интегрированные ролики отображаются в фоновом режиме и в формате «картинка в картинке». Управлять ими можно гибко в кастомной админ-панели.

Реализовали кастомный сплеш-скрин

При первом скачивании приложения появляется интро — имиджевое видео, собранное продакшеном MQ из самых ярких моментов разных шоу. Его можно пропустить, пересмотреть ещё раз или после просмотра пройти в приложение. У этого интро есть фанаты: они не только не ждут, когда оно скорее кончится, а наоборот: пересматривают его снова и снова.

Добавили интерактив

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

Защитили авторский контент

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

Наладили обратную связь

Добавили сразу три вида поддержки:

  • форму обратной связи;
  • внутренние сообщения (отправляются техподдержкой MQ);
  • написали Telegram-бота, в котором собрали все часто встречающиеся вопросы и добавили возможность связаться с оператором поддержки.

Настроили вывод со смартфона на TV

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

  • Подключили AirPlay. Эта технология Apple работает благодаря тому, что под капотом — нативный AVPlayer и воспроизведение в фоне.
  • Подключили ChromeCastна Android. Google предоставил CastFramework, а мы написали плагины для более удобной работы.
  • Защитили передачу данных от случайного вывода на чужой TV. Для того, чтобы просматривать контент, нужно быть в одной сети Wi-Fi с телевизором.
  • Оптимизировали работу плеера под слабые устройства. Провели исследование, сколько одновременно воспроизведённых роликов могут выдержать устройства.
  • Ввели метрики видео. Теперь можно отследить потерянные кадры и подсчитать кадровую частоту (FPS).
  • Внедрили смену качества «на лету» — видео больше не перезагружается, а подстраивается под выбранное качество.

Результат

  • Стали для клиента надёжным партнером
    MQ — творческие телевизионщики, продюсеры. Крутые креативные ребята, которые создали Comedy Club и успешные проекты на ТНТ и YouTube. Но они никогда до этого не делали IT-проекты, поэтому с техническими вопросами и первоначальным концепт-дизайном помогли мы. Получился продукт на стыке двух миров. Гордимся им вместе с MQ.
  • Сделали проект в сжатые сроки
    Изначально сказали клиенту, что дизайн и проектирование займут месяц, реализация — три месяца. Так и получилось: мы соблюли сроки. Теперь на практике знаем, сколько времени занимает сделать свой YouTube.
  • Выдержали нагрузку после запуска
    К нам пришло 5 000 бета-тестеров
  • Есть длинный план развития сервиса на будущее
  • Справились с челленджем: создали свой YouTube.
    Это была интересная и сложная задача для команды инженеров. Архитекторам и разработчикам очень понравилось работать над ней, и теперь они хотят ещё ��
  • Заняли лидирующую позицию в сторах, опередив Rutube, TikTok и Кинопоиск.

  • Приложение в Google Play
  • Приложение в App Store

Перевод «down the hole» на русский

For an extra fee, villagers will throw coconuts down the hole and watch as they shoot up like missiles in the air.

За дополнительную плату жители деревни будут выбрасывать кокосы в яму и смотреть, как они стреляют, как ракеты в воздухе.

We just been told to shut down the hole and prepare to move the rig.
Нам только что было приказано заканчивать свою работу и готовиться к переброске в другое место.
At that time, Alice will fall down the hole, collecting prizes on her way down.
В это время Алиса упадет в яму, собирая призы на своем пути.
Go down the hole and into a tunnel.
Спуститесь в отверстие и войдите в Туннель.

The other dived down the hole, and I heard the sound of rending cloth as Jones clutched at his skirts.

Другие нырнул в дыру, и я услышал звук раздирающие тканью, так как Джонс схватился за юбки.

And if I catch even a whisper of a scheme out of your mouth, I will drop you down the hole I found you in.

И если я услышу от тебя хоть слово о каком-то плане, то засуну тебя в ту же дыру, откуда и достала.
Why’s he still down the hole?
Почему он все еще в яме?
Возможно неприемлемое содержание

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

Зарегистрируйтесь, чтобы увидеть больше примеров. Это просто и бесплатно
Ничего не найдено для этого значения.
Предложить пример
Больше примеров Предложить пример

Предложения, которые содержат down the hole

Новое: Reverso для Mac

Переводите текст из любого приложения одним щелчком мыши .

Скачать бесплатно
Перевод голосом, функции оффлайн, синонимы, спряжение, обучающие игры

Результатов: 58 . Точных совпадений: 58 . Затраченное время: 562 мс

Помогаем миллионам людей и компаний общаться более эффективно на всех языках.

Медведеву обматерили в одном из главных шоу ютуба. Что случилось?

Двукратная чемпионка мира Евгения Медведева пришла в гости к актерам «Импровизации». Фигуристка приняла участие в шоу «Громкий вопрос», шутки начались еще на самом старте.

Арсений Попов : У нас в гостях, в первую очередь, моя коллега по сериалу «Последний аксель». А во-вторых: двукратная чемпионка мира — на самом деле, регалий много, но ты сказала, что торопишься, поэтому сами там загуглите и все посмотрите. Женя Медведева!

Сергей Матвиенко : Не подготовился!

Арсений Попов: Да почему: двукратная чемпионка мира, двукратная чемпионка Европы… Правильно?

Евгения Медведева : Правильно, пойдет, все-все (смеются).

Арсений Попов: Семикратная чемпионка России!

Евгения Медведева : Нет, я не настолько много прокаталась.

Дмитрий Позов: Но ты же наверняка чемпионка России?

Антон Шастун: Двадцатишестикратная!

Дмитрий Позов: Два раза.

Арсений Попов: А теперь коварный вопрос: ты еще катаешься?

Евгения Медведева : Я еще пока что катаюсь.

Сергей Матвиенко: А ты разве не на пенсии?

Евгения Медведева : Я? Ну, так… одной ногой.

Дмитрий Позов: Но ты же не соревнуешься?

Евгения Медведева : Нет, не соревнуюсь.

Арсений Попов : Она дает дорогу молодым — 21-однолетним (Жене сейчас 22 — прим).

Евгения Медведева : Спасибо! (смеется).

Дмитрий Позов : Нет, я недавно познакомился с теми, кто еще катается — они прям юные.

Антон Шастун : Насколько они юные?

Дмитрий Позов : Ну, 17?

Евгения Медведева : 15-16, 17 это типа максимум.

Антон Шастун : Каково осознавать, что 15-летний человек что-то делает в разы лучше тебя?

Дмитрий Позов : Что он олимпийский чемпион?

Антон Шастун : Да.

Евгения Медведева : (смеется).

Дмитрий Позов : Необычно, но с другой стороны — я не участвовал на Олимпиаде. Может, я бы тоже выиграл (смеются). Знаете, что забавно? Мы потом списались, я говорю: если захочешь пойти на концерт — я приглашаю. А потом подумал: «у нас же концерт 18+».

Сергей Матвиенко : Извините, олимпийские чемпионы, к нам на концерт вам нельзя.

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

Дмитрий Позов : Ты же спортсменка, как праздновала?

Ведущие хором : Ура?

Евгения Медведева : Нет, я закрывалась в номере и ела мороженое.

Арсений Попов : Давайте так и сделаем!

Что вытаскивала Медведева:

1. «Напишите прыжок с переподвыподвертом» — Антон и Женя написали с ошибками.

Евгения Медведева : У меня есть очень хороший аргумент на этот счет — я спортсменка.

Арсений Попов : Уже нет! Уже два года как нет!

Евгения Медведева : Бывших спортсменов не бывает!

Дмитрий Позов : Хорошо, Женя — спортсменка, а ты кто?

Антон Шастун : Потому что я ни разу такого не слышал.

2. «Доказательства» на молодежном сленге» — «пруфы» написали все.

3. (вопрос по некоторым обстоятельствам (обязательно посмотрите. ) тянул Шастун) «У какого автомобиля прогнулась крыша от упавшего из окна телевизора» — «Гелендваген» написали все.

4. «Парикмахер и банщик с навыками хирурга» — «цирюльник» написал только Попов.

5. «Как называется корабль Джека Воробья?» — «Черная жемчужина» написали все.

6. «Двадцать тысяч … под водой» — «лье» не написала только Женя. Арсений показать буквы знаками, но до конца не успел.

Евгения Медведева : Я ничего не поняла!

Арсений Попов : Врушка (в оригинале прозвучало немного другое слово)!

7. «Техническая остановка в Формуле-1» — «Пит-стоп» написали все.

Следом Матвиенко спел «Гоп-стоп» (Розенбаум), а фигуристка — «Красиво» (Меладзе). Потом Женя предложила посмотреть ответы в оставшихся карточках, но…

Дмитрий Позов : Нельзя, после тебя Алина Загитова , мы с ней будем играть, никаких смотреть!

На самом деле оставшиеся четыре карточки предназначены для супер-игры: ведущие объясняют вопросы, Женя отвечает, на все про все 4 минуты.

— Порода собаки из мультфильма «Бетховен»?
— Сенбернар.

— Украшение из цветов, которое крепится к мужскому костюму?

Произнести «бутоньерка» Женя не смогла. Но в конце выпуска все равно получила подарок — электрогитару.

Люди по всему миру потратили на мобильные приложения $171 млрд за 2023 год

В 2022 году экономика мобильных приложений впервые замедлилась, но 2023 год вернул отрасль к росту. Потребительские расходы на мобильное ПО в 2023 году выросли на 3 % год к к году и достигли $171 млрд, гласят данные доклада Data.ai по App Store, Google Play и сторонним магазинам Android-приложений, в основном китайским.

 Источник изображения: Mohamed Hassan / pixabay.com

Источник изображения: Mohamed Hassan / pixabay.com

Основной рост потребительских расходов пришёлся на неигровые приложения отчасти из-за успеха TikTok; количество загрузок приложений почти не изменилось, составив 257 млрд — это рост на 1 % по сравнению с 2022 годом. 2022 год отметился спадом экономики приложений: пандемия закончилась, а макроэкономические факторы вынудили потребителей сократить расходы.

 Динамика расходов на неигровые приложения. Здесь и далее источник изображения: data.ai

Динамика расходов на неигровые приложения. Здесь и далее источник изображения: data.ai

Зато в 2023 году снова обозначился рост: потребительские расходы на неигровые приложения за год выросли на 11 % и достигли $64 млрд. Этой тенденции способствовали соцсети, где лидером был TikTok — выручка службы коротких видео за всё время превысила $10 млрд, и это уникальное достижение для неигрового приложения. В этом году потребительская монетизация в приложениях соцсетей вырастет на 150 %, гласит прогноз Data.ai, и составит $1,3 млрд.

 Приложения, впервые ставшие «миллиардерами» за год

Приложения, впервые ставшие «миллиардерами» за год

По итогам 2023 года более 1500 приложений обеспечили годовую выручку более $10 млн, 219 преодолели отметку в $100 млн, а 13 взяли планку в $1 млрд — из них 4 это сделали впервые: Royal Match, Google One, Max и Gardenscapes.

 Скачивания и расходы на приложения с ИИ

Скачивания и расходы на приложения с ИИ

Одним из стимулов потребительских расходов стал сегмент генеративного искусственного интеллекта — рынок приложений здесь увеличился в 7 раз, появилось множество чат-ботов с ИИ и генераторов изображений. С точки зрения потребительских расходов лидерами оказались ChatGPT, Ask AI и Open Chat. Популярность ИИ-приложений выросла по всему миру, но прорыва не случилось в Китае, Японии, Саудовской Аравии и Турции. Сыграть на популярности темы решили многие разработчики: в описаниях 4000 существующих и 2500 новых приложений появилась отметка «чат-бот», ещё 3500 добавили в описание аббревиатуру GPT.

 Скачивания приложений по странам

Скачивания приложений по странам

Больше всего установок приложений пришлось на Китай, второй оказалась Индия, а третьими стали США; звание самого быстрорастущего рынка досталось Бангладеш. Чаще всего скачивали утилиты, приложения для работы, покупок, развлечений, а также фото и видео. В приложениях пользователи провели рекордные 5,1 трлн часов, что на 6 % больше, чем годом ранее. Расходы на мобильную рекламу в 2023 году, по предварительным оценкам, выросли на 8 % и достигли $362 млрд — в 2024 году ожидается скачок на 16,2 % до $402 млрд. На десяти ведущих рынках среднее время, проведённое за день в мобильном устройстве на одного пользователя, с 2022 года выросло на 6 % и превысило 5 часов — здесь рост обеспечили YouTube, WhatsApp, Facebook✴, TikTok, Chrome, Instagram✴ и Netflix.

 Скачивания мобильных игр и расходы на них

Скачивания мобильных игр и расходы на них

Сегмент мобильных игр в 2023 году просел: расходы за год снизились на 2 % до $107 млрд. Число загрузок игр почти не изменилось — их скачали 88 млрд раз из 257 млрд, пришедшихся на все приложения. Лидирующими жанрами стали гиперказуальные игры, симуляторы и экшены. Прорывы совершили Monopoly GO и EA Sports FC Mobile Soccer; расходы на Genshin Impact за всё время превысили $4 млрд. Отмечено большое количество скачиваний Block Blast Adventure Master, Attack Hole и Avatar Life; выросло число загрузок Gacha Life 2 и Eggy Party.

 Самые популярные приложения в 2023 году

Самые популярные приложения в 2023 году

Китайские торговые площадки Temu и Shein в 2023 годы вышли на западные рынки, обеспечив себе рост популярности на 140 %; время, затраченное на социальные сети и развлекательные приложения, выросло на 12 % до 3 трлн часов — последние также показали рост потребительских расходов на 10 % до $29 млрд. Продолжилось развитие постпандемийных тенденций: на 13 % выросло число загрузок туристических приложений за счёт туристических сервисов (26 %), служб бронирования туров (80 %) и бронирования авиабилетов (43 %). На 31 % за год выросли продажи в приложениях билетов на мероприятия из-за популярных концертов Тейлор Свифт (Taylor Swift) и Бейонсе (Beyonce), что на 66 % больше, чем до пандемии.

 Самые популярные мобильные игры в 2023 году

Самые популярные мобильные игры в 2023 году

Лучшим приложением по установкам и расходам стал TikTok, но больше всего времени проводили в Facebook✴. Среди игр лидерами оказались Subway Surfers (по числу загрузок), Candy Crush Saga (по объёму расходов) и Roblox (по количеству активных пользователей в месяц).

Источник:

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *