[Plugin] Stylish Player UI

Plugins
146

Make this setting OFF

Screenshot 2026-04-26 at 2.11.05 PM
Screenshot 2026-04-26 at 2.11.05 PM1008×1270 66.6 KB

147

Well done master BRAVO :clap:
:metal::100::ok_hand:

1 Like
148

Also fixes Spotify problem. Let me know if any other issues.

149

v1.1.38
Spotify works fine with the Volumio app, but with the Spotify app the screen doesn’t respond, the music plays but the screen doesn’t work

and after another restart it works normally :thinking:

150

1.1.53

Added native, canvas based + JS only, Peppy Meter (in browser, no extra plugins)

image
image1920×967 56.4 KB

And Peppy Spectrum

image
image1920×967 64.9 KB

Easy way to upload zip files via Settings page from the plugin directly.

image
image3426×996 213 KB

Directions:

  1. Pause music
  2. Upload zip file
  3. Choose the one you like
  4. Start music (otherwise you will have to click on the peppy area to start it)

Does not work on Apple Phone or iPad :frowning:
Does not show track progress or album art as it’s already available outside on the plugin screen.

151

Your plugin can’t be updated, you need to uninstall and install the new version. After installing v1.1.53, there’s no program menu on iOS or Windows. Trying to install v1.1.52 isn’t possible; it doesn’t download or install. Currently, you can’t have this plugin on Volumio :rage:
It works v1.1.38 :wink:

152

1.1.54

Try installing this, I had the same problem but changing from
Settings → Playback Options → Mixer Type from Software to None, it started working

image
image1792×380 42.4 KB

Change that setting one to another couple of times and see if it works.

153

If that does not work, I will come up with a new version later tonight with a fix.

154

there is no v1.1.54

IMG_1698
IMG_16981124×1634 144 KB

The mixer type from the software is None - I always have it set this way :wink:

155

1.1.66

  • Fix plugin not starting due to bad alsa config

Peppy Meter / Peppy Spectrum / Vizualization

  • All types of Peppy Meter and Peppy Spectrum players should be working now.
  • Added preview to uploaded Peppy zip files to easily select model.
  • Double click / double tap on viz area to toggle full screen.
    Download zip files from here based on your screen size.

image
image1304×732 131 KB

Browse Dialog

  • Added installed services like Qobuz/Spotify in the browse dialog
  • Added direct Play button in the browse dialog

image
image1458×824 80 KB

image
image1464×1148 142 KB

156

1.1.66
everything is fine

1 Like
157

1.1.72

  • Added quick navigation using letters on Browse dialog
  • Fixed Peppy random player issue
  • Added option to hide progress track handle.
158

IMG_1744
IMG_17441125×2111 190 KB

There isn’t 1.1.72

159

Hi,

great plugin.
I have volumio running on an old X86 laptop.
The full screen display behaviour is different when viewed in kisok mode on the Volumio server and when running in a browser on anothe device.
The latter is much cleaner and it would be great if kiosk mode on the server looked the same.

Pic of kiosk mode on server

image
image811×469 30.5 KB

Web browser screenshot

image
image1206×676 91.2 KB

160

Thanks for trying this out. I am the developer. :slight_smile:

When you run Kiosk mode, it uses the attached screen. It seems your screen resolution is smaller than what your web browser (different machine I guess).

On your X86 laptop you can either use a higher resolution OR press CTRL & Minus (-) together to zoom out on the screen. The Kiosk mode is nothing but Chrome browser running full screen. Zooming out should then use the same screen layout.

Hint: Double clicking on the Peppy meter viz, will make it full screen (and resize again)

Also it seems that the buttons aren’t rendered properly. What are the specs of the laptop? It’s possible hardware acceleration is not enabled on your laptop for Chrome browser given its quite old.

Someone from Volumio might help you if you publish the make / model / specs of the laptop and share your logs from http://volumio.local/dev

161

PC spec

image
image323×809 37.2 KB

162

It doesn’t show the screen resolution. But still the hardware should be able to run Chrome properly.

Can you press Home button on the server laptop, and go to chrome://gpu on the address bar.

It will show you if hardware acceleration is enabled?

Also if you know how to ssh into the laptop, I can share my /opt/volumiokiosk.sh file

Or read this thread (I have a similar X86 machine, slightly newer and had problems running hardware acceleration)

Regardless pressing CTRL and Minus few times should get your resolution lower CTRL and Plus higher.

163

How do I do this from within volumio ?

volumiokiosk.txt (2.3 KB)

164

Try now.

165

Step 1: Set Kiosk mode to default inside the Stylish Player Plugin settings

image
image1920×291 72.2 KB

Step 2:
from another PC or Mac command line → ssh volumio@192.168.0.222 (or whatever your volumio IP is) Password is volumio

Step 3:
Once inside volumio shell, sudo nano /opt/volumiokiosk.sh again it will ask for password enter volumio

Step 4:
Inside nano text editor: keep pressing CTLR + K to clear each line one by one. When the file is empty.

Once the file is empty, copy paste the content of this updated file.

volumiokiosk-updated.txt (2.2 KB)

Make sure contents are correct. Press CTRL +X to exit nano and press “Y” when it asks to overwrite the buffer. aka saving the file.

Step 5:
Once saved, run sudo systemctl restart volumio-kiosk this will restart the browser.

Step 6:
Verify that the changes actually works:
On the Volumio laptop press HOME key, to go to the Chrome home page and enter chrome://gpu

It should show green in some of the hardware acceleration fields. Once that’s ok,

Step 7: Reenable Kiosk mode from Stylish Player plugin.