Spotify Lovelace Card

No i didn’t… I installed manually and now it work apart from the buttons!

Is it possible to hide the footer or at least the control buttons? It would also be great to remove the borders of the card to use it instack with another borderless cards.

1 Like

An option to hide the playback controls is added in the latest release!

1 Like

Your spotify player also has to have playback controls like your google home player. Did you follow the guide here: https://www.home-assistant.io/integrations/spotify/?

This spotify-card uses the interface provided by the spotify integration to control the playback, thus a correct installation of spotify integration is needed.

1 Like

Hi,
Could you share your YAML config for this card? Very curious on how to add the volume sliders and shortcut buttons to play on certain devices.

This is Lovelace: Mini Media Player

type: entities
title: Музыка
entities:
  - type: 'custom:mini-media-player'
    entity: media_player.all
    group: true
    artwork: material
    hide:
      name: true
  - type: 'custom:mini-media-player'
    entity: media_player.room
    artwork: none
    icon: 'mdi:cast-audio'
    group: true
    hide:
      controls: true
      power: true
      info: true
      progress: true
  - type: 'custom:mini-media-player'
    entity: media_player.bath
    group: true
    artwork: none
    icon: 'mdi:dots-horizontal-circle'
    hide:
      controls: true
      power: true
      info: true
      progress: true
  - type: 'custom:mini-media-player'
    entity: media_player.hall
    group: true
    artwork: none
    icon: 'mdi:dots-horizontal-circle'
    hide:
      controls: true
      power: true
      info: true
      progress: true
  - type: 'custom:mini-media-player'
    entity: media_player.kitchen
    group: true
    artwork: none
    icon: 'mdi:google-home'
    hide:
      controls: true
      power: true
      info: true
      progress: true
  - type: 'custom:spotify-card'
    grid_covers_per_row: 5
    display_style: list
    hide_top_header: true
    limit: 1
    account: default
    spotify_entity: media_player.spotify_dmitrii
    playlist_type: default
    always_play_random_song: true
    grid_center_covers: true
    hide_playback_controls: true
    hide_currently_playing: true
    default_device: All
    filter_devices:
      - SLIM.*
      - ANDORID.*
      - OnePlus.*
      - TEPLOV.*
  - type: 'custom:mini-media-player'
    entity: media_player.yandex_station_ff98f010bf59997e7b711b32
    group: true
    artwork: none
    icon: 'yandex:irbis-a'
    tts:
      platform: yandex_station
    hide:
      controls: true
      power: true
      info: true
      volume: true
      progress: true

1 Like

Hello,

I have read the following note at the integration page of spotify:

If you don’t have a premium account it may be the reason.

Yes I saw this, Thank Yuo!

I have an issue with the card. It doesn’t load the playlists. It doesn’t matter if i choose between featured, default or discover weekly. All the controls work. Anyone have any idea?
Config and screenshots:

client_id: ***************
device: media_player.rx_d485_9e73a6_main
limit: 10
player: media_player.rx_d485_9e73a6_main
type: 'custom:spotify-card'
account: default

1 Like

same problem here, i haven’t found a solution yet either

Hey, sorry for the late reply. Do you still have this problem? If yes, are you using any ad blocker or anything similar as I can see from the logs you provided the connection to spotify failed?

So I have this working fine with two spotify accounts but I was wondering if anyone has every tried to configure a lovelace dashboard to dynamically display the playlist of the account based on the user that is logged into home assistant?

I also have this issue. Spotcast seems to be working fine, as I can initiate playback with the spotcast.start service…And the card even displays what is playing (though possibly only if started via the service?), but no playlists ever load, and the controls seem unresponsive.

Can you please show me the output in the developer console of your browser? From the screenshot @zackern sent I can only see that there’s some kind of connection problem.

I am not sure if you can set default device(source: alexa, google) when you click a playlist. I know there are listing of device button, but would like to know if we can set a default one per card; since there are multiple users too

what a great lovelace card! Many thanks!

is there away to see the contents of a playlist and select a song?

Same problem here

Can you please double check your spotcast setup? Spotcast is needed for the retrieval of the playlists.

1 Like

Thanks, it was my sp_key and sp_dc who were out-dated

1 Like

@fondberg, very useful card! Nevertheless it displays all the playlist available in the “standard” Spotify order. Is it possible to filter the diplayed playlist? Would be possible to include this feature?
I create something like this but with picure cards…