Привет, TJ. Я Виталий Ризо, фронтенд-разработчик. Расскажу о своём плагине для Firefox, который позволяет управлять «Яндекс.Музыкой» из любой вкладки: переключать и перематывать треки, ставить «лайки» и «дизлайки» горячими клавишами, получать уведомления о песнях.
В 2015 году я перешёл с музыки во «ВКонтакте» на Яндекс.Музыку. Подкупила возможность легально слушать музыку по доступной цене (тогда это стоило 169 ₽ в месяц, сейчас 149 ₽). А ещё «Яндекс» присылал открытки и стикеры на Новый год:
Мой рабочий день проходит в браузере, я пользуюсь Firefox. По работе мне приходится постоянно переключаться между аккаунтами в «Яндексе», и слушать музыку из-за этого было неудобно! Открываешь в одной вкладке аккаунт с купленной подпиской, а в другой рабочий аккаунт, возвращаешься во вкладку с «Музыкой» — страница обновляется, музыка перестаёт играть, подписка отключается.
Техническая поддержка не могла помочь, поэтому пришлось самому сделать плагин для переключения треков из «Яндекс.Музыки» в любой вкладке.
Как я делал и дорабатывал плагин
У меня не было опыта написания плагинов, но благодаря WebExtensions всё оказалось довольно просто. Любой разработчик может написать свой плагин на JavaScript.
Собрав на коленке первую версию, я отправил её в магазин дополнений Firefox Add-ons. Делал в первую очередь для себя, но оказалось, что людям такой плагин нужен. Кому интересно, вот ссылка на Гитхаб с исходным кодом.
Уже через месяц появилась первая сотня пользователей и первые положительные отзывы.
Испытатели плагина начали приносить пожелания по улучшению, так за три года в последующих версиях появились:
- Дизайн по стайлгайдам от Mozilla — Photon Design System;
- Горячие клавиши. Здесь Firefox расстроил некорректной поддержкой мультимедиа-клавиш, отсутствием глобальных комбинаций — они работают только, когда браузер в «фокусе»;
- Уведомление о текущем треке. И здесь Firefox не позволяет настраивать ни длительность уведомления, ни его формат, ни добавить туда кнопок. В Chrome всё это давно уже есть;
- Локализация. Оказалось, что «Яндекс.Музыка» бывает и на английском языке — ею пользуется 21% пользователей плагина;
Ненавязчивые уведомления об ограничениях и новых функциях. Например, плагин может работать криво, если открыто несколько вкладок с «Музыкой» — он не понимает, в какой вкладке менять треки. Я добавил подпись, чтобы пользователи были в курсе.
Как работает и что умеет
Для работы плагина нужно открыть вкладку «Яндекс.Музыки» или нажать на иконку плагина — после этого к вкладке можно не возвращаться. Всё управляется с кнопок на панели управления и горячих клавиш. Корректно работает как с обычными плейлистами, так и с «Яндекс.Радио» и «Немузыкой».
В маленьком всплывающем окне плагин показывает исполнителя, название трека и обложку. Можно переключать треки, ставить лайки и дизлайки, а горячими клавишами управлять громкостью и перематывать треки.
На странице настроек можно включить уведомления, когда начинается новая песня, но по умолчанию они отключены, чтобы не раздражать слушателей. Там же настраиваются комбинации клавиш — можно перенастроить по своему усмотрению.
⌘⌘⌘
Надеюсь, плагин для «Яндекс.Музыки» найдёт место в вашем Firefox. Скачать его можно в Firefox Add-ons. Рассказывайте, как вам и подписывайтесь на мой Твиттер.
Спасибо Александру Марфицину за помощь в подготовке статьи.
Пожалуйста, не забывайте прописывать #яндекс, чтобы черный список, который изобрел Ширяев, не был такой пустышкой.
Комментарий недоступен
Комментарий недоступен
Автор молодец!
А также спешу сообщить,что для хрома есть похожее расширение: https://yandex.ru/support/music/users/listening.html#extension
Оно работает не только с Яндекс Музыкой, но и с ВК, Youtube, SoundCloud.
Комментарий недоступен
Комментарий недоступен
У меня 8 Гб, живу же как-то
Зачем?
Комментарий недоступен
Не знаю как там на маках, а на винде в магазине есть нативное приложение Яндекс.Музыки. Благодаря этому музыкой можно управлять нажатием соответствующих клавиш на клавиатуре, не открывая никаких вкладок, расширений и прочего. В крайнем случае можно на клаве же изменить громкость и в открывшемся меню сделать всё, что те хочется
Комментарий недоступен
Ладно, убедил. Готов отдать тебе свой компуктер с Яндекс.Музыкой в обмен на мак. Чисто из гуманистических соображений
Комментарий недоступен
Комментарий недоступен
Комментарий недоступен
Охуенно, спасибо!
Здорово, спасибо) Сам пользуюсь приложением: http://tutra.ru/app/yandex.radio/
Комментарий недоступен
Комментарий недоступен
Комментарий недоступен
Комментарий недоступен
Комментарий недоступен
Комментарий недоступен
Комментарий недоступен
Комментарий недоступен
Комментарий недоступен
Комментарий недоступен
Комментарий недоступен
Комментарий недоступен
Комментарий недоступен
Комментарий недоступен
Комментарий недоступен
для фаерфокс.хм..дальновидно
?
Поправь меня, не заглядввая нникуда пишу рейтинг браузеров с меньшего
Explorer
Mozila
Opera
Crome
Комментарий недоступен
Статистика за год:
Chrome 66.21%
Firefox 9.59%
Internet Explorer 9.20%
Edge 4.57%
Safari 3.65%
Opera 1.60%
Sogou Explorer 1.46%
QQ 1.44%
Yandex 0.72%
UC Browser 0.50%
https://www.netmarketshare.com/
Фига опера сосет, я бы все равно не стал делать ничего на мазилу. Слишком большой гандикап.
Експлореры и сафари они по умолчанию, думаю статистика тут кривая. Везде хром стоит
Tor Browser основан на Firefox. Для некоторых - это интереснее.
IE стоит по умолчанию, но кто ими пользуется? Если только по работе с древними инструментами.
Safari много кто пользуется на маках. Зачем ставить другой браузер, когда стандартный хороший?
Статистика за месяц
Chrome 66.75%
Firefox 9.85%
Internet Explorer 8.08%
Edge 5.45%
Safari 3.45%
Sogou Explorer 1.55%
Opera 1.54%
QQ 1.37%
Yandex 0.92%
UC Browser 0.38%
Ну у тебя какой браузер?
Firefox Nightly
Последние пару месяцев доля файрфокса растет.
Комментарий недоступен
Комментарий недоступен
Я бы для хрома поставил, а ради этого на др браузер идти, не спасибо.
Комментарий недоступен