UI Dashboards

The following dashboards are useful to me in my environment, so I thought I would post them here in case anyone else finds them useful.

Mini Media Player

Configuration using the Mini Media Player custom card by kalkih.

Check out the Using the Card page section for details on how to modify the look and feel of the player UI.

How it Looks

Requirements

The following are required in order to use this dashboard:

• Mini Media Player Custom Card is used to display the player UI. Install it via HACS using the Install Instructions.

Lovelace UI Card Definition

Add the following YAML to a dashboard of your choice.

You will need to make the following changes to the yaml:

• change media_player.YOUR_SPOTIFYPLUS_PLAYER_ENTITY_ID to your SpotifyPlus player entity_id (e.g. media_player.spotifyplus_username)

type: entities
title: Mini Media Player - SpotifyPlus
entities:
  - type: custom:mini-media-player
    entity: media_player.YOUR_SPOTIFYPLUS_PLAYER_ENTITY_ID
    artwork: full-cover
    artwork_border: true
    power_color: true
    show_source: true
    group: false
    source: full
    info: long
    hide:
      power: true
      repeat: false
      runtime: false
      shuffle: false
      source: false
      volume: false

Standard Media Player

Configuration using the Standard HA Media Player.

Check out the Configuration Variables section for details on how to modify the look and feel of the player UI.

How it Looks

Requirements

The following are required in order to use this dashboard:

• Standard HA Media Player is used to display the player UI. Install is not necessary, as it comes pre-installed with HA.

Lovelace UI Card Definition

Add the following YAML to a dashboard of your choice.

You will need to make the following changes to the yaml:

• change media_player.YOUR_SPOTIFYPLUS_PLAYER_ENTITY_ID to your SpotifyPlus player entity_id (e.g. media_player.spotifyplus_username)

type: media-control
entity: media_player.YOUR_SPOTIFYPLUS_PLAYER_ENTITY_ID