Feat: 优化音频播放逻辑，添加设置页面

main/main.js

@@ -1,76 +1,117 @@
-const { app, BrowserWindow, ipcMain } = require("electron");
+const { app, BrowserWindow, ipcMain, Menu } = require("electron");
 const path = require("path");
-const { spawn } = require('child_process')
+const { spawn } = require("child_process");
 const fs = require("fs");
 
 app.disableHardwareAcceleration(); // 高 DPI 缩放修复
 
 // 音效播放器
 function playAudioFile(filePath) {
-  if (process.platform === 'win32') {
-    spawn('cmd', ['/c', `start "" "${filePath}"`])
-  } else if (process.platform === 'darwin') {
-    spawn('afplay', [filePath])
+  if (process.platform === "win32") {
+    spawn("cmd", ["/c", `start "" "${filePath}"`]);
+  } else if (process.platform === "darwin") {
+    spawn("afplay", [filePath]);
   } else {
-    spawn('aplay', [filePath])
+    spawn("aplay", [filePath]);
   }
 }
 
-ipcMain.on('play-sound', (_, soundFile) => {
+ipcMain.on("play-sound", (_, soundFile) => {
   let soundPath;
 
   // 判断是开发环境还是生产环境
-  if (process.env.NODE_ENV === 'development') {
+  if (process.env.NODE_ENV === "development") {
     // 在开发模式下，直接指向 renderer/public 里的文件
-    soundPath = path.join(__dirname, '../renderer/public/assets/sounds', soundFile);
+    soundPath = path.join(
+      __dirname,
+      "../renderer/public/assets/sounds",
+      soundFile
+    );
   } else {
     // 在生产模式下，Vite 会把 public 里的文件复制到 dist 文件夹
-    soundPath = path.join(__dirname, '../renderer/dist/assets/sounds', soundFile);
+    soundPath = path.join(
+      __dirname,
+      "../renderer/dist/assets/sounds",
+      soundFile
+    );
   }
 
-  console.log('Main process trying to play sound at path:', soundPath);
+  console.log("Main process trying to play sound at path:", soundPath);
 
-  if (require('fs').existsSync(soundPath)) {
+  if (require("fs").existsSync(soundPath)) {
     playAudioFile(soundPath);
   } else {
-    console.error('Sound file not found:', soundPath);
+    console.error("Sound file not found:", soundPath);
   }
 });
 
-ipcMain.handle('get-sound-path', (_, soundFile) => {
+ipcMain.handle("get-sound-path", (_, soundFile) => {
   let soundPath;
 
-  if (process.env.NODE_ENV === 'development') {
-    soundPath = path.join(__dirname, '../renderer/public/assets/sounds', soundFile);
+  if (process.env.NODE_ENV === "development") {
+    soundPath = path.join(
+      __dirname,
+      "../renderer/public/assets/sounds",
+      soundFile
+    );
   } else {
-    soundPath = path.join(__dirname, '../renderer/dist/assets/sounds', soundFile);
+    soundPath = path.join(
+      __dirname,
+      "../renderer/dist/assets/sounds",
+      soundFile
+    );
   }
 
-  if (require('fs').existsSync(soundPath)) {
+  if (require("fs").existsSync(soundPath)) {
     // 返回一个可供 web 环境使用的 file 协议 URL
-    return `file://${soundPath}`; 
+    return `file://${soundPath}`;
   } else {
-    console.error('Sound file not found:', soundPath);
+    console.error("Sound file not found:", soundPath);
     return null;
   }
 });
 
-ipcMain.handle('get-sound-files', async () => {
-  const soundDir = process.env.NODE_ENV === 'development'
-    ? path.join(__dirname, '../renderer/public/assets/sounds')
-    : path.join(__dirname, '../renderer/dist/assets/sounds');
+ipcMain.handle("get-sound-files", async () => {
+  const soundDir =
+    process.env.NODE_ENV === "development"
+      ? path.join(__dirname, "../renderer/public/assets/sounds")
+      : path.join(__dirname, "../renderer/dist/assets/sounds");
 
   try {
     // 读取目录下的所有文件名
     const files = await fs.promises.readdir(soundDir);
     // 筛选出 .mp3 文件并返回
-    return files.filter(file => file.endsWith('.mp3'));
+    return files.filter((file) => file.endsWith(".mp3"));
   } catch (error) {
-    console.error('无法读取声音目录:', error);
+    console.error("无法读取声音目录:", error);
     return []; // 如果出错则返回空数组
   }
 });
 
+ipcMain.on("show-context-menu", () => {
+  const template = [
+    {
+      label: "置顶显示",
+      type: "checkbox",
+      checked: isAlwaysOnTop, // 菜单项的选中状态与变量同步
+      click: () => {
+        isAlwaysOnTop = !isAlwaysOnTop; // 点击时切换状态
+        mainWindow.setAlwaysOnTop(isAlwaysOnTop); // 并应用到窗口
+      },
+    },
+    { type: "separator" }, // 分隔线
+    {
+      label: "退出",
+      click: () => {
+        app.quit(); // 点击时退出应用
+      },
+    },
+  ];
+  const menu = Menu.buildFromTemplate(template);
+  menu.popup({ window: mainWindow }); // 在主窗口上弹出菜单
+});
+
+let isAlwaysOnTop = true;
 let mainWindow;
 
 function createWindow() {
@@ -78,10 +119,11 @@ function createWindow() {
     width: 200,
     height: 200,
     transparent: true, // 开启透明窗口
-    frame: false,      // 无边框窗口
-    resizable: false,  // 禁止调整大小
+    frame: false, // 无边框窗口
+    resizable: false, // 禁止调整大小
     title: "说的道理桌宠",
-    icon: path.join(__dirname, '../build/icon.png'),
+    alwaysOnTop: isAlwaysOnTop, // 窗口始终在最上层
+    icon: path.join(__dirname, "../build/icon.png"),
     webPreferences: {
       preload: path.join(__dirname, "preload.js"),
       contextIsolation: true,
@@ -90,13 +132,13 @@ function createWindow() {
   });
 
   // 当渲染进程传来这个事件时，就移动窗口
-  ipcMain.on('move-window', (event, { x, y }) => {
+  ipcMain.on("move-window", (event, { x, y }) => {
     // 使用 Math.round 避免非整数坐标可能带来的问题
-    mainWindow.setPosition(Math.round(x), Math.round(y), false); 
+    mainWindow.setPosition(Math.round(x), Math.round(y), false);
   });
 
   // 添加一个 handle，用于响应前端获取窗口位置的请求
-  ipcMain.handle('get-window-position', () => {
+  ipcMain.handle("get-window-position", () => {
     if (mainWindow) {
       const [x, y] = mainWindow.getPosition();
       return { x, y };