Linux使用Electron版本不显示桌面歌词，为纯黑色背景

[ruiwala]

使用的版本来自AUR仓库：https://aur.archlinux.org/packages/yesplaymusicosd-electron-git
Manjaro Linux+Gnome42.3

[arenekosreal]

使用终端运行时发现打开歌词的时候带有这样一行输出：

(node:166478) electron: Failed to load URL: http://localhost:27232/osdlyrics.html with error: ERR_CONNECTION_REFUSED

应该与此有关

[Mirei124]

把27232改成41342就行

YesPlayMusicOSD/src/background.js

Line 293 in 9ae65c6

this.osdlyrics.loadURL('http://localhost:27232/osdlyrics.html');

[arenekosreal]

把27232改成41342就行

YesPlayMusicOSD/src/background.js

Line 293 in 9ae65c6

this.osdlyrics.loadURL('http://localhost:27232/osdlyrics.html');

感谢给出解决方案，虽然总比没有显示要好，但我很好奇这样真的是没问题的吗（

[Mirei124]

electron 的bug cant-succeed-in-making-transparent-window-in-electron-javascript
我用的arch+kde这样修改可以正常显示

diff --git a/src/background.js b/src/background.js
index 00bff0e..a6aca10 100644
--- a/src/background.js
+++ b/src/background.js
@@ -126,6 +126,11 @@ class Background {
         'HardwareMediaKeyHandling,MediaSessionService'
       );
     }
+
+    // display transparent window on linux
+    if (isLinux) {
+      app.commandLine.appendSwitch('use-gl', 'desktop');
+    }
   }
 
   async initDevtools() {
@@ -290,7 +295,7 @@ class Background {
       );
       if (!process.env.IS_TEST) this.osdlyrics.webContents.openDevTools();
     } else {
-      this.osdlyrics.loadURL('http://localhost:27232/osdlyrics.html');
+      this.osdlyrics.loadURL('http://localhost:41342/osdlyrics.html');
     }
   }
 
@@ -468,6 +473,9 @@ class Background {
         this.initDevtools();
       }
 
+      if (isLinux) {
+        await new Promise(r => setTimeout(r, 300));
+      }
       // create window
       this.createWindow();
       this.window.once('ready-to-show', () => {

[arenekosreal]

我觉得这个可以直接给这个项目提拉取请求了
在 AUR 上自己打包了一个 yesplaymusicosd-origin-git 的软件包，已合并上述修正，另外软件包源代码直接来自这个项目，和 yesplaymusicosd-electron-git 相比无额外更改。