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 234.9k 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.
    • ? Offline
      A Former User @bolish
      last edited by

      @bolish
      Is style: "mini" still too big? It has only around 360px X 120px.
      Unfortunately, there is no single magic keypoint to modify simply.
      See MMM-Spotify.css and redefine values on your css/custom.css

      1 Reply Last reply Reply Quote 0
      • 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
                        • 1
                        • 2
                        • 3
                        • 4
                        • 5
                        • 6
                        • 24
                        • 25
                        • 4 / 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