Загрузка 0
ПОДЕЛИТЬСЯ

Мой блог

Листай вниз

Как старый пульт и Home Assistant помогли вернуть интерфейс Cover Flow

Как старый пульт и Home Assistant помогли вернуть интерфейс Cover Flow

Интерфейс Cover Flow оставил заметный след в истории цифровых плееров, позволяя с помощью колесика прокрутки перебирать обложки музыкальных альбомов. В материале рассматривается занятный практический эксперимент: автор обнаружил в ящике беспроводной пульт с физическим сенсорным кольцом и решил использовать его для управления медиатекой. С помощью платформы Home Assistant старый гаджет превратился в аналог классического устройства управления, объединив винтажный пользовательский опыт с современными технологиями «умного дома».

Человек держит пульт Zigbee с цветным кольцом на фоне экрана с дашбордом
Физический пульт управления, используемый для прокрутки обложек

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

Ностальгия по Cover Flow и поиск вдохновения

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

Реклама
Интерфейс Cover Flow с выбранным альбомом музыкального исполнителя
Отображение музыкальных релизов в кастомном дашборде
Экран воспроизведения музыки с текстом трека
Экран Now Playing с текущим трек-листом и текстом песни
Просмотр плейлистов в музыкальном интерфейсе Home Assistant
Выбор пользовательских плейлистов в системе управления

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

Детализированный вид экрана воспроизведения музыки
Детализированный вид экрана Now Playing

Интеграция пульта в Home Assistant

Для проверки работоспособности пульт подключили к домашнему серверу автоматизации через шлюз Zigbee2MQTT. Анализ поступающих сигналов показал, что сенсорное кольцо генерирует числовые значения в диапазоне от 0 до 254 в зависимости от точки касания. Данные поступают с частотой примерно три раза в секунду, что позволяет определять направление движения пальца по кольцу при сопоставлении двух последовательных считываний.

Главным техническим ограничением устройства оказалось то, что оно передает данные лишь на протяжении примерно 8,4 секунды непрерывного касания, после чего засыпает до следующего прикосновения. Тем не менее, полученных сведений оказалось вполне достаточно для реализации задуманной логики управления интерфейсом воспроизведения.

Разработка интерфейса и анимации

Готовых стандартных решений для реализации нужного визуального стиля в системе автоматизации не нашлось, поэтому для написания кастомной карточки интерфейса привлекли ИИ-помощника Claude Code. Инструмент помог сформировать структуру, которая обращается к библиотеке музыкального сервера и отфильтровывает альбомы без обложек или с малым количеством треков.

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

Результат реализации на большом экране

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

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

01.