MagicMirror Forum
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • 3rd-Party-Modules
    • Donate
    • Discord
    • Register
    • Login
    A New Chapter for MagicMirror: The Community Takes the Lead
    Read the statement by Michael Teeuw here.

    MMM-Spotify

    Scheduled Pinned Locked Moved Entertainment
    249 Posts 51 Posters 230.4k Views 54 Watching
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • B Offline
      bolish
      last edited by

      @sean thanks for feedback.
      I liked the default view, but wanted it to be a little bit smaller.

      I was a bit lost into the .css but I will try to play around with it and see what happens.

      Good idea would have been to have a single entry to modify ( like in %) so that user could adjust itself but I believe it’s very personal need, it’s maybe not worth to implement into the module.

      ? 1 Reply Last reply Reply Quote 0
      • ? Offline
        A Former User @bolish
        last edited by A Former User

        @bolish
        Add this into your css/custom.css.

        :root {
          --sp-width: 300px;
        }
        #SPOTIFY {
         width: var(--sp-width);
        }
        #SPOTIFY_INFO {
          width: calc(var(--sp-width) - 20px);
        }
        #SPOTIFY_INFO .text {
          width: calc(var(--sp-width) - 70px);
        }
        #SPOTIFY_COVER {
          width: calc(var(--sp-width) - 40px);
          height: calc(var(--sp-width) - 40px);
        }
        

        --sp-width:300px is magic point. adjust it as your wish. I think 200px is the minimal value possible.

        1 Reply Last reply Reply Quote 0
        • B Offline
          bolish
          last edited by

          @sean, thanks I will try in the evening

          1 Reply Last reply Reply Quote 0
          • B Offline
            bolish
            last edited by

            @Sean Works great. Tx

            1 Reply Last reply Reply Quote 0
            • M Offline
              mmmmh Project Sponsor
              last edited by

              Another awesome module, thank you!

              The displayed album cover goes dim when there is no playback which is nice. Would it be possible to add an option to completely hide the module when there is no playback?

              ? 1 Reply Last reply Reply Quote 0
              • ? Offline
                A Former User @mmmmh
                last edited by

                @mmmmh
                Add this into your css/custom.css

                #SPOTIFY.pausing {
                display:none;
                }

                M Cr4z33C 2 Replies Last reply Reply Quote 1
                • M Offline
                  mmmmh Project Sponsor @Guest
                  last edited by

                  @Sean said in MMM-Spotify:

                  #SPOTIFY.pausing {
                  display:none;
                  }

                  Simple and works perfectly. Thanks!

                  1 Reply Last reply Reply Quote 0
                  • Cr4z33C Offline
                    Cr4z33 @Guest
                    last edited by Cr4z33

                    @Sean said in MMM-Spotify:

                    @mmmmh
                    Add this into your css/custom.css

                    #SPOTIFY.pausing {
                    display:none;
                    }

                    I stopped and quit the Windows 10 Spotify app, but the artwork keeps showing.

                    ? 1 Reply Last reply Reply Quote 0
                    • ? Offline
                      A Former User @Cr4z33
                      last edited by

                      @Cr4z33
                      That checks only playing and pausing. Inactive device is another issue.
                      This module is pooling to pull current playback data per 1~2 secs.
                      PPL may have several spotify devices, so if one device is deactivated, but others could be alive. And there’s no way to receive one device’s activeness at event time. (Spotify API doesn’t support pushing to client)
                      To check “ALL DEVICES” are inactive, another pooling be needed to pull data about available devices per 1~2 sec. I’m not sure whether it’s good approach or not. It would make API usage double. (Somebody be already worrying about too many DNS calling by this module)
                      Anyway, I’ll consider it.

                      Cr4z33C 1 Reply Last reply Reply Quote 0
                      • Cr4z33C Offline
                        Cr4z33 @Guest
                        last edited by

                        @Sean OK thanks.

                        1 Reply Last reply Reply Quote 0
                        • 1
                        • 2
                        • 5
                        • 6
                        • 7
                        • 8
                        • 9
                        • 24
                        • 25
                        • 7 / 25
                        • First post
                          Last post
                        Enjoying MagicMirror? Please consider a donation!
                        MagicMirror created by Michael Teeuw.
                        Forum managed by Sam, technical setup by Karsten.
                        This forum is using NodeBB as its core | Contributors
                        Contact | Privacy Policy