MMM-Volumio

[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.

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:

and

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.

[Leobo]

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.

[EllyJ]

I can’t make this work. I can display the album, artist and title but not albumart.
I have tried the code used by @stacyweb with no luck. I have displayed the albumart url on the screen so I know I have the url. I do get an image icon on the screen. If anyone can help I would really appreciate it.

[EllyJ]

@EllyJ I made it work 🙂

[sdetweil]

@EllyJ Awesome! what did u have to change?

[EllyJ]

It was the url I was trying to use, it was missing the address of my Pi with the Volumio player at the beginning. Interestingly if I had been using the web radio option it would have worked and the radio stations logo would have appeared!

I should clean up my code now but as it is working I will leave it as is.