Home Assistant UI card that supports features unique to the SpotifyPlus custom integration.
Extended support for the Spotify Service for use in Home Assistant.
- Spotify Media player interface with customizable controls and information display.
- Search Spotify catalog for all media types (tracks, playlists, albums, artists, shows, audiobooks, episodes, categories, etc).
- Display / Select your Spotify favorites: Albums, Artists, Audiobooks, Episodes, Shows, Tracks.
- Display / Select Spotify Connect device outputs.
- User-defined media item presets (both file and code edited supported).
- User-defined recommendation presets; play dynamically generated content based on user-defined criteria (e.g. energy, loudness, danceability, etc).
- Favorite status / add / remove support for all media types.
- View Player Queue information.
- Card Configuration Editor User-Interface for changing options.
and more!
Here's a quick overview on what the card can look like. The card is highly customizable when it comes to the information displayed. Check out the UI Dashboards wiki page for more examples and YAML configuration.
Use the following link to open (and add) the custom repository in HACS:
If the above does not work for you, then use the following steps to add the custom repository manually.
- On your Home Assistant sidebar menu, go to HACS > FrontendIf the above does not work for you, then use the following steps to add the custom repository manually.
- Click on the 3-dot overflow menu in the upper right, and select
custom repositoriesitem. - Copy / paste
https://github.com/thlucas1/spotifyplus_cardin the Repository textbox and selectDashboardfor the category entry. - Click on
Addto add the custom repository. - You can then click on the
SpotifyPlus Cardrepository entry (you may need to filter your list first to find the new entry).
Note at this point you have only added the repository to the HACS Repository List. Now it's time to actually download the contents of the repository itself. You should now be displaying the repository details, which will also display a Download button (lower right corner) that can be used to download the repository contents.
- Click on
downloadto start the download. It will install the card to your/config/www/community/spotifyplus_carddirectory. - Go back on your dashboard and click on the icon at the right top corner then on Edit dashboard.
- You can now click on Add card in the bottom right corner and search for "Custom: SpotifyPlus Card".
- using the tool of choice open the directory (folder) for your HA configuration (where you find
configuration.yaml). - change directory to the
wwwfolder; if you don't have this directory, then create it. - download the
spotifyplus_card.jsfile from the GitHub repository into your<config>/wwwfolder. - on your dashboard click on the icon at the right top corner then on Edit dashboard.
- click again on that icon and then on Manage resources.
- click on Add resource.
- copy and paste this:
/local/spotifyplus_card.js?v=1.0.40(change version number to match what was downloaded). - click on
JavaScript Modulethen Create. - go back and refresh your page.
- you can now click on Add card in the bottom right corner and search for "Custom: SpotifyPlus Card".
- after any update of the file you will have to edit
/local/spotifyplus_card.js?v=1and change the version (e.g.v=1) to any higher number (e.g.v=1.2).
Check out the following links for more information:
Submit a Bug Report to bring the issue to my attention. I receive a notification when a new issue is opened, and will do my best to address it in a prompt and professional manner.
Do you have an idea for a new feature that could be added to the integration? Submit a Enhancement Request to get your idea into the queue. I receive a notification when a new request is opened, and will do my best to turn your idea into the latest and greatest feature.