SpotifyPlus Card Dashboard

@somansch
I added a Themes wiki page to document the various theme variables, as well as provide examples for popular themes. I also added the “macOS” example theme example, which gives you an idea of how to modify a theme for both light and dark modes.

Make sure you update to the latest SpotifyPlus Card and SpotifyPlus Integration versions.

1 Like

Question: how to play all favorited songs one by one? As you know, there is no playlist to play, as there stored as something called collection…

@mackbeth
Use the Player Media Play Track Favorites service.

You can only play 200 tracks though (Spotify API limitation on the play tracks service).
The desired shuffle mode can also be set before tracks are played.

service: spotifyplus.player_media_play_track_favorites
data:
  entity_id: media_player.spotifyplus_john_s
  shuffle: true

But from card? :smiley: any button to do this, any way from GUI?

1 Like

@thlucas I’m using the Spotify plus in a browser mod popup (I can’t add another view of my panel), I would like to improve the layout:

I’m not sure If it’s possible with card-mod CSS, any advice? Sorry if it’s OT.

  - type: 'custom:button-card'
    icon: 'mdi:spotify'
    color_type: icon
    color: green
    template:
      - button_icon_square_footer   
    tap_action:
      action: fire-dom-event
      browser_mod:
        service: browser_mod.popup
        data:
          size: wide
          card_mod:
            style: |
              ha-dialog {
                --mdc-dialog-min-width: 1100px !important;
                --mdc-dialog-min-height: 680px !important;   
              }
              .content {
                width: auto !important;
                height: auto !important;
              }
          content:
            !include button_card_templates/player.yaml

I’m struggling to stretch the height to the size of the popup like for the width, to make the player image bigger. Same happens for the browser sections

@mackbeth
Not currently, but it will be in the next release. :smiley:

@Sofa_Surfer
What do you have specified for the width and height values in your SpotifyPlus Card configuration? Have you tried specifying fill for those values?

If you are using fill, then it’s probably a matter of sizing the ha-dialog parent container element instead of the ha-dialog element itself maybe?

I’m not too familiar with the browser_mod, and it’s been awhile since I played with it.

I know that when I specify the fill values for the width and height that they consume 100% of the horizontal and vertical space on my mobile / tablet devices. I would think the same would apply in the browser_mod popup as well.

That was the silly problem, I “#” while doing some tests. Thank you!
I have some feature request as well, I will post it in the github pull request section :smiley:

1 Like

You can hide the devices section in the SpotifyPlus Card. You can then go into the SpotifyPlus integration options and select a default device.

1 Like

FYI - just released a new version of the SpotifyPlus Card Dashboard

[ 1.0.19 ] - 2024/12/15

  • Added favorite indicator to the player section form for track, show episode, and audiobook items. The heart icon will be displayed to the right of the item name. A solid red heart indicates the item is a favorite; a transparent heart indicates the item is not a favorite.
  • Added “Play All Track Favorites” action to the track favorites section actions. This will get a list of the tracks saved in the current Spotify user’s ‘Your Library’ and starts playing them, with shuffle enabled.
  • Added logic to player PREVIOUS_TRACK control so that if more than 8 seconds have passed the currently playing track is just restarted from the beginning; otherwise, the previous track is selected if progress is past the 8 second point.

FYI - just released a new version of the SpotifyPlus Card Dashboard

[ 1.0.20 ] - 2024/12/17

  • This release requires the SpotifyPlus Integration v1.0.71+ release; please make sure you update the SpotifyPlus integration prior to updating this SpotifyPlus Card release.
  • Corrected a bug that was causing the wrong media player to be displayed when multiple SpotifyPlus media players were defined with the same prefix.
  • Hide Media controls for Spotify Free accounts, as a Spotify Premium membership is required for those functions.
  • Hide Volume controls for Spotify Free accounts, as a Spotify Premium membership is required for those functions.

@mackbeth
I added the “Play All Track Favorites” as a new user-preset option type (requires v1.0.22).

userPresets:
  - name: My Track Favorites
    subtitle: Shuffled
    image_url: https://t.scdn.co/images/728ed47fc1674feb95f7ac20236eb6d7.jpeg
    shuffle: true
    type: trackfavorites

or if you are using JSON file:

  {
    "name": "My Track Favorites",
    "subtitle": "Shuffled",
    "image_url": "https://t.scdn.co/images/728ed47fc1674feb95f7ac20236eb6d7.jpeg",
    "shuffle": true
    "type": "trackfavorites",
  }

The “Play All Track Favorites” is also still accessible via the track favorites detail action menu, but I thought this would make it a little bit easier to get to.

Did you ever figure out the limit on the track favorites?

i,
I didn’t noticed update of card… HA didn’t notify me that frontend card should be updated…

As I already replied in Integration forum I think that button in Favorite Tracks section to play ALL of them will be more convinced for user.
As an user, I want to just play my favorite songs - this is just a playlist, and usually when you start listen music you want to play playlist, so I think you can think about adding button to play all tracks - maybe next to refresh button, or wide button below tile and search?

Hello Lucas. First of all “Great work”. Thank you so much!!!
I would like to set up the dashboard for my daughter on a mobile device so that she can only navigate through predefined playlists. She loves LEGO Ninjago. Now there are a lot of albums. Is it possible to create a Ninjago superfolder with a selection of albums underneath (subfolder). Then I could, for example, design it so that I have a parent tile for everything she likes to listen to with a selection of albums underneath. Is that possible? I haven’t found a way yet. Thanks and best regards

Have only just looked at this card - looks great. But long term user of underlying SpotifyPlus integration - thanks!!
What could be causing volume controls (and the shuffle button) to not appear for me:
image

I noted your last update that was hiding volume controls for non premium accounts. I am using a PremiumFamily account, albeit the user I have connected to the integration is one dedicated to HA, and not the lead user (if that is such a thing). Related?

Thanks

Hello, I have the same problem with the volume control since the update. Still great work!

Best regards

@jaustin @Richi
It could be related to the account type, as I am only able to test with the premium and free accounts. I don’t have a family account.

What do you see for the sp_user_product attribute when you display the spotifyplus media player state via the Developer Tools State UI? This is what I see for my premium and user accounts:

sp_user_product: premium
sp_user_product: free

It may have a different value than “premium”, which could be causing the issue since I have logic in place that checks specifically for “premium” to enable / disable premium features.

Looks as you’re expecting:-

sp_user_product: premium

@jaustin @Richi
Found the problem, and released v1.0.23 to correct. It also requires a SpotifyPlus integration update to v1.0.73 as well.

Completely my fault - I introduced a bug when I added some enhancements for Spotify Free accounts in release v1.0.20.

Note to my future self: don’t perform any coding changes when you have a raging cold and are taking NyQuil on a daily basis! :smiley:

Apologies for the inconvenience, and please let me know if something else is amiss.
Thanks!

FYI - just released a new version of the SpotifyPlus Card Dashboard

[ 1.0.23 ] - 2024/12/20

  • This release requires the SpotifyPlus Integration v1.0.73+ release; please make sure you update the SpotifyPlus integration prior to updating this SpotifyPlus Card release.
  • Fixed hidden volume controls, which was caused by a bug introduced with v1.0.20.
  • Added the ability to disable image caching for userpreset images. More info can be found on the wiki docs.