Минималистичная, но настраиваемая карта медиаплеера для пользовательского интерфейса Home Assistant Lovelace.
На основе Custom UI: мини-медиаплеер и custom-lovelace.
- Установить
- Простая установка
- Установка интерфейса командной строки
- Обновление
- Использование карты
- Параметры
- Параметры карты
- Объект ожидания
- объект TTS
- Объект группы динамиков
- Объект сущности динамика
- Объект ярлыков
- Ярлык объект элемента
- Параметры объекта действия
- Скрыть объект
- Переменные темы
- Пример использования
- Базовая карта
- Компактная карта
- Карточка с ярлыками мультимедиа
- Сгруппированные карты
- Сложенные карты
- Управление группой колонок
- Development
- Инструкции
- Возникли ошибки?
- Inspiration
- Лицензия
- Проигрыватель Windows Media
- Загрузите Windows Media Player
- Получить справку
- Сделайте его своим
Установить
Эта карта доступна в HACS (Магазин сообщества Home Assistant)
Простая установка
-
Загрузите и скопируйте
mini -media-player-bundle.js
из последней версии в каталогconfig/www
. -
Добавьте ссылку на
mini-media-player-bundle.js
в свойconfiguration.yaml
или через пользовательский интерфейс Home Assistant на вкладке ресурсов.
ресурсы: - url:/local/mini-media-player-bundle.js?v=1.12.0 type: module
Установка интерфейса командной строки
-
Перейти в каталог
config/www
-
Возьмите
mini-media-player-bundle.js
$ wget https: //github.com/kalkih/mini-media-player/releases/download/v1.12.0/mini-media-player-bundle.js
- Добавить ссылка на
mini-media-player-bundle.js
внутри вашегоconfiguration.yaml
или через пользовательский интерфейс Home Assistant на вкладке ресурсов.
ресурсы: - url:/local/mini-media-player-bundle.js?v=1.12.0 type: module
Обновление
-
Найдите файл
mini-media-player-bundle.js
вconfig/www
или где бы вы его ни хранили. -
Замените локальный файл последним, прикрепленным к последней версии.
-
Добавьте номер новой версии в конец ссылочного URL-адреса карты в вашем
configuration.yaml
или через Home Assistant.
ресурсы: - url:/local/mini-media-player-bundle.js?v=1.12.0 type: module
Возможно, вам придется очистить кеш браузеров, если у вас возникнут проблемы с загрузкой обновленной карты.
Использование карты
Параметры
Параметры карты
Имя | Тип | По умолчанию | Поскольку | Описание |
---|---|---|---|---|
type | string | обязательно | v0. 1 | custom: mini-media-player |
entity | строка | обязательно | v0.1 | entity_id от объекта в домене media_player |
name | string | необязательно | v0.6 | Заменить понятное имя объекта. |
icon | string | необязательно | v0.1 | Укажите настраиваемый значок из любого доступного mdi иконки. |
tap_action | объект действия | true | v0 .7.0 | Действие при нажатии/касании. |
group | boolean | необязательно | v0.1 | Удаляет отступы, цвет фона и тень блока. |
hide | object | optional | v1.0.0 | Управление видимым пользовательским интерфейсом элементы, доступные параметры см. в скрытом объекте. |
artwork | string | default | v0.4 | cover для отображения текущей обложки на фоне карты, полная обложка для отображения всей обложки, material для альтернативного отображения обложек с динамическими цветами, none для скрытия обложек, подгонка под всю обложку для полного покрытия без обрезки. |
tts | object | optional | v1.0.0 | Показать ввод текста в речь, доступные параметры см. в объекте TTS. |
источник | строка | необязательно | v0.7 | Изменить внешний вид выбора источника, icon только для значка , full для полного имени источника. |
sound_mode | string | необязательно | v1.1.2 | Изменить внешний вид выбора режима звука, icon только для значка, full для полного имени звукового режима. |
info | string | необязательно | v1.0.0 | Изменить способ отображения мультимедийной информации, short , чтобы ограничить мультимедийную информацию одной строкой , scroll для прокрутки переполненной информации о мультимедиа. |
volume_stateless | boolean | false | v0.6 | Поменяйте ползунок громкости на кнопки увеличения и уменьшения громкости. |
volume_step | number | optional | v1.9.0 | Изменить размер шага громкости кнопок громкости и ползунка громкости (число от 1 до 100) 1 . |
max_volume | number | необязательный | v0.8.2 | Укажите максимальный предел громкости ползунка громкости (число от 1 до 100). |
min_volume | число | необязательно | v1.1.2 | Укажите минимальный предел громкости ползунка громкости (число от 1 до 100). |
replace_mute | строка | необязательно | v0. 9.8 | Замените кнопку отключения звука, доступные варианты: play_pause (ранее play ), stop , play_stop , next . |
toggle_power | логическое | true | v0.8.9 | Установите значение false , чтобы изменить поведение кнопки питания для media_player.turn_on /media_player.turn_off . |
idle_view | объект | необязательно | v1.0. 0 | Отображать менее загроможденный вид в режиме ожидания, см. Доступные параметры в объекте ожидания. |
background | строка | необязательно | v0.8.6 | Фоновое изображение, укажите URL-адрес изображения "/local /background-img.png " например |
динамическая_группа | объект | необязательно | v1.0.0 | Управление группами динамиков/мультирум, см. доступные параметры в объекте группы динамиков. |
ярлыки | object | optional | v1.0.0 | Ярлыки мультимедиа в список или кнопки, см. доступные параметры в объекте «Ярлык». |
scale | number | необязательный | v1.5.0 | Модификатор масштаба пользовательского интерфейса, по умолчанию — 1 . |
1 Поддерживается только для сущностей с атрибутом volume_level
.
Объект ожидания
Имя | Тип | По умолчанию | Описание ion |
---|---|---|---|
when_idle | логический | необязательный | Визуализировать представление в режиме ожидания, когда состояние игрока — idle . |
when_paused | boolean | optional | Визуализировать представление в режиме ожидания, когда состояние проигрывателя paused |
when_standby | boolean | optional | Визуализировать представление в режиме ожидания, когда состояние игрока standby |
после | строка | необязательно | Укажите число (минуты), после которого карта будет отображаться как неактивная (поддерживается только на платформах, предоставляющих media_position_updated_at ) . |
объект TTS
Имя | Тип | По умолчанию | Описание |
---|---|---|---|
platform | string | обязательно | Укажите платформу TTS, например google_translate или amazon_polly , cloud для Nabu Casa, alexa 1 для «Alexa as Media Player», ga 2 3 для использования с веб-сервером Google Assistant или Assistant Relay, sonos 2 для использования с модифицированным скриптом sonos_say, webos 4 . |
language | строка | необязательно | Язык вывода. |
entity_id | string/list | optional | entity_id желаемой выходной сущности или список entity_id , также может быть all для трансляции для всех сущностей или group для таргетинга на сгруппированные в данный момент динамики. |
volume | float | необязательно | Уровень громкости вывода tts (0–1), поддерживается только платформой sonos . |
type | string | необязательно | tts , announce или push , по умолчанию tts , поддерживается только платформой alexa , подробнее здесь. |
1 Не поддерживает language .
2 Не поддерживает language
& entity_id
options.
3 Требуется настраиваемая служба уведомлений с именем ga_broadcast
, см. пример ниже.
4 Требует, чтобы имя объекта карты совпадало с именем службы уведомлений, если они не совпадают, укажите имя службы уведомлений в entity_id
вариант.
# configuration.yamlnotify: - name: ga_broadcast platform: rest resource: http://[xxx.xxxxx]: 5000/broadcast_message
Объект группы динамиков
См. пример использования управления группой динамиков.
Поддерживаемые платформы
- sonos
- soundtouch
- squeezebox 2
- bluesound 2
- snapcast 2
- yamaha_musiccast 1
- linkplay 3
Имя | Тип | По умолчанию | Описание |
---|---|---|---|
entity | list | обязательно | Список, содержащий сущности докладчиков одной из поддерживаемых платформ, чтобы включить групповое управление этими динамиками. |
platform | строка | ‘sonos’ | Любая поддерживаемая мультирум-платформа, например sonos , soundtouch , bluesound , см. поддерживаемые платформы выше. |
sync_volume | boolean | optional | Сохранять синхронизацию тома между сгруппированными динамики. |
расширенный | логический | необязательный | Сделать список групп выступающих расширенным по умолчанию. |
show_group_count | boolean | true | Отображать количество сгруппированных выступающих (если есть) в названии карты. |
icon | строка | необязательно | Заменить значок кнопки группы по умолчанию (любой значок mdi) . |
group_mgmt_entity | string | optional | Переопределить объект игрока для управления группой (полезно, если вы используете универсальный media_player в качестве своей сущности, но все же хотите использовать функцию группировки) |
1 Требуется настраиваемый компонент, доступный в HACS.
2 Все функции еще не поддерживаются.
3 Требуется специальный компонент для звуковых устройств на базе чипсета Linkplay, доступного в HACS.
Объект сущности динамика
Имя | Тип | По умолчанию | Описание |
---|---|---|---|
entity_id | строка | обязательно | entity_id для объекта говорящего. |
name | string | обязательно | Отображаемое имя. |
Volume_offset | number | необязательно | Смещение объема (0-100) при использовании с sync_volume . |
Объект ярлыков
См. карточку с ярлыками мультимедиа для примера использования.
Имя | Тип | По умолчанию | Описание |
---|---|---|---|
list | list | optional | Список элементов быстрого доступа, которые будут представлены как список, см. объект ярлыка. |
buttons | list | optional | Список s элементы hortcut должны быть представлены в виде кнопок. |
hide_when_off | boolean | false | Скрыть ярлыки, пока объект выключен. |
columns | integer (1-6) | 2 | Укажите максимальное количество кнопок в строке. |
column_height | число | необязательно | Укажите высоту столбца в пикселях. |
метка | строка | ярлыки ... |
Укажите настраиваемую метку по умолчанию для ярлыка раскрывающийся список. |
attribute | string | optional | Укажите любой атрибут, предоставляемый объектом медиаплеера. Значение атрибута (если существует) сравнивается с ярлыком id , чтобы отличить выбранный/активный ярлык 1 . |
align_text | string | optional | Укажите выравнивание значка/текста кнопки слева , right , center . |
1 Примеры, source
для активного источника или sound_mode
для активного звукового режима.
Ярлык объект элемента
Имя | Тип | По умолчанию | Описание |
---|---|---|---|
name | string | необязательно | Отображаемое имя. |
icon | string | необязательно | Значок отображения (любой значок mdi) . |
изображение | строка | необязательно | Отображаемое изображение. |
cover | string | optional | Изображение обложки (поддерживается только для r). |
type | string | обязательно | Тип ярлыка. Тип мультимедиа: музыка , tvshow , видео , эпизод , канал , плейлист например. или тип действия: source , sound_mode , script или service . |
id | string | обязательно | Идентификатор носителя. Формат этого зависит от компонента. Например, вы можете предоставить URL-адреса для Sonos & Cast, но только идентификатор списка воспроизведения для iTunes и Spotify. Имя источника/(звуковой режим) также можно указать для изменения источника/(звукового режима), используйте вместе с типом source / sound_mode . Если тип script укажите здесь имя сценария или service укажите . . |
data | list | optional | Дополнительные полезные данные службы 1 . |
1 Совместимо только со скриптом
& service
ярлыки, полезные для отправки переменных в скрипт.
Параметры объекта действия
Имя | Тип | По умолчанию | Параметры | Описание |
---|---|---|---|---|
действие | строка | дополнительная информация |
дополнительная информация / навигация / call-service / url /none |
Действие, которое необходимо выполнить. |
entity | string | Любой идентификатор объекта | Заменить значение по умолчанию сущность more-info , когда действие определено как mo повторно информация . |
|
service | string | Любая служба | Служба для вызова (например, media_player.toggle ), когда action определен как call-service . |
|
service_data | объект | Любые данные службы | Служба данные для включения в вызов службы (например, entity_id: media_player.office ). |
|
navigation_path | строка | Любой путь | Путь для перехода (например, /lovelace/0/ ), когда действие определено как navigate . |
|
url | строка | Любой URL | URL, который открывается при действии определяется как url . |
|
new_tab | boolean | false |
true /false |
Открыть URL-адрес в новой вкладке, когда action определен как url . |
Скрыть объект
Имя | Тип | По умолчанию | Описание |
---|---|---|---|
имя | логическое | false | Имя. |
icon | логическое | false | Значок объекта. |
info | boolean | false | Информация о носителе. |
power | boolean | false | Мощность кнопка. |
source | boolean | false | Выбор источника. |
sound_mode | boolean | true | Выбор звукового_режима. |
controls | boolean | false | Элементы управления воспроизведением мультимедиа. |
prev | boolean | false | Кнопка управления воспроизведением «предыдущая». |
next | boolean | false | Кнопка управления воспроизведением «следующий». |
play_pause | boolean | false | Кнопка воспроизведения/паузы в элементах управления воспроизведением мультимедиа. |
play_stop | boolean | true | Кнопка воспроизведения/остановки в элементах управления воспроизведением мультимедиа. |
volume | boolean | false | Регуляторы громкости. |
уровень_тома | логическое | Текущий уровень громкости в процентах. | |
mute | boolean | false | Кнопка отключения звука. |
progress | boolean | false | Индикатор выполнения. |
время выполнения | boolean | true | Индикаторы среды выполнения. |
artwork_border | boolean | true | Граница графического изображения по умолчанию . |
power_state | boolean | true | Динамический цвет кнопки питания для обозначения включения/выключения . |
icon_state | boolean | true | Динамический цвет значка объекта для обозначения состояния объекта. |
shuffle | boolean | true | Кнопка перемешивания (только для игроков с поддержкой shuffle_set ). |
state_label | boolean | false | Метки состояния, такие как Unav ailable & Idle . |
Переменные темы
Доступны следующие переменные, которые могут быть установлены в вашей теме для изменения внешнего вида карты. Можно указать имя цвета, шестнадцатеричное, rgb, rgba, hsl, hsla, в основном все, что поддерживается CSS.
name | По умолчанию | Описание |
---|---|---|
mini-media-player-base-color | var (- primary-text-color) & var (- paper-item -icon-color) | Цвет основного текста и кнопок |
mini-media-player-accent-color | var (- accent-color) | Цвет выделения элементов пользовательского интерфейса |
mini- цвет значка-медиаплеера | — базовый цвет-мини-медиаплеера, var (- цвет-значка-бумаги, # 44739e) | Цвет значков |
mini-media-player-button-color | rgba (255,255,255,0. 25) | Цвет фона кнопок быстрого доступа и групповых кнопок. |
mini-media-player-overlay-color | rgba (0,0,0,0.5) | Цвет фона наложения |
mini -media-player-overlay-color-stop | 25% | Ограничение градиента наложения фона |
mini-media-player-overlay-base-color | white | Цвет основного текста, значков и кнопок при наличии обложки обложки |
mini-media-player-overlay-accent-color | white | Цвет акцента элементов пользовательского интерфейса при наличии обложки обложки |
mini-media-player-media-cover-info-color | white | Цвет текста медиаинформации при наличии обложки обложки |
mini-media-player-background-opacity | 1 | Непрозрачность фона |
mini-media-player-artwork-opacity | 1 | Непрозрачность обложки |
mini-media-player-progress-height | 6px | Progressbar height |
mini-media-player-scale | 1 | Масштаб карты |
mini-media-player-name-font-weight | 400 | Толщина шрифта имени объекта |
Пример использования
Базовая карта
- type: custom: mini-media-player entity: media_player.kitchen_speakers
Компактная карта
Установка для элементов управления volume
и/или
значения true
в hide
объект option будет отображать проигрыватель как одну строку.
- тип: custom: mini-media-player entity: media_player.example icon: mdi: spotify artwork: cover hide: volume: true source: true power_state: false
Карточка с ярлыками мультимедиа
Вы можете указать медиа-шо rtcuts с помощью параметра shortcuts
, либо в виде списка, либо в виде кнопок, либо почему не в обоих случаях?
- entity: media_player.spotify type: custom: mini-media-player artwork: cover source: icon hide: volume: true ярлыки: столбцы : 4 # Максимальное количество кнопок на ряд кнопок: # Запустить предопределенный список воспроизведения - значок: mdi: тип кошки: идентификатор списка воспроизведения: spotify: пользователь: XXXXXXX: список воспроизведения: 37i9dQZF1DZ06evO2O09Hg # Где XXXXXXX - ваш идентификатор пользователя # Измените источник на ванную - значок: mdi : тип собаки: идентификатор источника: ванная комната # сценарий триггера - значок: mdi: тип собаки: идентификатор сценария: имя_сценария # пользовательская служба триггера - имя: певцы Тип плейлиста: идентификатор службы: spotcast.start data: entity_id: media_player.googlehome1234 uri : spotify: плейлист: 37i9dQZF1DX9XiAcF7t1s5 ... # и т. д..
Совет : если у вас нет Sonos, но вы хотите немного больше контролировать плейлисты, и поэтому простое решение — использовать параметр type: service
для запуска spotcast.start
-service.
Не забудьте добавить необходимые данные, для работы Spotcast. Также обратите внимание, что для работы необходим специальный компонент Spotcast. Он доступен в HACS.
Сгруппированные карты
Установите для параметра group
значение true
, когда размещение карт мини-медиаплеера внутри других карт, у которых уже есть поля/отступы.
- тип: сущности сущности: - тип: custom: мини-медиаплеер сущность: media_player.multiroom_player group: true источник: информация значка: short hide: volume: true power: true - тип: custom: mini-media-player entity: media_player.kitchen_speakers group: true hide: controls: true - type: custom: mini-media-player entity: media_player.bathroom_speakers group: true hide: controls: true - type: custom: mini- media-player entity: media_player.bedroom_speakers group: true hide: controls: true - type: custom: mini-media-player entity: media_player.patio_speakers group: true hide: controls: true
Сложенные карты
Используя вертикальные и горизонтальные стопки, вы можете получить множество различных настроек.
- тип: карты с горизонтальным стеком: - entity: media_player.tv_livingroom тип: custom: mini -media-player info: короткая обложка: скрыть обложку: mute: true icon: true power_state: false - entity: media_player.tv_bedroom type: custom: mini-media-player info: короткая обложка: скрыть обложку: mute: true icon: true power_state: false- тип: карты с горизонтальным стеком: - entity: media_player.cc_patio type: custom: mini-media-player hide: icon: true - entity: media_player.cc_kitchen type: custom: mini-media-player hide: icon: true - entity: media_player.cc_bath type: custom: mini-media-player hide: icon: true
Управление группой колонок
Укажите всех ваших колонок сущности в списке под опцией группа_колонка
-> сущности
. Очевидно, что они должны быть на одной платформе.
- Карта позволяет вносить изменения только в группы, в которых сущностью карты является координатор/главный докладчик.
- Проверка говорящего в списке заставит его присоединиться к группе объекта карты. (
media_player.sonos_office
в примере ниже). - Снятие отметки с говорящего в списке удалит его из любой группы, в которой он часть.
- type: custom: mini-media-player entity: media_player.sonos_office hide: power: true icon: true source: true speaker_group: platform: sonos show_group_count: true сущности: - entity_id: media_player. sonos_office имя: Sonos Office - entity_id: media_player.sonos_livingroom name: Sonos Livingroom - entity_id: media_player.sonos_kitchen name: Sonos Kitchen - entity_id: media_player.sonos_bathroom name: Sonos Bath - entity_id: media_player.sonos_bedroom name: Sonos Bedroom
/div>
Если вы планируете использовать параметр Speaker_group
на нескольких карточках, настоятельно рекомендуется создать отдельный файл yaml для списка, это приведет к менее загроможденному ui-lovelace.yaml
, а также упростить управление и обслуживание списка. Затем вы просто ссылаетесь на файл, содержащий список, используя сущности:! include filename.yaml
для каждого появления сущностей
в вашем ui-lovelace.yaml
.
Однако это возможно, только если у вас есть режим ловеласа установите значение yaml в вашей конфигурации HA, см. режим YAML от Lovelace для получения дополнительной информации.
Development
Если вы планируете внести свой вклад в это репо, пожалуйста для k & создать PR для ветки dev.
Клонируйте этот репозиторий в папку config/www
с помощью git.
$ git clone https://github.com/kalkih/mini-media-player.git
Добавьте ссылку на карту в свои ресурсы ui-lovelace.yaml
.
: - url :/local/mini-media-player/dist/mini-media-player-bundle.js тип: модуль
Инструкции
Требуется nodejs
& npm
- Переместитесь в
mini-media-player
, проверьте ветвь dev и установите зависимости.
$ cd mini- media-player && git checkout dev && npm install
-
Внести изменения в исходный код
-
Создайте исходный код, запустив
$ npm run build
-
Обновите браузер, чтобы увидеть изменения
Убедитесь, что кеш очищен, или d isabled
-
(Необязательно) Наблюдайте за исходным кодом и автоматически перестраивайте при сохранении
$ npm run watch
Новый mini-media-player- bundle.js
будет собран и готов внутри /dist
.
Возникли ошибки?
Убедитесь, что у вас есть javascript_version: latest
в вашем configuration.yaml
в frontend:
.
Убедитесь, что у вас установлена последняя версия mini-media-player-bundle.js
.
Если у вас возникли проблемы после обновления карты, попробуйте очистить браузеры кешируют или перезапускают Home Assistant.
Если вы получаете сообщение «Пользовательский элемент не существует: мини-медиаплеер» или используете старые браузеры, попробуйте заменить type: module
с type: js
в ссылке на ваш ресурс, как показано ниже.
resources: - url: ... тип: js
Inspiration
- @ciotlosm — custom-lovelace
- @ c727 — Custom Пользовательский интерфейс: мини-медиаплеер
Лицензия
Этот проект находится под лицензией MIT.
Проигрыватель Windows Media
Поддержка Windows 7 закончилась 14 января 2020 г.
Мы рекомендуем вам перейти на ПК с Windows 10, чтобы продолжать получать обновления безопасности от Microsoft.
Подробнее
Загрузите Windows Media Player
Загрузите Windows Media Player для своей версии Windows или узнайте, как воспроизводить файлы Windows Media на вашем Mac. Подробную информацию можно найти здесь.
Получить справку
Найдите справку и инструкции для вашей версии проигрывателя Windows Media. Узнайте о функциях и способах устранения проблем.
Windows Media Player 12
Воспроизведение компакт-дисков или DVD-дисков в проигрывателе Windows Media
Запись и копирование компакт-дисков
Кодеки: часто задаваемые вопросы
Если проигрыватель Windows Media перестал правильно работать после последних обновлений из Центра обновления Windows, вы можете проверить, являются ли эти обновления проблемой, с помощью функции восстановления системы. Для этого:
-
Нажмите кнопку Пуск , а затем введите восстановление системы .
-
Выберите Создать точку восстановления , а затем в Свойства системы на панели выберите Восстановление системы .
-
Следуйте подсказкам, чтобы выбрать точку восстановления непосредственно перед циклом обновлений, которые, казалось, вызвать проблему. Затем запустите процесс восстановления системы. (Это займет некоторое время.)
-
После восстановления системы до предыдущей конфигурации проверьте, правильно ли снова работает проигрыватель Windows Media.
Для расширенных функций видео, таких как 4K, вы также можете попробовать Microsoft Movies & TV. Чтобы бесплатно загрузить его из Microsoft Store, перейдите в раздел «Кино и ТВ» и выберите Получить .
Сделайте его своим
Настройте проигрыватель Windows Media с помощью легко устанавливаемых обложек, визуализаций и подключаемых модулей для нового внешнего вида и дополнительных функций. Узнать больше.