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-Volumio

    Scheduled Pinned Locked Moved Entertainment
    14 Posts 7 Posters 9.1k Views 7 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.
    • T Offline
      trgraglia
      last edited by yawns

      Description:

      Made proof-of-concept for displaying volumio information from the web socket it exposes.
      All feedback welcome.

      Download

      [card:trgraglia/MMM-Volumio]

      http://www.anthonygraglia.com/

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

        Hi @trgraglia,
        just did a test-drive of your module and I was very impressed.
        Looks really cool to me.
        If you need any help let me know.
        Thinking of some improvements…

        • translations
        • configurable fields (hide certain fields returned from Volumio)
        • show cover art
        • improved CSS (possibly using icons from Font Awesome…)

        Cheers,
        B

        T S 2 Replies Last reply Reply Quote 0
        • T Offline
          trgraglia @BerndKohl
          last edited by

          @BerndKohl

          Hi Bernd,
          I honestly just wanted to see if it was possible. Some ideas:

          • Offer in the config a chance to hide/show each element
          • Offer an ordering of the info in the config
          • Offer class override in the config
          • Offer layouts in the config

          The CSS and showing album art from the provided url, etc is the easy part. The logic to make a nice configurable module is a little trickier. ;) And of course, all input, contribution, etc welcome. Fire away!

          Additionally, would be cool, using pi-gpio to allow button input on predefined pins to play/pause, advance track, adjust volume, etc… Just ideas. Time is the limiting factor.

          http://www.anthonygraglia.com/

          1 Reply Last reply Reply Quote 0
          • C Offline
            Chiumanfu
            last edited by

            I can’t seem to get this to work. It just displays “Connecting to Volumio…” in the mirror.

            Logs show this line popping up every 15 seconds or so.
            — MMM-Volumio: Socket Notification Received: MMM-VOLUMIO-SET-CONFIG

            IP for volumio is set to static 192.168.1.98. This is set correctly in the config.js.

            Thanks for any help you might be able to give.

            T 1 Reply Last reply Reply Quote 0
            • T Offline
              trgraglia @Chiumanfu
              last edited by

              @Chiumanfu This is just a prrof of concept and I haven’t had any time to expand on it.

              This sounds stupid but are you playing something on Volumio? If nothing is playing, it will not get any data.

              Other than that, perhaps you can inspect the JS in your browser and see if there are any errors there. Sorry I cant offer more support right now.

              Anthony

              http://www.anthonygraglia.com/

              C 1 Reply Last reply Reply Quote 0
              • C Offline
                Chiumanfu @trgraglia
                last edited by

                @trgraglia I realized my mistake. I had to add “http://” in front of the IP address in the config.js

                Thanks for your work on this module.

                T 1 Reply Last reply Reply Quote 0
                • T Offline
                  trgraglia @Chiumanfu
                  last edited by

                  @Chiumanfu The devil is in the details. ;)

                  http://www.anthonygraglia.com/

                  1 Reply Last reply Reply Quote 0
                  • L Offline
                    Leobo
                    last edited by

                    Hello, This MMM-Volumio modul work great whit Volumio. I have Pi Zero whit RuneAudio. Volumiourl: “http://runeaudio.local” don’t work. Is possible MMM-Volumio modifier for RuneAudio? MMM-MPD don’t work for me.
                    Thanks

                    1 Reply Last reply Reply Quote 0
                    • S Offline
                      stacywebb @BerndKohl
                      last edited by stacywebb

                      @BerndKohl
                      @trgraglia

                      Displaying the album art is pretty simple.
                      Volumio exposes it through the websocket already, just need to add it.

                      Just add/change the following the MMM-Volumio.js file

                              item.className = 'mmm-volumio-item';
                              item.innerHTML = '<div>' + data['title'] + '<div>'
                                  + '<div>' + data['artist'] + '</div>'
                                  + '<div></br></div>'
                                  //+ '<div>' + data['title'] + '</div>'
                                  + '<div><img style="width:25%;height:25%;" src=' + data['albumart'] + '></div>';
                              wrapper.appendChild(item);
                      

                      edit:
                      it seems the site is removing the formatting from the code

                      Here is a screen shot of the changes.

                      0_1573191422055_Screen Shot 2019-11-08 at 12.35.21 AM.png

                      I would say play with the layout as it suits you. I had no need for the album title (the reason the one line is commented out).

                      My version is one the bottom bar.

                      Some screenshots:

                      0_1573190635179_Screen Shot 2019-11-08 at 12.22.37 AM.png

                      and

                      0_1573190658646_Screen Shot 2019-11-08 at 12.21.58 AM.png

                      You will most likely need to play around with the css to match your layout.

                      One other note if when you first load the module, if you don’t see anything playing (assuming it’s playing on Volumio), stop then start the song again. After that everything will change automatically.

                      1 Reply Last reply Reply Quote 0
                      • L Offline
                        Leobo
                        last edited by

                        Hi, this look very nice. My Problem is I have RuneAudio on Rpi Zero. Can someone rewrite that code for RuneAudio or MPD? I want to have that.
                        Pls.

                        1 Reply Last reply Reply Quote 0
                        • 1
                        • 2
                        • 1 / 2
                        • 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