Hi @Mike_Plugge
Love the plugin. Checked out the Alpha 2 as well. Looking good but I still prefer some aspects of 1.2.
I’ve made a companion electron app (called roonweb) to have the web controller run in frameless with hidden titlebar and still be dragable by the album art. I’ve compiled it to an electron exe with all dependencies. I just created a taskbar shortcut to my roonweb exe that launches Roon Web Controller.
Im not really a developer, just played around till I got it to do what I wanted.
I wonder if you could consider something like this later down the track as well as a hotkey for making it semi trannsparent and stay on top.
At the moment I’ve edited your nowplaying.css by adding -webkit-app-region: drag; to line 25 in
C:\Users<CurrentUserName>\AppData\Roaming\RoonExtensions\node_modules\roon-web-controller\public\css\nowplaying.css
.itemImage {
border-radius: 10px;
width: auto;
height: auto;
object-fit: contain;
-webkit-filter: drop-shadow(5px 5px 5px black);
-webkit-app-region: drag;
filter: drop-shadow(5px 5px 5px black);
This allows you to drag the window around and you can still resize the window from top/bottom/sides.
The problem i have is I havent worked out where to put the opposite command -webkit-app-region: no-drag; in the css files to keep the nowplaying/library button clickable. The work around is to make the window bigger to move the button away from the album art. Any advice on this?
I’ve also made a AHK script that allows me to toggle my electron app to semi-transparent and keep ontop.
Standard and semi-transparent modes side by side.
roonweb by Hilton, on Flickr
Full Desktop view
roonweb-desktop by Hilton, on Flickr
Stay on Top
roonweb-ontop by Hilton, on Flickr
Using as game overlay in cloudpunk (stayontop semi-transparent)
All controls still work of course.
roonweb-gameoverlay-ontop by Hilton, on Flickr
I can share the compiled roonweb if anyone else wants it and maybe publish to GIT though I’ve never done that before.
Cheers and thanks again @Mike_Plugge … love your work!