Spotify Lovelace Card

The card works in safari (authentication & appearance wise). I however seem to get the same fail as @ohipe describes, that it plays the first song in the first playlist everytime I click play on any playlist. I see you have released a new version (thanks awesome work :slight_smile: ). I have to see if that fixes anything.

I have a problem with authentication and have “INVALID_CLIENT: Invalid redirect URI” message all the time.
I changed redirect uri multiple times but after each restart of hassio and tries to login to spotify it redirects me to the same wrong url to authenticate. It gives me each time url from first try of configuration when I type wrong address. It looks like it saved wrong url somewhere in home assistant files and still tries to navigate to wrong url. No matter how many times I changed address in spotify developer it still give me invalid client. What am I doing wrong? Where is written this first try wrong url?

mmm

https://myurl.duckdns.org:8123/lovelace/media

is my url when in the media, that is? not api/Spotify as the guide is talking about?

Which guide?

Hmm. I’ll test it later when I have time…

if i need to add api/spotify at the end of url .
https://myurl.duckdns.org:8123/lovelace/media this is not working

funkar detta med olika spotify konton? (flera konton samtidigt) tex jag har ett ,frugan har ett ungarna har var sitt, kan man då välja konto och tillhörande spellista direkt genom att klicka på dennes kort?

//Mvh

i got it to work… i think. This is all i can see.
i cant see my playlist or see any of my device like google chromecast audio, my amp and so on

Thanks for developing this works great but I have a couple questions.

  1. After authentication this using my Naba Casa URL will this also still work when I am using my internal IP? Or do I always have to use the external URL. I don’t generally use the external URL when in my home.
  2. Is there a way to have my media player in HA control the player? So I can forward the songs etc in the play list?

Could you please ask in English so others can benefit som this thread?

Can you open the javascript console in your browser and check for errors?

You can add several redirect urls in spotify developer console. One for your external url and one for your internal. These URLs are only used when authentication (every 60mins)

Hello!

I’m trying to use you card. First one for me.
I made the instalation with HACS. It asked me to add lines into ui-lovelace.yaml.
I did it and put made lovelace in yaml in configurator.

But now I only have a white screen. I need to erase lovelace yaml in configurator to come back to original view.

Can you help me please?

does this work with different spotify accounts? (several accounts at the same time) eg I have one, the wife has one the kids have each one, can you then choose account and the associated playlist directly by clicking on his card? //Sincerely

I added my internal URL and it fails, as I actually expected as its an internal URL. Any other ideas?

mmm somthing is strange:S i still get i need to Configurator spotify, when i press it get INVALID_CLIENT: Invalid redirect URI.’
but when going to my media page, i can see spotify like this:

02

this feels strange:S

Hey,

Quick question, don’t know it this is intended behavior. I managed to connect my Spotify account and implement the lovelace card fine. I also see all devices in my house to stream the music too.
However when I select a location, playlist and press play the ‘play’ button turn green. However, pausing does not seem to work? Tested it by streaming to the PC I am working on at the moment.

Is there something I am doing / implemented wrong?

today i moved to HACS
so, now i have a newer version of spotify card, also i moved from “compact custom header” to “custom header”
now i also have the invalid client setting, didnt have that issue before…
my homepath is still the same, its like xxx/lovelace/spotify, that was not changed

what in notice do, if i browse to /lovelace/spotify , it always redirect me to /lovelace/home
is that maybe the issue? how can i resolve? maybe it has to do with the plugin “compact header”

thnx

i am trying to understand the config, i already have a media_player spotify component running
so can i use the same client_id fro that app? since that app links to https://…/api/spotify
according to the readme of this lovelace card, it should link to https://lxxx/ovelace/some_page

Unfortunatly my time is limited for personal support so all I can tell you is that it should be very simple to install. In this thread there are numerous answers to the question URL vs Spotify developer config that I think will help you