I’ve made a plugin that provides a ‘Now Playing’ screen for Volumio devices with connected displays.
In my case, I have a MHS 3.5" LCD with 480x320 resolution. With its small screen estate, low resolution and resistive touch that sucks, combined with the fact that the device is 3 meters away from where I sit, I basically won’t use the screen for browsing media. I still want it to show what Volumio is playing and, as you probably know, Volumio’s UI is not particularly optimized for these small screens.
2aCD’s work has been amazing, but I wanted to write my own plugin that serves a separate screen. This way, I can keep it totally independent of Volumio’s own UI and have more flexibility when making changes along the way.
The Now Playing plugin should work with various resolutions, and you can customize parts of the screen like font size, colors, album art size and background. Here are some screenshots:
480x320px (default styles):
800x480px (default styles):
800x480px (customized background style + widget colors + center text alignment):
1280x400px (custom background image + widget colors + center text alignment):
480x800px (portrait mode; plain color background + center text alignment + ‘contain’ album art fit):
To change volume, tap the down arrow at the top (or swipe down from top*):
*Swiping only tested in Chrome DevTools environment (I do not have a capacitive touchscreen for actual testing )
You can still access Volumio’s UI by tapping ‘Switch to Volumio interface’:
Tap ‘Switch to Now Playing’ to go back to the Now Playing screen.
Source / readme: GitHub - patrickkfkan/volumio-now-playing
Volumio 3 : Volumio UI → Plugins → User Interface
Volumio 2 : Volumio UI → Plugins → Miscellaneous
Let me know in this thread if you have any questions or suggestions.