{"id":14270,"url":"\/distributions\/14270\/click?bit=1&hash=a51bb85a950ab21cdf691932d23b81e76bd428323f3fda8d1e62b0843a9e5699","title":"\u041b\u044b\u0436\u0438, \u043c\u0443\u0437\u044b\u043a\u0430 \u0438 \u0410\u043b\u044c\u0444\u0430-\u0411\u0430\u043d\u043a \u2014 \u043d\u0430 \u043e\u0434\u043d\u043e\u0439 \u0433\u043e\u0440\u0435","buttonText":"\u041d\u0430 \u043a\u0430\u043a\u043e\u0439?","imageUuid":"f84aced9-2f9d-5a50-9157-8e37d6ce1060"}

Meows.app — клиент для Apple Music

Сначала я радовался Apple Music, потом пользовался по привычке — и в какой-то момент он меня начал раздражать. Нормальный человек воспользовался бы другим сервисом или просто смирился, но я — программист. Так на свет родилась идея написать свой клиент для Apple Music, в результате появился Meows.app.

Meows.app

Вступление

Самое главное ожидание от Apple Music — это возможность послушать новую музыку, хорошую новую музыку. Эту самую новую музыку я искал и в рекомендациях, и в топовых плейлистах и просил друзей расшарить мне что-нибудь новенькое.

Главные проблемы и задачи на старте работы

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

Логика подсказывала мне, что для улучшения рекомендаций мне надо активнее «лайкать» (Love) и «дизлайкать» (Dislike) песни, но Apple сделала это действие совсем не простым, а ещё я постоянно вынужден слушать песни, которые дизлайкнул. Показывать статус песни (Love, Dislike) Apple тоже не стремится.

Для изменения рейтинга нажать на три точки

С рекомендациями не повезло, но ведь есть ещё популярные плейлисты, скажете вы и будете отчасти правы, но есть два момента:

  • Эти плейлисты не так просто найти.
  • Российский топ — это очень своеобразный для меня список песен, а сменить страну Apple не позволяет.

В Apple Music сложно искать новую музыку.

На компьютере спасала возможность запустить скрипт пролистывания Dislike-песен, но поиску новых это не помогало, да и кнопки рейтинга запрятаны так же далеко.

Мотивация

Это далеко не первый проект, который я начал делать с пламенем в глазах, но один из немногих доведённых до релиза. Если честно — аж второй! Чтобы повысить шансы на успех, я поставил перед собой цель, вызов, челлендж — создать ИТ-продукт с помощью ежедневной работы: я каждый день делаю что-то «полезное» и пишу о проделанном.

Сразу я писал в Telegram, затем перешёл на Medium — 18 января 2019 года был написан первый отчёт, 19 января я купил доменное имя Meows.app, публичное бета-тестирование запустил 15 февраля. И 26 июля 2019 года я наконец-то опубликовал первую релизную версию приложения.

Техническая часть

Я вообще ни разу не мобильный разработчик, но так получилось, что примерно в это же время был релиз Flutter и я уже три-четыре месяца ковырял «Hello world» на нём, технология мне нравилась, так что писать новый плеер для Apple Music решил на Flutter.

Технические детали проекта:

  • Код на GitLab.
  • Kubernetes-кластер.
  • Оркестрация: Rancher 2.
  • Бэк: .Net Core.
  • Фронт: Angular Universal (восьмой версии).
  • База: MongoDB в кластере replicaset.
  • Мобильный клиент: Flutter (сейчас только iOS).

Самые долгие технические проблемы были с переходом на Kubernetes для серверов и выбором State Management (управление состоянием) для Flutter — выбор пал на BLoC . Для ускорения работы с кодом я написал плагин для VsCode, который теперь экономит мне (и, надеюсь, не только мне) много времени и сил, хотя процесс развития кода стандартного шаблона страницы приложения идёт постоянно.

Создать ИТ-продукт с помощью ежедневной работы.

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

Бесконечный список уступок самому себе. Для борьбы с откладыванием запуска мне хорошо помогает привлечение пользователей — отдаёшь на тестирование, тебе приходят отзывы, предложения, баги, и просыпается жажда — побыстрее выпустить релиз!

Результаты

У меня ещё много идей, но уже сейчас я горжусь результатом работы и пользуюсь Meows.app постоянно. Несмотря на то, что большая часть кода написана мной, огромный вклад в приложение, генерацию идей, переводы, разработку сайта, тестирование и работу с UI/UX — всё это заслуга моей любимой жены — так что наша команда состоит из двух человек!

Чуть не забыл. Ещё я задолбал всех своих друзей: у кого есть iPhone — просил установить бета-версию, а у кого нет — показывал на своём и просил дать обратную связь по работе в приложении. А если серьёзно — они очень помогли, особенно люди не из ИТ, благодаря им приложение стало гораздо дружелюбнее к людям.

Apple Music не отдаёт все плейлисты, даже через API, но я смог вытащить более восьми тысяч уникальных плейлистов, думаю, в скором времени их будет ещё больше. На основе этого списка построен первый экран приложения «Все плейлисты», по ним есть поиск и очень-очень классная кнопка Dice — игральные кости или рандом, она выбирает случайный плейлист из отфильтрованных, в выбранном плейлисте можно ещё раз нажать кнопку Dice для повторного испытания своей удачи.

Ищем рок и включаем рандом!

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

Рекомендации в Apple Music

Именно поэтому в Meows.app есть плейлист «Все рекомендации» и сделан более «обозримый» вариант просмотра плейлистов. Мой плейлист «Все рекомендации» сегодня состоял из 1929 песен.

Рекомендации на одном экране

Кнопки Love и Dislike спрятаны от пользователя, и почти никто их не нажимает или делает это очень редко, так как это совсем неудобно. Соответственно, Apple Music делает рекомендации в основном на основе прослушивания песен — это «подкидывание монетки для решения интегрального уравнения», и результаты оставляют желать лучшего.

Чтобы дать Apple Music больше информации о предпочтениях пользователя, кнопки Love и Dislike вынесены мной на экран проигрывания песни, и теперь Apple гораздо чаще рекомендует мне хорошие песни.

Я даже не догадывался, насколько много плейлистов в Apple Music.

Песни, отмеченные Dislike, будут автоматически исключены из списка воспроизведения — меня это очень спасает в русском «Хиты сегодня», а на основе Love Apple Music обучает свои нейронные сети предлагать вам более приятные для вас треки.

В приложении Meows.app можно выбрать страну для получения песен из плейлистов, собранных для каждой страны отдельно. Большинство таких плейлистов, находится в разделе «Популярные плейлисты». В плейлистах США — много рэпа, японские удивляют иероглифами, а чаще всего я включаю Филиппины.

Популярные плейлисты разных стран

Когда всё надоело и хочу просто приятную музыку — я включаю любимые песни. К сожалению, Apple не отдаёт списки песен пользователя, поэтому чем больше вы пользуетесь Meows.app — тем больше песен с рейтингом мы узнаем.

Любимые и нелюбимые песни

Рейтинги песен в Apple Music — очень интересная тема. Рейтинг песни привязан к SongId, но одна и та же песня может иметь десятки SongId и, соответственно, различных рейтингов, поэтому буквально перед релизом мне пришлось переписать всю работу с рейтингами, теперь песни и рейтинги привязаны к ISRC.

Например, при получении всех рекомендаций бывает около 2000 уникальных песен, на которые приходится около 5000–6000 SongId, по которым необходимо получить рейтинги (ограничение на запрос в 100 id), провести анализ результатов и установить или удалить рейтинги (если на одну песню (ISRC) есть Love и Dislike).

Кстати, нужно ли делать импорт или экспорт данных пользователя? Возможно Spotify, Last.fm или другие сервисы принимают или отдают списки песен?

Попробуйте Meows.app — найдите новую классную музыку для себя и напишите в комментарии своё мнение и идеи.

Спасибо, что дочитали!

P.S. баги и предложения на @gorniv (например, https://t.me/gorniv) или на почту [email protected]

не работает iOS13, в новой версии( которая на review) я добавил нормальную обработку ошибки, но реальность такова - Apple сломали авторизацию в бете. Причем у меня даже Shazam на iOS13 не мог подключиться к Apple Music, а он принадлежит Apple... ждем обновления беты. Я, к сожалению, ничего не могу сделать.

UPDATE: в iOS13 beta 5 починили авторизацию, но проигрывание песен все еще глючит, сижу, пытаюсь завести. Может к версии 1.0.1 будут правки)

0
93 комментария
Написать комментарий...
Николай Киселев

Очень не хватает больше отступов везде. Возможно я просто привык к большим экранам. Но не смотря на это очень хорошее приложение, но ui можно бы довести до дизайна 19 года. Посмотрите dribbble

Ответить
Развернуть ветку
Игорь Кравченко
Автор

Спасибо, дизайн не моя сильная сторона:( я смотрел дизайн на dribbble и на https://www.uplabs.com/ . В основном старался поработать над UX - очень помогли в этом друзья) буду рад любым преложениям - пишити сюда или в личку @gorniv (у меня почти везде такой ник)

Ответить
Развернуть ветку
Aaa Bbb

За стек отдельный респект, наконец-то хоть кто-то использовал .net core в "стартапе на коленке")

Ответить
Развернуть ветку
Игорь Кравченко
Автор

.net core прекрасен) огромное комьюнити, множество библиотек, изумительный синтаксис и в «core» хорошая производительность с возможностью засунуть все в docker

Ответить
Развернуть ветку
Малик Янтижанов

Хотелось попробовать, но к сожалению на iOS 13 бесконечная загрузка при открытии приложения. «Подключите Apple Music для воспроизведения песен и откройте для себя Meows.app»

Ответить
Развернуть ветку
Игорь Кравченко
Автор

Да, есть такая проблема с iOS13, в новой версии( которая на review) я добавил нормальную обработку ошибки, но реальность такова - Apple сломали авторизацию в бете. Причем у меня даже Shazam на iOS13 не мог подключиться к Apple Music, а он принадлежит Apple... ждем обновления беты. Я, к сожалению, ничего не могу сделать.

Ответить
Развернуть ветку
Игорь Кравченко
Автор

в iOS13 beta 5 починили авторизацию, но проигрывание песен все еще глючит, сижу, пытаюсь завести. Может к версии 1.0.1 будут правки)

Ответить
Развернуть ветку
Игорь Кравченко
Автор

в бете https://testflight.apple.com/join/vc45oJWq сделал небольшой фикс для стабилизации проигрывания, но еще подглючтвает - иногда играет всю библиотеку, а не плейлист, иногда перестает вообще играть. К сожалению это проблема именно беты ios13 - ждем фикс)

Ответить
Развернуть ветку
Nice Man

Эти задачи для меня решает Soundcloud. Я тону в новой музыке, которая супер как по вкусу. Без российской попсы, боже упаси.

Ответить
Развернуть ветку
Юлия Булгакова

Soundcloud нацелен на электронику же? А как быть, например, с роком и альтернативой?)

Ответить
Развернуть ветку
1 комментарий
Vladislav Mt

Самый главный вопрос, работает ли ваше приложение в apple carplay?

Ответить
Развернуть ветку
Игорь Кравченко
Автор

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

Ответить
Развернуть ветку
1 комментарий
Pavel Dubrovskiy

С одной стороны труд автора достоин уважения. С другой я так и не понял из статьи зачем все это? Если уж не удовлетворены рекомендациями эппл, то не проще ли добавить синхронизацию с ласт.фм и искать новую музыку через них? А кроме того, что будет с прилагой, если эппл в какой то момент поменяет протокол?

Ответить
Развернуть ветку
Игорь Кравченко
Автор

Хотелось нативного решения в Apple. Сначала родилась идея сделать просто кнопки love\dislike, а потом втянулся) Есть надежда, что Apple не будет менять API быстро и внезапно,и в целом с учетом привязки в ISRC я могу перейти на использованием того же Spotify - но там стандартный клиент(как я понимаю) не вызывает боли как у Apple. Apple в ближайший год плеер врятли поменяет, а в iOS13 он стал только хуже - лайк и дизлайк там теперь еще внизу списка(приходиться листать, то есть в три действия)

Ответить
Развернуть ветку
2 комментария
Виталий Подольский

Автор в любом случае молодец, руки не из жопы растут. Я сам разработчик, но мне и в голову не пришла мысль, что можно улучшить стандартное приложение. К сожалению сейчас не попробую (бета айос 13), но как выйдет фикс с исправлением, поюзаю обязательно. Сам иногда ловлю себя на мысли "что бы послушать нового", но спасаюсь радио )))

Ответить
Развернуть ветку
Игорь Кравченко
Автор

фикс давно вышел) буду рад обратной связи)

Ответить
Развернуть ветку
Ӧҹǻɼʘßǻɯkǻ

God meows you!

Ответить
Развернуть ветку
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
Игорь Кравченко
Автор

у них не весь API открыт =( они даже картинку артиста не отдают...

Ответить
Развернуть ветку
6 комментариев
Br Ded

"...а потом он узнал что есть Spotify"

Ответить
Развернуть ветку
Игорь Кравченко
Автор

он официально не доступен в России, но я собираюсь его поставить и перетянуть лучшее к себе) Может подскажите, что нравится в Spotify?

Ответить
Развернуть ветку
3 комментария
Roman Chachukh

Приветственная страница огорчила, не понимаю, по какой причине такая ошибка. Дизайн простой, есть над чем работать, но smooth and clean. Поиск из меню по свайпу работает, а поиск с главной — нет. Планируется функцию фидбэка прикрутить?

Ответить
Развернуть ветку
Игорь Кравченко
Автор

над дизайном еще работать и работать) про свайп не очень понял :(
Функция фидбэка будет и думаю скоро. Идей и задач море, просто хотелось уже как-то зафиксировать результат.
Возможность ошибки понимаю, хотя на повтор должна отработать - там отдается статика из трех датацентров в разных точках мира. И цвета странные, окно ввода не должно так выделяться. У меня сейчас отработало :( Подскажите, пожалуйста, телефон и какие настройки (особенные, если есть)?

Ответить
Развернуть ветку
7 комментариев
Вадим Скворцов

Пожалуйста, не выводите скриншоты в ленту, они выглядит слишком тяжеловесно

Ответить
Развернуть ветку
Игорь Кравченко
Автор

Сори) я думал, это я чот-то не-то нажал) В свою защиту - я все скрины специально пережимал через https://tinypng.com/

Ответить
Развернуть ветку
3 комментария
911

красава 💪

Ответить
Развернуть ветку
Юлия Булгакова

Более 2к рекомендаций 😊

Ответить
Развернуть ветку
Nikolay Kapustin

Поставил, попробую.

Ответить
Развернуть ветку
Игорь Кравченко
Автор

и как вам?)

Ответить
Развернуть ветку
Александр Колосов

Будет на андроид ?

Ответить
Развернуть ветку
Игорь Кравченко
Автор

Будет! Apple выпустили официальный SDK - там конечно жесть, документации почти нет, для работы требуется Apple Music на андройд, но будет) Я уже смотрел и даже немного прикручивал, но там есть проблемы со сборкой проекта под Android при подключенном SDK

Ответить
Развернуть ветку
Игорь Кравченко
Автор
Ответить
Развернуть ветку
Gennady Aleksandrov

За новой музыкой - welcome на SoundCloud

Ответить
Развернуть ветку
Roman Vyatkin

Явно не хватает дизайнера, чтоб сделать красиво и по гайдлайну

Ответить
Развернуть ветку
Игорь Кравченко
Автор

это MVP, еще доведем до ума)

Ответить
Развернуть ветку
Alexander

Да, не хватает нормального дизайна. Дизайн дает первое впечатление, и потом позволяет временно закрыть глаза на недочеты и ошибки. Но 5 звёзд поставил.

Ответить
Развернуть ветку
Игорь Кравченко
Автор

спасибо, над дизайном будем работать)

Ответить
Развернуть ветку
Михаил Барканов

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

Ответить
Развернуть ветку
Nikita Misharin

Текст на лэндинге звучит читается сложно и местами неправильно:

We have collected more than eight thousands of playlists on one screen, so you can quickly find the right or to try their luck and to listen to a random playlist from the filtered

We've collected more than eight thousand playlists on one screen. Quickly find the right one or to try your luck with a random playlist (from the filtered(???))

We created a separate playlist only 'Love' songs, for your convenience

We've created a separate playlist just with 'Love' songs. For your convenience 😉

You can listen to popular playlists from any of the countries in which is available Apple Music: Australia, Asia, America, Africa, Europe - we need only change the country settings

You can listen to popular playlists from any place where Apple Music is available: Australia, Asia, America, Africa, Europe - just change the country settings

Ответить
Развернуть ветку
Игорь Кравченко
Автор

спасибо большое, займусь вычеткой, последнюю неделю у меня настоящий дурдом. Я уже запутался, где тексты вычитвывали, а где просто через переводчик, так как в самом приложении 18 языков и 14 переводов для App Store =(

Ответить
Развернуть ветку
Евгений Харченко

Я только и того что прошёл курс по питону на степике, но даже мне ума хватило разобраться в том, что яндекс музыка будет получше, в плане ранжирования, хоть и не живет в экосистеме апл. яндекс в этом сегменте тащит. Прошу не воспринимать, как рекламу это мнение субъективно и не претендует на общественное.

Ответить
Развернуть ветку
Игорь Кравченко
Автор

к сожалению у Yandex есть не все песни, если мы берем зарубежную музыку - то Apple лидер по количеству доступных песен. Ну и как я написал в самом начале: "Нормальный человек воспользовался бы другим сервисом или просто смирился, но я — программист" :D + я живу в экосистеме Apple и хочешь сделать хорошо - сделай это сам)

Ответить
Развернуть ветку
1 комментарий
Young Aggressor

Хосподи, ну и говнище, будто Симбиан возродили 🤦🏻‍♂️

Ответить
Развернуть ветку
Yuri T

Солидарен с вами.

Ответить
Развернуть ветку
Young Aggressor

P. S. Отступы, размеры шрифта, положение текста в некоторых местах, цвета, свечения, тени, иконки 🤦🏻‍♂️🤦🏻‍♂️🤦🏻‍♂️

Ответить
Развернуть ветку
Young Aggressor

Игорь, дизайнера сначала найди нормального, а потом диссить будешь. А не на показ выносишь непонятно что и еще и недоволен объективной оценкой.

Ответить
Развернуть ветку
Alena Lobanova

К сожалению, с сайта не могу даже перейти в стор. У меня одной такие проблемы?

Ответить
Развернуть ветку
Игорь Кравченко
Автор

у себя проверил - работает. Внизу статьи есть прямая ссылка на App Store (https://apps.apple.com/ru/app/id1447818958 ). Спасибо.

Ответить
Развернуть ветку
1 комментарий
Павел

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

Ответить
Развернуть ветку
Игорь Кравченко
Автор

Flutter мне удобнее чем тот же swift, и там есть потрясная функция hotreload... Задачи делать нативный интерфейс у меня не было, основной смысл не в дизайне, а в функциональности. Merial вполне нормален, а позже что-нибудь решу, это все такие проект в первую очередь для себя и для получения реального опыта. У меня нет иллюзий, что это супер пупер или я на этом заработаю :D К тому же в этом году Apple выпустили официальный SDK для Android - так что я еще запущу Android версию, просто руки нативную часть не дошли написать (авторизация и плеер)
Монобровь буду смотреть - но вроде бы там нормально смотрелось.

Ответить
Развернуть ветку
2 комментария
Максим Рассказов

Я так понимаю на момент начала разработки, опыта было гораздо больше на Angular, чем на flutter. А почему выбрали flutter, а не angular native script ? Рассматривали его как альтернативу?

Ответить
Развернуть ветку
Игорь Кравченко
Автор

на момент старта я почти не знал flutter, я рассматривал много вариантов,но основное отличие flutter - он как второй натив! И спустя год после начала разработки я им очень доволен и он лучший!!!

Ответить
Развернуть ветку
4 комментария
Павел Сницаренко

зачем изобретать колесо, если есть Spotify?

Ответить
Развернуть ветку
Игорь Кравченко
Автор

ну вот поставить другую страну в Apple Store - это так себе история. Официально они у нас не работают, а потом я втянулся)

Ответить
Развернуть ветку

Комментарий удален модератором

Развернуть ветку
Nikolaiy Glushenkov

С чем связано, что не подгружает Meows.app?

Ответить
Развернуть ветку
Игорь Кравченко
Автор

если у вас iOS13 - то там сейчас проблема в бете(добавил информацию в статью), если нет, то напишите подробности в почту или личные сообщения(телеграмм, фейсбук, вконтакте) Спасибо.

Ответить
Развернуть ветку
Dmitry Rybalka

Заче чинить эплл музыку, если есть спотифай? Сервис с лучшей системой рекомендаций

Ответить
Развернуть ветку
Игорь Кравченко
Автор

1) Не хочу менять страну App Store(официально нет в России).
2) Аудиторий Apple Music более 50 млн. человек, есть ощущение что не один я так страдал...
3) Почему бы нет?

Ответить
Развернуть ветку
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
Игорь Кравченко
Автор

будет чуть позже, нужно дописать нативную часть плеера для Android.

Ответить
Развернуть ветку
2 комментария
90 комментариев
Раскрывать всегда