Meows.app — клиент для Apple Music
Сначала я радовался Apple Music, потом пользовался по привычке — и в какой-то момент он меня начал раздражать. Нормальный человек воспользовался бы другим сервисом или просто смирился, но я — программист. Так на свет родилась идея написать свой клиент для Apple Music, в результате появился Meows.app.
Вступление
Самое главное ожидание от Apple Music — это возможность послушать новую музыку, хорошую новую музыку. Эту самую новую музыку я искал и в рекомендациях, и в топовых плейлистах и просил друзей расшарить мне что-нибудь новенькое.
Главные проблемы и задачи на старте работы
Три основных плейлиста рекомендаций — «Новая музыка», «Мои любимые треки», «Чилаут-микс» — обновляются один раз в неделю в разные дни, причём музыка там чаще всего была не очень для меня.
Логика подсказывала мне, что для улучшения рекомендаций мне надо активнее «лайкать» (Love) и «дизлайкать» (Dislike) песни, но Apple сделала это действие совсем не простым, а ещё я постоянно вынужден слушать песни, которые дизлайкнул. Показывать статус песни (Love, Dislike) Apple тоже не стремится.
С рекомендациями не повезло, но ведь есть ещё популярные плейлисты, скажете вы и будете отчасти правы, но есть два момента:
- Эти плейлисты не так просто найти.
- Российский топ — это очень своеобразный для меня список песен, а сменить страну Apple не позволяет.
На компьютере спасала возможность запустить скрипт пролистывания 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 есть рекомендации, но они разбиты на категории и представлены горизонтальной прокруткой — что не очень удобно для быстрого просмотра. Нет возможности прослушать все рекомендации единым списком воспроизведения.
Именно поэтому в Meows.app есть плейлист «Все рекомендации» и сделан более «обозримый» вариант просмотра плейлистов. Мой плейлист «Все рекомендации» сегодня состоял из 1929 песен.
Кнопки Love и Dislike спрятаны от пользователя, и почти никто их не нажимает или делает это очень редко, так как это совсем неудобно. Соответственно, Apple Music делает рекомендации в основном на основе прослушивания песен — это «подкидывание монетки для решения интегрального уравнения», и результаты оставляют желать лучшего.
Чтобы дать Apple Music больше информации о предпочтениях пользователя, кнопки Love и Dislike вынесены мной на экран проигрывания песни, и теперь Apple гораздо чаще рекомендует мне хорошие песни.
Песни, отмеченные 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 будут правки)
Очень не хватает больше отступов везде. Возможно я просто привык к большим экранам. Но не смотря на это очень хорошее приложение, но ui можно бы довести до дизайна 19 года. Посмотрите dribbble
Спасибо, дизайн не моя сильная сторона:( я смотрел дизайн на dribbble и на https://www.uplabs.com/ . В основном старался поработать над UX - очень помогли в этом друзья) буду рад любым преложениям - пишити сюда или в личку @gorniv (у меня почти везде такой ник)
За стек отдельный респект, наконец-то хоть кто-то использовал .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 - ждем фикс)
Эти задачи для меня решает Soundcloud. Я тону в новой музыке, которая супер как по вкусу. Без российской попсы, боже упаси.
Soundcloud нацелен на электронику же? А как быть, например, с роком и альтернативой?)
Самый главный вопрос, работает ли ваше приложение в apple carplay?
к сожалению не имею возможности проверить, но я использую системный плеер для воспроизведения, так что - должно работать. Буду рад, если сообщите результаты.
С одной стороны труд автора достоин уважения. С другой я так и не понял из статьи зачем все это? Если уж не удовлетворены рекомендациями эппл, то не проще ли добавить синхронизацию с ласт.фм и искать новую музыку через них? А кроме того, что будет с прилагой, если эппл в какой то момент поменяет протокол?
Хотелось нативного решения в Apple. Сначала родилась идея сделать просто кнопки love\dislike, а потом втянулся) Есть надежда, что Apple не будет менять API быстро и внезапно,и в целом с учетом привязки в ISRC я могу перейти на использованием того же Spotify - но там стандартный клиент(как я понимаю) не вызывает боли как у Apple. Apple в ближайший год плеер врятли поменяет, а в iOS13 он стал только хуже - лайк и дизлайк там теперь еще внизу списка(приходиться листать, то есть в три действия)
Автор в любом случае молодец, руки не из жопы растут. Я сам разработчик, но мне и в голову не пришла мысль, что можно улучшить стандартное приложение. К сожалению сейчас не попробую (бета айос 13), но как выйдет фикс с исправлением, поюзаю обязательно. Сам иногда ловлю себя на мысли "что бы послушать нового", но спасаюсь радио )))
фикс давно вышел) буду рад обратной связи)
God meows you!
Комментарий недоступен
у них не весь API открыт =( они даже картинку артиста не отдают...
"...а потом он узнал что есть Spotify"
он официально не доступен в России, но я собираюсь его поставить и перетянуть лучшее к себе) Может подскажите, что нравится в Spotify?
Приветственная страница огорчила, не понимаю, по какой причине такая ошибка. Дизайн простой, есть над чем работать, но smooth and clean. Поиск из меню по свайпу работает, а поиск с главной — нет. Планируется функцию фидбэка прикрутить?
над дизайном еще работать и работать) про свайп не очень понял :(
Функция фидбэка будет и думаю скоро. Идей и задач море, просто хотелось уже как-то зафиксировать результат.
Возможность ошибки понимаю, хотя на повтор должна отработать - там отдается статика из трех датацентров в разных точках мира. И цвета странные, окно ввода не должно так выделяться. У меня сейчас отработало :( Подскажите, пожалуйста, телефон и какие настройки (особенные, если есть)?
Пожалуйста, не выводите скриншоты в ленту, они выглядит слишком тяжеловесно
Сори) я думал, это я чот-то не-то нажал) В свою защиту - я все скрины специально пережимал через https://tinypng.com/
красава 💪
Более 2к рекомендаций 😊
Поставил, попробую.
и как вам?)
Будет на андроид ?
Будет! Apple выпустили официальный SDK - там конечно жесть, документации почти нет, для работы требуется Apple Music на андройд, но будет) Я уже смотрел и даже немного прикручивал, но там есть проблемы со сборкой проекта под Android при подключенном SDK
https://play.google.com/apps/testing/app.meows.meows - альфа версия)
За новой музыкой - welcome на SoundCloud
Явно не хватает дизайнера, чтоб сделать красиво и по гайдлайну
это MVP, еще доведем до ума)
Да, не хватает нормального дизайна. Дизайн дает первое впечатление, и потом позволяет временно закрыть глаза на недочеты и ошибки. Но 5 звёзд поставил.
спасибо, над дизайном будем работать)
Крутая задумка! Мне тоже тяжело новые композиции находить. Но я бы хотел чтобы была привязка к яндекс музыке, так как у меня в ней последние плейлисты все.
Текст на лэндинге звучит читается сложно и местами неправильно:
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 filteredWe'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 convenienceWe'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 settingsYou 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 и хочешь сделать хорошо - сделай это сам)
Хосподи, ну и говнище, будто Симбиан возродили 🤦🏻♂️
Солидарен с вами.
P. S. Отступы, размеры шрифта, положение текста в некоторых местах, цвета, свечения, тени, иконки 🤦🏻♂️🤦🏻♂️🤦🏻♂️
Игорь, дизайнера сначала найди нормального, а потом диссить будешь. А не на показ выносишь непонятно что и еще и недоволен объективной оценкой.
К сожалению, с сайта не могу даже перейти в стор. У меня одной такие проблемы?
у себя проверил - работает. Внизу статьи есть прямая ссылка на App Store (https://apps.apple.com/ru/app/id1447818958 ). Спасибо.
Интерфейс жесть, смысл было юзать флаттер, если подобное приложение на том же свифте запилить было бы не так уж сложно, но зато интерфейс был бы нативный, причем без какой либо кастомизации, а так андроид элементы на iOS, ну оно такое +, судя по всему, в лайаут гайды флаттерн не умеет, отсюда на монобровых все выглядит совсем уж криво.
Flutter мне удобнее чем тот же swift, и там есть потрясная функция hotreload... Задачи делать нативный интерфейс у меня не было, основной смысл не в дизайне, а в функциональности. Merial вполне нормален, а позже что-нибудь решу, это все такие проект в первую очередь для себя и для получения реального опыта. У меня нет иллюзий, что это супер пупер или я на этом заработаю :D К тому же в этом году Apple выпустили официальный SDK для Android - так что я еще запущу Android версию, просто руки нативную часть не дошли написать (авторизация и плеер)
Монобровь буду смотреть - но вроде бы там нормально смотрелось.
Я так понимаю на момент начала разработки, опыта было гораздо больше на Angular, чем на flutter. А почему выбрали flutter, а не angular native script ? Рассматривали его как альтернативу?
на момент старта я почти не знал flutter, я рассматривал много вариантов,но основное отличие flutter - он как второй натив! И спустя год после начала разработки я им очень доволен и он лучший!!!
зачем изобретать колесо, если есть Spotify?
ну вот поставить другую страну в Apple Store - это так себе история. Официально они у нас не работают, а потом я втянулся)
Комментарий удален модератором
С чем связано, что не подгружает Meows.app?
если у вас iOS13 - то там сейчас проблема в бете(добавил информацию в статью), если нет, то напишите подробности в почту или личные сообщения(телеграмм, фейсбук, вконтакте) Спасибо.
Заче чинить эплл музыку, если есть спотифай? Сервис с лучшей системой рекомендаций
1) Не хочу менять страну App Store(официально нет в России).
2) Аудиторий Apple Music более 50 млн. человек, есть ощущение что не один я так страдал...
3) Почему бы нет?
Комментарий недоступен
будет чуть позже, нужно дописать нативную часть плеера для Android.