Spotify Lovelace Card

I also would like that. Is there any way?

How to get bigger covers in grid view?

Just reduce the number of covers per row. The covers are resized accordingly.

I use HACS

I follow the instructions on


but i doesn’t work
  • I installed The component Spotify Integration (It works) and spotcast (It Works)

I tryed to add the add-on with Manage add-on repositories adding
https://github.com/custom-cards/spotify-card.git but this is the result

unknown
unknown

and the add on is not added

I tryed to add manually follow the instructions but without success
i’m not able to create the card manually without error
the error is Error: Custom element not found: spotify-card

What can be thr problem?

Very Thanks

It works now

i changed this
/local/community/spotify-card/spotify-card.js

with

/hacsfiles/spotify-card/spotify-card.js

SOLVED

I’m trying the card work great… but the volume not… there is a way to make it work? Thanks

You dont have to add the repository manually, it’s already included in HACS standard repositories.

What exactly is not working with the volume? Please be more specific.

If i click on volume the slide appair if i change the value the volume not change… also the button || |< >| pause previous next - not have effect!

I tryed but the card is memorized as
unknown
unknown
and it didn’t appair in the listed addon

the answer is for
You dont have to add the repository manually, it’s already included in HACS standard repositories.
Thanks

Have you cleared your cache after the installation?

Are there any error messages in your browser’s developer console, which are related to the spotify-card? And are you sure, that the spotify integration is working correctly?

I can command play pause next previous volume of the google home player with the media player card but if i use the button of the spotify card nothing happen, I don’t see any error message related to spotify.

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.