Compare commits

...

18 Commits

Author SHA1 Message Date
alger ee98eb0266 fix(player): 私人 FM 模式下点击下一首按钮可正常切歌
FM 播放列表只保留 1 首,原 _nextPlay 走到"顺序模式 + 最后一首"
分支只弹"列表已播完"提示,仅 audioService end 事件中拉取下一首
FM 的逻辑生效,导致用户手动点击下一首无效(issue #666)。

抽出 _nextFmPlay,_nextPlay 入口检测 isFmPlaying 直接路由到 FM
分支;MusicHook end 事件去掉重复的 FM 处理,统一走 nextPlayOnEnd。
2026-05-10 13:00:55 +08:00
alger d722728ee0 chore(scripts): 移动 fix-sandbox.js 到 scripts 目录
将根目录的运维脚本统一收纳到 scripts/,并把脚本内的相对路径
改为基于 __dirname,避免在仓库子目录执行时找不到 node_modules。
2026-05-10 12:34:53 +08:00
alger 5ba9e6591a refactor(lyric): 抽取全屏背景/文字颜色逻辑为 useLyricBackground composable
MusicFull.vue 与 MusicFullMobile.vue 各自持有的 setTextColors /
currentBackground / animationFrame / isDark 合并到共享 composable,
消除两份几乎一致的包装逻辑。Mobile 的 --bg-color 差异通过 writeBgColor
option 注入,行为等价。
2026-05-10 12:34:53 +08:00
Alger 7e95ab69be Merge pull request #654 from chengww5217/fix/unmute-restore-volume
fix(player): 静音保留原音量,解除后可恢复
2026-05-10 12:23:34 +08:00
Alger 7c6448733d Merge pull request #653 from chengww5217/fix/download-config
fix(download): 下载设置抽屉打开时路径显示为空
2026-05-10 12:23:31 +08:00
chengww 2b1024ca24 fix(player): 静音保留原音量,解除后可恢复
- playerCore 新增持久化 isMuted 状态及 setMuted/toggleMute,静音时音频输出置 0 但 volume 保持不变
- 音量 > 0 时自动解除静音
- useVolumeControl 移除原 0↔30 切换;滑块/百分比展示真实音量,图标反映静音态
- 三个播放栏的音量滑块在静音时 disabled;PlayBar 百分比文字同步置灰(仅文字颜色)
2026-04-26 21:47:11 +08:00
chengww a62f525840 fix(download): 下载设置抽屉打开时路径显示为空
get-store-value 主进程用 ipcMain.on 同步返回,renderer 却用 invoke 读取会直接
reject,导致 initDownloadSettings 中断、已保存的下载路径等配置回读失败。改为
sendSync,与项目其它调用点保持一致。

contentLength 类型错误非本次提交引入,因无法通过 precommit 检查,故一并修复。
2026-04-26 21:05:59 +08:00
alger 97220761cf fix(lyric): 重启后桌面歌词显示无歌词
playerCore.playMusic 整体替换 (id 不变) 时, lyric watcher 的响应式追踪不可靠
点击播放走 playTrack 流程也未必能可靠触发解析

- 提取 ensureLyricsLoaded 到 module 级别, 直接读 playMusic.value 解析
- openLyric 入口主动调用 (重启首次打开桌面歌词场景)
- onLyricWindowReady 兜底 (窗口异步就绪时 lyric 字段可能刚到位)
- audioService.on('play') 兜底 (重启后首次点击播放场景)
- 在线歌曲 lyric 字段缺失时, 主动调 getMusicLrc API 兜底
2026-04-19 16:15:09 +08:00
alger 7282e876f4 fix(lyric-window): 锁定状态启动时同步穿透并禁用 resize
- 重启应用恢复锁定时, 主进程主动 setIgnoreMouseEvents(true), 修复鼠标无法穿透
- 锁定时 setResizable(false), 隐藏窗口边缘 resize 光标
- 由 set-lyric-lock-state IPC 统一驱动, 后续 polling 按位置精细纠正
2026-04-19 15:44:28 +08:00
alger 6b22713854 perf(lyric-window): 仅在锁定+可见时启用鼠标位置轮询
- 新增 set-lyric-lock-state IPC, 渲染端 watch isLock 同步到主进程
- 主进程通过 isLyricLocked + isLyricWindowVisible 控制轮询启停
- 监听窗口 show/hide/minimize/restore, 隐藏时停止 50ms 轮询
- 解锁状态下 DOM mouseenter/mouseleave 已足够, 无需轮询兜底
2026-04-19 15:31:23 +08:00
alger 0d960aa8d5 Merge pull request #645 from geewon1i/Lyric-lock-icon
fix(歌词悬窗): 通过主进程周期检测鼠标位置纠正悬停状态,修复鼠标快速移出时锁图标残留问题

Closes #606
2026-04-19 15:29:06 +08:00
kimjiwon e066efb373 add main-process cursor presence sync for locked lyric window 2026-04-12 13:29:02 +08:00
alger b0b3eb3326 ci: 移除 PR 检查中已删除的 dev_electron 分支 2026-04-11 22:53:17 +08:00
alger 4a50886a68 ci: 添加 PR 提交规范检查和 commitlint
- 添加 commitlint 及 Conventional Commits 规范配置
- 添加 commit-msg husky hook 本地校验提交信息
- 添加 GitHub Actions PR 检查 workflow:
  - PR 标题符合 Conventional Commits
  - 所有 commit message 符合规范
  - ESLint + TypeScript 类型检查 + i18n 检查
2026-04-11 22:50:20 +08:00
Alger f9222b699d Merge pull request #644 from algerkong/fix/mpris-review-643
fix(mpris): 修复 MPRIS 模块多项安全和性能问题
2026-04-11 22:44:38 +08:00
alger 030a1f1c85 fix(mpris): 修复 MPRIS 模块多项安全和性能问题
- 将 fix-sandbox.js 从 postinstall 移除,避免 npm install 时执行 sudo
- 修复 play/pause/stop 事件语义错误,不再全部映射到 togglePlay
- 缓存平台信息避免 sendSync 阻塞渲染进程
- 修复 cleanupAppShortcuts 中缺少 MPRIS 监听器清理导致的事件泄漏
- destroyMpris 中添加 IPC 监听器清理
- 清理冗余调试日志,安全加载 dbus-native 模块
- 添加 mpris-service 类型声明解决跨平台类型检查问题
2026-04-11 22:37:26 +08:00
stark81 3f31278131 fix-sandbox 2026-04-11 16:01:06 +08:00
alger 33fc4f768c 1. 实现linux下的mpris和gnome状态栏歌词功能 2026-04-11 15:45:14 +08:00
24 changed files with 962 additions and 289 deletions
+71
View File
@@ -0,0 +1,71 @@
name: PR Check
on:
pull_request:
branches: [main]
types: [opened, edited, synchronize, reopened]
jobs:
# 检查 PR 标题是否符合 Conventional Commits 规范
pr-title:
name: PR Title
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v4
- name: Setup Node.js
uses: actions/setup-node@v4
with:
node-version: 24
- name: Install commitlint
run: npm install --no-save @commitlint/cli @commitlint/config-conventional
- name: Validate PR title
env:
PR_TITLE: ${{ github.event.pull_request.title }}
run: echo "$PR_TITLE" | npx commitlint
# 检查所有提交信息是否符合 Conventional Commits 规范
commit-messages:
name: Commit Messages
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v4
with:
fetch-depth: 0
- name: Setup Node.js
uses: actions/setup-node@v4
with:
node-version: 24
- name: Install commitlint
run: npm install --no-save @commitlint/cli @commitlint/config-conventional
- name: Validate commit messages
run: npx commitlint --from ${{ github.event.pull_request.base.sha }} --to ${{ github.event.pull_request.head.sha }} --verbose
# 运行 lint 和类型检查
code-quality:
name: Code Quality
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v4
- name: Setup Node.js
uses: actions/setup-node@v4
with:
node-version: 24
- name: Install dependencies
run: npm install
- name: Lint
run: npx eslint --max-warnings 0 "src/**/*.{ts,tsx,vue,js}"
- name: Type check
run: npm run typecheck
- name: I18n check
run: npm run lint:i18n
+1
View File
@@ -0,0 +1 @@
npx --no -- commitlint --edit "$1"
+12
View File
@@ -0,0 +1,12 @@
module.exports = {
extends: ['@commitlint/config-conventional'],
rules: {
'type-enum': [
2,
'always',
['feat', 'fix', 'perf', 'refactor', 'docs', 'style', 'test', 'build', 'ci', 'chore', 'revert']
],
'subject-empty': [2, 'never'],
'type-empty': [2, 'never']
}
};
+9
View File
@@ -18,6 +18,7 @@
"dev:web": "vite dev", "dev:web": "vite dev",
"build": "electron-vite build", "build": "electron-vite build",
"postinstall": "electron-builder install-app-deps", "postinstall": "electron-builder install-app-deps",
"fix-sandbox": "node scripts/fix-sandbox.js",
"build:unpack": "npm run build && electron-builder --dir", "build:unpack": "npm run build && electron-builder --dir",
"build:win": "npm run build && electron-builder --win --publish never", "build:win": "npm run build && electron-builder --win --publish never",
"build:mac": "npm run build && electron-builder --mac --x64 --publish never && cp dist/latest-mac.yml dist/latest-mac-x64.yml && electron-builder --mac --arm64 --publish never && cp dist/latest-mac.yml dist/latest-mac-arm64.yml && node scripts/merge_latest_mac_yml.mjs dist/latest-mac-x64.yml dist/latest-mac-arm64.yml dist/latest-mac.yml", "build:mac": "npm run build && electron-builder --mac --x64 --publish never && cp dist/latest-mac.yml dist/latest-mac-x64.yml && electron-builder --mac --arm64 --publish never && cp dist/latest-mac.yml dist/latest-mac-arm64.yml && node scripts/merge_latest_mac_yml.mjs dist/latest-mac-x64.yml dist/latest-mac-arm64.yml dist/latest-mac.yml",
@@ -36,6 +37,7 @@
"dependencies": { "dependencies": {
"@electron-toolkit/preload": "^3.0.2", "@electron-toolkit/preload": "^3.0.2",
"@electron-toolkit/utils": "^4.0.0", "@electron-toolkit/utils": "^4.0.0",
"@httptoolkit/dbus-native": "^0.1.5",
"@unblockneteasemusic/server": "^0.27.10", "@unblockneteasemusic/server": "^0.27.10",
"cors": "^2.8.5", "cors": "^2.8.5",
"crypto-js": "^4.2.0", "crypto-js": "^4.2.0",
@@ -49,6 +51,7 @@
"form-data": "^4.0.5", "form-data": "^4.0.5",
"husky": "^9.1.7", "husky": "^9.1.7",
"jsencrypt": "^3.5.4", "jsencrypt": "^3.5.4",
"mpris-service": "^2.1.2",
"music-metadata": "^11.10.3", "music-metadata": "^11.10.3",
"netease-cloud-music-api-alger": "^4.30.0", "netease-cloud-music-api-alger": "^4.30.0",
"node-fetch": "^2.7.0", "node-fetch": "^2.7.0",
@@ -58,6 +61,8 @@
"vue-i18n": "^11.2.2" "vue-i18n": "^11.2.2"
}, },
"devDependencies": { "devDependencies": {
"@commitlint/cli": "^20.5.0",
"@commitlint/config-conventional": "^20.5.0",
"@electron-toolkit/eslint-config": "^2.1.0", "@electron-toolkit/eslint-config": "^2.1.0",
"@electron-toolkit/eslint-config-ts": "^3.1.0", "@electron-toolkit/eslint-config-ts": "^3.1.0",
"@electron-toolkit/tsconfig": "^1.0.1", "@electron-toolkit/tsconfig": "^1.0.1",
@@ -221,5 +226,9 @@
"electron", "electron",
"esbuild" "esbuild"
] ]
},
"optionalDependencies": {
"jsbi": "^4.3.2",
"x11": "^2.3.0"
} }
} }
+21
View File
@@ -0,0 +1,21 @@
/**
* 修复 Linux 下 Electron sandbox 权限问题
* chrome-sandbox 需要 root 拥有且权限为 4755
*
* 注意:此脚本需要 sudo 权限,仅在 CI 环境或手动执行时使用
* 用法:sudo npm run fix-sandbox
*/
const { execSync } = require('child_process');
const fs = require('fs');
const path = require('path');
if (process.platform === 'linux') {
const sandboxPath = path.resolve(__dirname, '../node_modules/electron/dist/chrome-sandbox');
if (fs.existsSync(sandboxPath)) {
execSync(`sudo chown root:root ${sandboxPath}`);
execSync(`sudo chmod 4755 ${sandboxPath}`);
console.log('[fix-sandbox] chrome-sandbox permissions fixed');
} else {
console.log('[fix-sandbox] chrome-sandbox not found, skipping');
}
}
+11
View File
@@ -13,6 +13,7 @@ import { initializeFonts } from './modules/fonts';
import { initializeLocalMusicScanner } from './modules/localMusicScanner'; import { initializeLocalMusicScanner } from './modules/localMusicScanner';
import { initializeLoginWindow } from './modules/loginWindow'; import { initializeLoginWindow } from './modules/loginWindow';
import { initLxMusicHttp } from './modules/lxMusicHttp'; import { initLxMusicHttp } from './modules/lxMusicHttp';
import { initializeMpris, updateMprisCurrentSong, updateMprisPlayState } from './modules/mpris';
import { initializeOtherApi } from './modules/otherApi'; import { initializeOtherApi } from './modules/otherApi';
import { initializeRemoteControl } from './modules/remoteControl'; import { initializeRemoteControl } from './modules/remoteControl';
import { initializeShortcuts } from './modules/shortcuts'; import { initializeShortcuts } from './modules/shortcuts';
@@ -82,6 +83,9 @@ function initialize(configStore: any) {
// 初始化远程控制服务 // 初始化远程控制服务
initializeRemoteControl(mainWindow); initializeRemoteControl(mainWindow);
// 初始化 MPRIS 服务 (Linux)
initializeMpris(mainWindow);
// 初始化更新处理程序 // 初始化更新处理程序
setupUpdateHandlers(mainWindow); setupUpdateHandlers(mainWindow);
} }
@@ -92,6 +96,11 @@ const isSingleInstance = app.requestSingleInstanceLock();
if (!isSingleInstance) { if (!isSingleInstance) {
app.quit(); app.quit();
} else { } else {
// 禁用 Chromium 内置的 MediaSession MPRIS 服务,避免重复显示
if (process.platform === 'linux') {
app.commandLine.appendSwitch('disable-features', 'MediaSessionService');
}
// 在应用准备就绪前初始化GPU加速设置 // 在应用准备就绪前初始化GPU加速设置
// 必须在 app.ready 之前调用 disableHardwareAcceleration // 必须在 app.ready 之前调用 disableHardwareAcceleration
try { try {
@@ -171,11 +180,13 @@ if (!isSingleInstance) {
// 监听播放状态变化 // 监听播放状态变化
ipcMain.on('update-play-state', (_, playing: boolean) => { ipcMain.on('update-play-state', (_, playing: boolean) => {
updatePlayState(playing); updatePlayState(playing);
updateMprisPlayState(playing);
}); });
// 监听当前歌曲变化 // 监听当前歌曲变化
ipcMain.on('update-current-song', (_, song: any) => { ipcMain.on('update-current-song', (_, song: any) => {
updateCurrentSong(song); updateCurrentSong(song);
updateMprisCurrentSong(song);
}); });
// 所有窗口关闭时的处理 // 所有窗口关闭时的处理
+90
View File
@@ -10,6 +10,65 @@ let isDragging = false;
// 添加窗口大小变化防护 // 添加窗口大小变化防护
let originalSize = { width: 0, height: 0 }; let originalSize = { width: 0, height: 0 };
// 鼠标位置轮询仅在"锁定 + 可见"时启用,解锁态下 DOM 事件已足够
let mousePresenceTimer: ReturnType<typeof setInterval> | null = null;
let lastMouseInside: boolean | null = null;
let isLyricLocked = false;
let isLyricWindowVisible = false;
const isPointInsideWindow = (
point: { x: number; y: number },
bounds: { x: number; y: number; width: number; height: number }
) => {
return (
point.x >= bounds.x &&
point.x < bounds.x + bounds.width &&
point.y >= bounds.y &&
point.y < bounds.y + bounds.height
);
};
const stopMousePresenceTracking = () => {
if (mousePresenceTimer) {
clearInterval(mousePresenceTimer);
mousePresenceTimer = null;
}
lastMouseInside = null;
};
const emitMousePresence = () => {
if (!lyricWindow || lyricWindow.isDestroyed()) return;
const mousePoint = screen.getCursorScreenPoint();
const bounds = lyricWindow.getBounds();
const isInside = isPointInsideWindow(mousePoint, bounds);
if (isInside === lastMouseInside) return;
lastMouseInside = isInside;
lyricWindow.webContents.send('lyric-mouse-presence', isInside);
};
const startMousePresenceTracking = () => {
if (mousePresenceTimer) return;
emitMousePresence();
mousePresenceTimer = setInterval(() => {
if (!lyricWindow || lyricWindow.isDestroyed()) {
stopMousePresenceTracking();
return;
}
emitMousePresence();
}, 50);
};
const syncMousePresenceTracking = () => {
if (isLyricLocked && isLyricWindowVisible && lyricWindow && !lyricWindow.isDestroyed()) {
startMousePresenceTracking();
} else {
stopMousePresenceTracking();
}
};
const createWin = () => { const createWin = () => {
console.log('Creating lyric window'); console.log('Creating lyric window');
@@ -102,12 +161,32 @@ const createWin = () => {
// 监听窗口关闭事件 // 监听窗口关闭事件
lyricWindow.on('closed', () => { lyricWindow.on('closed', () => {
stopMousePresenceTracking();
isLyricLocked = false;
isLyricWindowVisible = false;
if (lyricWindow) { if (lyricWindow) {
lyricWindow.destroy(); lyricWindow.destroy();
lyricWindow = null; lyricWindow = null;
} }
}); });
lyricWindow.on('show', () => {
isLyricWindowVisible = true;
syncMousePresenceTracking();
});
lyricWindow.on('hide', () => {
isLyricWindowVisible = false;
stopMousePresenceTracking();
});
lyricWindow.on('minimize', () => {
isLyricWindowVisible = false;
stopMousePresenceTracking();
});
lyricWindow.on('restore', () => {
isLyricWindowVisible = true;
syncMousePresenceTracking();
});
// 监听窗口大小变化事件,保存新的尺寸 // 监听窗口大小变化事件,保存新的尺寸
lyricWindow.on('resize', () => { lyricWindow.on('resize', () => {
// 如果正在拖动,忽略大小调整事件 // 如果正在拖动,忽略大小调整事件
@@ -205,6 +284,17 @@ export const loadLyricWindow = (ipcMain: IpcMain, mainWin: BrowserWindow): void
} }
}); });
ipcMain.on('set-lyric-lock-state', (_, isLocked: boolean) => {
isLyricLocked = isLocked;
if (lyricWindow && !lyricWindow.isDestroyed()) {
// 锁定时禁用 resize,避免鼠标移到边缘仍显示调整光标
lyricWindow.setResizable(!isLocked);
// 设置初始穿透状态,后续 polling 会按实际位置纠正
lyricWindow.setIgnoreMouseEvents(isLocked, { forward: true });
}
syncMousePresenceTracking();
});
// 处理鼠标事件 // 处理鼠标事件
ipcMain.on('mouseenter-lyric', () => { ipcMain.on('mouseenter-lyric', () => {
if (lyricWindow && !lyricWindow.isDestroyed()) { if (lyricWindow && !lyricWindow.isDestroyed()) {
+1 -1
View File
@@ -523,7 +523,7 @@ class DownloadManager {
} else { } else {
// Full response (200) - start from beginning // Full response (200) - start from beginning
task.loaded = 0; task.loaded = 0;
const contentLength = response.headers['content-length']; const contentLength = response.headers['content-length'] as string;
task.total = contentLength ? parseInt(contentLength, 10) : 0; task.total = contentLength ? parseInt(contentLength, 10) : 0;
} }
+270
View File
@@ -0,0 +1,270 @@
import { app, BrowserWindow, ipcMain } from 'electron';
import Player from 'mpris-service';
let dbusModule: any;
try {
dbusModule = require('@httptoolkit/dbus-native');
} catch {
// dbus-native 不可用(非 Linux 环境)
}
interface SongInfo {
id?: number | string;
name: string;
picUrl?: string;
ar?: Array<{ name: string }>;
artists?: Array<{ name: string }>;
al?: { name: string };
album?: { name: string };
duration?: number;
dt?: number;
song?: {
artists?: Array<{ name: string }>;
album?: { name: string };
duration?: number;
picUrl?: string;
};
[key: string]: any;
}
let mprisPlayer: Player | null = null;
let mainWindow: BrowserWindow | null = null;
let currentPosition = 0;
let trayLyricIface: any = null;
let trayLyricBus: any = null;
// 保存 IPC 处理函数引用,用于清理
let onPositionUpdate: ((event: any, position: number) => void) | null = null;
let onTrayLyricUpdate: ((event: any, lrcObj: string) => void) | null = null;
export function initializeMpris(mainWindowRef: BrowserWindow) {
if (process.platform !== 'linux') return;
if (mprisPlayer) {
return;
}
mainWindow = mainWindowRef;
try {
mprisPlayer = Player({
name: 'AlgerMusicPlayer',
identity: 'Alger Music Player',
supportedUriSchemes: ['file', 'http', 'https'],
supportedMimeTypes: [
'audio/mpeg',
'audio/mp3',
'audio/flac',
'audio/wav',
'audio/ogg',
'audio/aac',
'audio/m4a'
],
supportedInterfaces: ['player']
});
mprisPlayer.on('quit', () => {
app.quit();
});
mprisPlayer.on('raise', () => {
if (mainWindow) {
mainWindow.show();
mainWindow.focus();
}
});
mprisPlayer.on('next', () => {
if (mainWindow) {
mainWindow.webContents.send('global-shortcut', 'nextPlay');
}
});
mprisPlayer.on('previous', () => {
if (mainWindow) {
mainWindow.webContents.send('global-shortcut', 'prevPlay');
}
});
mprisPlayer.on('pause', () => {
if (mainWindow) {
mainWindow.webContents.send('mpris-pause');
}
});
mprisPlayer.on('play', () => {
if (mainWindow) {
mainWindow.webContents.send('mpris-play');
}
});
mprisPlayer.on('playpause', () => {
if (mainWindow) {
mainWindow.webContents.send('global-shortcut', 'togglePlay');
}
});
mprisPlayer.on('stop', () => {
if (mainWindow) {
mainWindow.webContents.send('mpris-pause');
}
});
mprisPlayer.getPosition = (): number => {
return currentPosition;
};
mprisPlayer.on('seek', (offset: number) => {
if (mainWindow) {
const newPosition = Math.max(0, currentPosition + offset / 1000000);
mainWindow.webContents.send('mpris-seek', newPosition);
}
});
mprisPlayer.on('position', (event: { trackId: string; position: number }) => {
if (mainWindow) {
mainWindow.webContents.send('mpris-set-position', event.position / 1000000);
}
});
onPositionUpdate = (_, position: number) => {
currentPosition = position * 1000 * 1000;
if (mprisPlayer) {
mprisPlayer.seeked(position * 1000 * 1000);
mprisPlayer.getPosition = () => position * 1000 * 1000;
mprisPlayer.position = position * 1000 * 1000;
}
};
ipcMain.on('mpris-position-update', onPositionUpdate);
onTrayLyricUpdate = (_, lrcObj: string) => {
sendTrayLyric(lrcObj);
};
ipcMain.on('tray-lyric-update', onTrayLyricUpdate);
initTrayLyric();
console.log('[MPRIS] Service initialized');
} catch (error) {
console.error('[MPRIS] Failed to initialize:', error);
}
}
export function updateMprisPlayState(playing: boolean) {
if (!mprisPlayer || process.platform !== 'linux') return;
mprisPlayer.playbackStatus = playing ? 'Playing' : 'Paused';
}
export function updateMprisCurrentSong(song: SongInfo | null) {
if (!mprisPlayer || process.platform !== 'linux') return;
if (!song) {
mprisPlayer.metadata = {};
mprisPlayer.playbackStatus = 'Stopped';
return;
}
const artists =
song.ar?.map((a) => a.name).join(', ') ||
song.artists?.map((a) => a.name).join(', ') ||
song.song?.artists?.map((a) => a.name).join(', ') ||
'';
const album = song.al?.name || song.album?.name || song.song?.album?.name || '';
const duration = song.duration || song.dt || song.song?.duration || 0;
mprisPlayer.metadata = {
'mpris:trackid': mprisPlayer.objectPath(`track/${song.id || 0}`),
'mpris:length': duration * 1000,
'mpris:artUrl': song.picUrl || '',
'xesam:title': song.name || '',
'xesam:album': album,
'xesam:artist': artists ? [artists] : []
};
}
export function updateMprisPosition(position: number) {
if (!mprisPlayer || process.platform !== 'linux') return;
mprisPlayer.seeked(position * 1000000);
}
export function destroyMpris() {
if (onPositionUpdate) {
ipcMain.removeListener('mpris-position-update', onPositionUpdate);
onPositionUpdate = null;
}
if (onTrayLyricUpdate) {
ipcMain.removeListener('tray-lyric-update', onTrayLyricUpdate);
onTrayLyricUpdate = null;
}
if (mprisPlayer) {
mprisPlayer.quit();
mprisPlayer = null;
}
}
function initTrayLyric() {
if (process.platform !== 'linux' || !dbusModule) return;
const serviceName = 'org.gnome.Shell.TrayLyric';
try {
const sessionBus = dbusModule.sessionBus({});
trayLyricBus = sessionBus;
const dbusPath = '/org/freedesktop/DBus';
const dbusInterface = 'org.freedesktop.DBus';
sessionBus.invoke(
{
path: dbusPath,
interface: dbusInterface,
member: 'GetNameOwner',
destination: 'org.freedesktop.DBus',
signature: 's',
body: [serviceName]
},
(err: any, result: any) => {
if (err || !result) {
console.log('[TrayLyric] Service not running');
} else {
onServiceAvailable();
}
}
);
} catch (err) {
console.error('[TrayLyric] Failed to init:', err);
}
function onServiceAvailable() {
if (!trayLyricBus) return;
const path = '/' + serviceName.replace(/\./g, '/');
trayLyricBus.getService(serviceName).getInterface(path, serviceName, (err: any, iface: any) => {
if (err) {
console.error('[TrayLyric] Failed to get service interface:', err);
return;
}
trayLyricIface = iface;
console.log('[TrayLyric] Service interface ready');
});
}
}
function sendTrayLyric(lrcObj: string) {
if (!trayLyricIface || !trayLyricBus) return;
trayLyricBus.invoke(
{
path: '/org/gnome/Shell/TrayLyric',
interface: 'org.gnome.Shell.TrayLyric',
member: 'UpdateLyric',
destination: 'org.gnome.Shell.TrayLyric',
signature: 's',
body: [lrcObj]
},
(err: any, _result: any) => {
if (err) {
console.error('[TrayLyric] Failed to invoke UpdateLyric:', err);
}
}
);
}
+23
View File
@@ -0,0 +1,23 @@
declare module 'mpris-service' {
interface PlayerOptions {
name: string;
identity: string;
supportedUriSchemes?: string[];
supportedMimeTypes?: string[];
supportedInterfaces?: string[];
}
interface Player {
on(event: string, callback: (...args: any[]) => void): void;
playbackStatus: string;
metadata: Record<string, any>;
position: number;
getPosition: () => number;
seeked(position: number): void;
objectPath(path: string): string;
quit(): void;
}
function Player(options: PlayerOptions): Player;
export = Player;
}
+4 -51
View File
@@ -202,19 +202,18 @@ import {
useLyricProgress useLyricProgress
} from '@/hooks/MusicHook'; } from '@/hooks/MusicHook';
import { useArtist } from '@/hooks/useArtist'; import { useArtist } from '@/hooks/useArtist';
import { useLyricBackground } from '@/hooks/useLyricBackground';
import { usePlayerStore } from '@/store/modules/player'; import { usePlayerStore } from '@/store/modules/player';
import { useSettingsStore } from '@/store/modules/settings'; import { useSettingsStore } from '@/store/modules/settings';
import { DEFAULT_LYRIC_CONFIG, LyricConfig } from '@/types/lyric'; import { DEFAULT_LYRIC_CONFIG, LyricConfig } from '@/types/lyric';
import { getImgUrl, isMobile } from '@/utils'; import { getImgUrl, isMobile } from '@/utils';
import { animateGradient, getHoverBackgroundColor, getTextColors } from '@/utils/linearColor'; import { getTextColors } from '@/utils/linearColor';
const { t } = useI18n(); const { t } = useI18n();
// 定义 refs // 定义 refs
const lrcSider = ref<any>(null); const lrcSider = ref<any>(null);
const isMouse = ref(false); const isMouse = ref(false);
const currentBackground = ref(''); const { currentBackground, applyBackground } = useLyricBackground();
const animationFrame = ref<number | null>(null);
const isDark = ref(false);
// 计算自定义背景样式 // 计算自定义背景样式
const customBackgroundStyle = computed(() => { const customBackgroundStyle = computed(() => {
@@ -381,42 +380,6 @@ watch(
} }
); );
const setTextColors = (background: string) => {
if (!background) {
textColors.value = getTextColors();
document.documentElement.style.setProperty('--hover-bg-color', getHoverBackgroundColor(false));
document.documentElement.style.setProperty('--text-color-primary', textColors.value.primary);
document.documentElement.style.setProperty('--text-color-active', textColors.value.active);
return;
}
// 更新文字颜色
textColors.value = getTextColors(background);
isDark.value = textColors.value.active === '#000000';
document.documentElement.style.setProperty(
'--hover-bg-color',
getHoverBackgroundColor(isDark.value)
);
document.documentElement.style.setProperty('--text-color-primary', textColors.value.primary);
document.documentElement.style.setProperty('--text-color-active', textColors.value.active);
// 处理背景颜色动画
if (currentBackground.value) {
if (animationFrame.value) {
cancelAnimationFrame(animationFrame.value);
}
const result = animateGradient(currentBackground.value, background, (gradient) => {
currentBackground.value = gradient;
});
if (typeof result === 'number') {
animationFrame.value = result;
}
} else {
currentBackground.value = background;
}
};
const targetBackground = computed(() => { const targetBackground = computed(() => {
if (config.value.useCustomBackground && customBackgroundStyle.value) { if (config.value.useCustomBackground && customBackgroundStyle.value) {
if (typeof customBackgroundStyle.value === 'string') { if (typeof customBackgroundStyle.value === 'string') {
@@ -434,7 +397,7 @@ watch(
targetBackground, targetBackground,
(newBg) => { (newBg) => {
if (newBg) { if (newBg) {
setTextColors(newBg); applyBackground(newBg);
} }
}, },
{ immediate: true } { immediate: true }
@@ -523,13 +486,6 @@ const getWordStyle = (lineIndex: number, _wordIndex: number, word: any) => {
} }
}; };
// 组件卸载时清理动画
onBeforeUnmount(() => {
if (animationFrame.value) {
cancelAnimationFrame(animationFrame.value);
}
});
const settingsStore = useSettingsStore(); const settingsStore = useSettingsStore();
const { navigateToArtist } = useArtist(); const { navigateToArtist } = useArtist();
@@ -626,9 +582,6 @@ onMounted(() => {
// 移除滚动监听和全屏状态监听 // 移除滚动监听和全屏状态监听
onBeforeUnmount(() => { onBeforeUnmount(() => {
if (animationFrame.value) {
cancelAnimationFrame(animationFrame.value);
}
if (lrcSider.value?.$el) { if (lrcSider.value?.$el) {
lrcSider.value.$el.removeEventListener('scroll', handleScroll); lrcSider.value.$el.removeEventListener('scroll', handleScroll);
} }
@@ -408,12 +408,13 @@ import {
useLyricProgress useLyricProgress
} from '@/hooks/MusicHook'; } from '@/hooks/MusicHook';
import { useArtist } from '@/hooks/useArtist'; import { useArtist } from '@/hooks/useArtist';
import { useLyricBackground } from '@/hooks/useLyricBackground';
import { usePlayMode } from '@/hooks/usePlayMode'; import { usePlayMode } from '@/hooks/usePlayMode';
import { audioService } from '@/services/audioService'; import { audioService } from '@/services/audioService';
import { usePlayerStore } from '@/store/modules/player'; import { usePlayerStore } from '@/store/modules/player';
import { DEFAULT_LYRIC_CONFIG, LyricConfig } from '@/types/lyric'; import { DEFAULT_LYRIC_CONFIG, LyricConfig } from '@/types/lyric';
import { getImgUrl, secondToMinute } from '@/utils'; import { getImgUrl, secondToMinute } from '@/utils';
import { animateGradient, getHoverBackgroundColor, getTextColors } from '@/utils/linearColor'; import { getTextColors } from '@/utils/linearColor';
import { showBottomToast } from '@/utils/shortcutToast'; import { showBottomToast } from '@/utils/shortcutToast';
const { t } = useI18n(); const { t } = useI18n();
@@ -876,10 +877,10 @@ const handleThumbTouchEnd = (e: TouchEvent) => {
isThumbDragging.value = false; isThumbDragging.value = false;
}; };
// 背景相关 // 背景相关(由 composable 管理)
const currentBackground = ref(''); const { isDark, applyBackground } = useLyricBackground({
const animationFrame = ref<number | null>(null); writeBgColor: () => playerStore.playMusic.primaryColor || undefined
const isDark = ref(false); });
const config = ref<LyricConfig>({ ...DEFAULT_LYRIC_CONFIG }); const config = ref<LyricConfig>({ ...DEFAULT_LYRIC_CONFIG });
// 可见歌词计算 // 可见歌词计算
@@ -937,49 +938,6 @@ const isVisible = computed({
set: (value) => emit('update:modelValue', value) set: (value) => emit('update:modelValue', value)
}); });
// 设置文字颜色
const setTextColors = (background: string) => {
if (!background) {
textColors.value = getTextColors();
document.documentElement.style.setProperty('--hover-bg-color', getHoverBackgroundColor(false));
document.documentElement.style.setProperty('--text-color-primary', textColors.value.primary);
document.documentElement.style.setProperty('--text-color-active', textColors.value.active);
document.documentElement.style.setProperty('--bg-color', 'rgba(25, 25, 25, 1)');
return;
}
// 更新文字颜色
textColors.value = getTextColors(background);
isDark.value = textColors.value.active === '#000000';
document.documentElement.style.setProperty(
'--hover-bg-color',
getHoverBackgroundColor(isDark.value)
);
document.documentElement.style.setProperty('--text-color-primary', textColors.value.primary);
document.documentElement.style.setProperty('--text-color-active', textColors.value.active);
// 解析背景颜色用于封面融合
let bgColor = playerStore.playMusic.primaryColor || 'rgba(25, 25, 25, 1)';
document.documentElement.style.setProperty('--bg-color', bgColor);
// 处理背景颜色动画
if (currentBackground.value) {
if (animationFrame.value) {
cancelAnimationFrame(animationFrame.value);
}
const result = animateGradient(currentBackground.value, background, (gradient) => {
currentBackground.value = gradient;
});
if (typeof result === 'number') {
animationFrame.value = result;
}
} else {
currentBackground.value = background;
}
};
const targetBackground = computed(() => { const targetBackground = computed(() => {
if (config.value.theme !== 'default') { if (config.value.theme !== 'default') {
return themeMusic[config.value.theme] || props.background; return themeMusic[config.value.theme] || props.background;
@@ -992,17 +950,14 @@ watch(
targetBackground, targetBackground,
(newBg) => { (newBg) => {
if (newBg) { if (newBg) {
setTextColors(newBg); applyBackground(newBg);
} }
}, },
{ immediate: true } { immediate: true }
); );
// 组件卸载清理动画 // 组件卸载清理
onBeforeUnmount(() => { onBeforeUnmount(() => {
if (animationFrame.value) {
cancelAnimationFrame(animationFrame.value);
}
if (autoScrollTimer.value) { if (autoScrollTimer.value) {
clearTimeout(autoScrollTimer.value); clearTimeout(autoScrollTimer.value);
} }
@@ -1113,7 +1068,7 @@ watch(isVisible, (newVal) => {
if (newVal) { if (newVal) {
// 播放器显示时,重新设置背景颜色 // 播放器显示时,重新设置背景颜色
if (targetBackground.value) { if (targetBackground.value) {
setTextColors(targetBackground.value); applyBackground(targetBackground.value);
} }
} else { } else {
showFullLyrics.value = false; showFullLyrics.value = false;
@@ -69,6 +69,7 @@
v-model:value="volumeSlider" v-model:value="volumeSlider"
:step="0.01" :step="0.01"
:tooltip="false" :tooltip="false"
:disabled="isMuted"
vertical vertical
@wheel.prevent="handleVolumeWheel" @wheel.prevent="handleVolumeWheel"
></n-slider> ></n-slider>
@@ -145,7 +146,13 @@ const { navigateToArtist } = useArtist();
const { isPlaying: play, playMusicEvent, handleNext, handlePrev } = usePlaybackControl(); const { isPlaying: play, playMusicEvent, handleNext, handlePrev } = usePlaybackControl();
// 音量控制(统一通过 playerStore 管理) // 音量控制(统一通过 playerStore 管理)
const { volumeSlider, volumeIcon: getVolumeIcon, mute, handleVolumeWheel } = useVolumeControl(); const {
isMuted,
volumeSlider,
volumeIcon: getVolumeIcon,
mute,
handleVolumeWheel
} = useVolumeControl();
// 收藏 // 收藏
const { isFavorite, toggleFavorite } = useFavorite(); const { isFavorite, toggleFavorite } = useFavorite();
+21 -3
View File
@@ -99,8 +99,16 @@
<i class="iconfont" :class="getVolumeIcon"></i> <i class="iconfont" :class="getVolumeIcon"></i>
</div> </div>
<div class="volume-slider"> <div class="volume-slider">
<div class="volume-percentage">{{ Math.round(volumeSlider) }}%</div> <div class="volume-percentage" :class="{ 'volume-percentage-disabled': isMuted }">
<n-slider v-model:value="volumeSlider" :step="0.01" :tooltip="false" vertical></n-slider> {{ Math.round(volumeSlider) }}%
</div>
<n-slider
v-model:value="volumeSlider"
:step="0.01"
:tooltip="false"
:disabled="isMuted"
vertical
></n-slider>
</div> </div>
</div> </div>
<n-tooltip v-if="!isMobile" trigger="hover" :z-index="9999999"> <n-tooltip v-if="!isMobile" trigger="hover" :z-index="9999999">
@@ -198,7 +206,13 @@ const { t } = useI18n();
const { isPlaying: play, playMusicEvent, handleNext, handlePrev } = usePlaybackControl(); const { isPlaying: play, playMusicEvent, handleNext, handlePrev } = usePlaybackControl();
// 音量控制 // 音量控制
const { volumeSlider, volumeIcon: getVolumeIcon, mute, handleVolumeWheel } = useVolumeControl(); const {
isMuted,
volumeSlider,
volumeIcon: getVolumeIcon,
mute,
handleVolumeWheel
} = useVolumeControl();
// 收藏 // 收藏
const { isFavorite, toggleFavorite } = useFavorite(); const { isFavorite, toggleFavorite } = useFavorite();
@@ -382,6 +396,10 @@ const openPlayListDrawer = () => {
@apply border border-gray-200 dark:border-gray-700; @apply border border-gray-200 dark:border-gray-700;
@apply text-gray-800 dark:text-white; @apply text-gray-800 dark:text-white;
white-space: nowrap; white-space: nowrap;
&.volume-percentage-disabled {
@apply text-gray-400 dark:text-gray-500;
}
} }
} }
} }
@@ -68,6 +68,7 @@
v-model:value="volumeSlider" v-model:value="volumeSlider"
:step="1" :step="1"
:tooltip="false" :tooltip="false"
:disabled="isMuted"
@wheel.prevent="handleVolumeWheel" @wheel.prevent="handleVolumeWheel"
></n-slider> ></n-slider>
</div> </div>
@@ -107,7 +108,13 @@ const { isPlaying: play, playMusicEvent, handleNext, handlePrev } = usePlaybackC
const { playMode, playModeIcon, togglePlayMode } = usePlayMode(); const { playMode, playModeIcon, togglePlayMode } = usePlayMode();
// 音量控制(统一通过 playerStore 管理) // 音量控制(统一通过 playerStore 管理)
const { volumeSlider, volumeIcon: getVolumeIcon, mute, handleVolumeWheel } = useVolumeControl(); const {
isMuted,
volumeSlider,
volumeIcon: getVolumeIcon,
mute,
handleVolumeWheel
} = useVolumeControl();
// 进度条控制 // 进度条控制
const isDragging = ref(false); const isDragging = ref(false);
+118 -99
View File
@@ -52,6 +52,11 @@ export const textColors = ref<any>(getTextColors());
export let playMusic: ComputedRef<SongResult>; export let playMusic: ComputedRef<SongResult>;
export let artistList: ComputedRef<Artist[]>; export let artistList: ComputedRef<Artist[]>;
let lastIndex = -1;
// 缓存平台信息,避免每次歌词变化时同步 IPC 调用
const cachedPlatform = isElectron ? window.electron.ipcRenderer.sendSync('get-platform') : 'web';
export const musicDB = await useIndexedDB( export const musicDB = await useIndexedDB(
'musicDB', 'musicDB',
[ [
@@ -144,37 +149,21 @@ const parseLyricsString = async (
} }
}; };
// 设置音乐相关的监听器 // 解析当前 playMusic.lyric 写入 lrcArray, 供 watcher / openLyric / onLyricWindowReady 共用
const setupMusicWatchers = () => { const ensureLyricsLoaded = async (force = false) => {
const store = getPlayerStore(); const songId = playMusic.value?.id;
if (!songId) {
// 监听 playerStore.playMusic 的变化以更新歌词数据
watch(
() => store.playMusic.id,
async (newId, oldId) => {
// 如果没有歌曲ID,清空歌词
if (!newId) {
lrcArray.value = []; lrcArray.value = [];
lrcTimeArray.value = []; lrcTimeArray.value = [];
nowIndex.value = 0; nowIndex.value = 0;
return; return;
} }
if (!force && lrcArray.value.length > 0) return;
// 避免相同ID的重复执行(但允许初始化时执行) await nextTick();
if (newId === oldId && lrcArray.value.length > 0) return;
// 歌曲切换时重置歌词索引
if (newId !== oldId) {
nowIndex.value = 0;
}
await nextTick(async () => {
console.log('歌曲切换,更新歌词数据');
// 检查是否有原始歌词字符串需要解析
const lyricData = playMusic.value.lyric; const lyricData = playMusic.value.lyric;
if (lyricData && typeof lyricData === 'string') { if (lyricData && typeof lyricData === 'string') {
// 如果歌词是字符串格式,使用新的解析器
const { const {
lrcArray: parsedLrcArray, lrcArray: parsedLrcArray,
lrcTimeArray: parsedTimeArray, lrcTimeArray: parsedTimeArray,
@@ -183,12 +172,10 @@ const setupMusicWatchers = () => {
lrcArray.value = parsedLrcArray; lrcArray.value = parsedLrcArray;
lrcTimeArray.value = parsedTimeArray; lrcTimeArray.value = parsedTimeArray;
// 更新歌曲的歌词数据结构
if (playMusic.value.lyric && typeof playMusic.value.lyric === 'object') { if (playMusic.value.lyric && typeof playMusic.value.lyric === 'object') {
playMusic.value.lyric.hasWordByWord = hasWordByWord; playMusic.value.lyric.hasWordByWord = hasWordByWord;
} }
} else if (lyricData && typeof lyricData === 'object' && lyricData.lrcArray?.length > 0) { } else if (lyricData && typeof lyricData === 'object' && lyricData.lrcArray?.length > 0) {
// 使用现有的歌词数据结构
const rawLrc = lyricData.lrcArray || []; const rawLrc = lyricData.lrcArray || [];
lrcTimeArray.value = lyricData.lrcTimeArray || []; lrcTimeArray.value = lyricData.lrcTimeArray || [];
@@ -200,11 +187,8 @@ const setupMusicWatchers = () => {
lrcArray.value = rawLrc as any; lrcArray.value = rawLrc as any;
} }
} else if (isElectron && playMusic.value.playMusicUrl?.startsWith('local:///')) { } else if (isElectron && playMusic.value.playMusicUrl?.startsWith('local:///')) {
// 从下载/本地文件的 ID3/FLAC 元数据中提取嵌入歌词
try { try {
let filePath = decodeURIComponent( let filePath = decodeURIComponent(playMusic.value.playMusicUrl.replace('local:///', ''));
playMusic.value.playMusicUrl.replace('local:///', '')
);
// 处理 Windows 路径:/C:/... → C:/... // 处理 Windows 路径:/C:/... → C:/...
if (/^\/[a-zA-Z]:\//.test(filePath)) { if (/^\/[a-zA-Z]:\//.test(filePath)) {
filePath = filePath.slice(1); filePath = filePath.slice(1);
@@ -221,16 +205,14 @@ const setupMusicWatchers = () => {
if (playMusic.value.lyric && typeof playMusic.value.lyric === 'object') { if (playMusic.value.lyric && typeof playMusic.value.lyric === 'object') {
(playMusic.value.lyric as any).hasWordByWord = hasWordByWord; (playMusic.value.lyric as any).hasWordByWord = hasWordByWord;
} }
} else { } else if (typeof songId === 'number') {
// 无嵌入歌词 — 若有数字 ID,尝试 API 兜底
const songId = playMusic.value.id;
if (songId && typeof songId === 'number') {
try { try {
const { getMusicLrc } = await import('@/api/music'); const { getMusicLrc } = await import('@/api/music');
const res = await getMusicLrc(songId); const res = await getMusicLrc(songId);
if (res?.data?.lrc?.lyric) { if (res?.data?.lrc?.lyric) {
const { lrcArray: apiLrcArray, lrcTimeArray: apiTimeArray } = const { lrcArray: apiLrcArray, lrcTimeArray: apiTimeArray } = await parseLyricsString(
await parseLyricsString(res.data.lrc.lyric); res.data.lrc.lyric
);
lrcArray.value = apiLrcArray; lrcArray.value = apiLrcArray;
lrcTimeArray.value = apiTimeArray; lrcTimeArray.value = apiTimeArray;
} }
@@ -238,30 +220,54 @@ const setupMusicWatchers = () => {
console.error('API lyrics fallback failed:', apiErr); console.error('API lyrics fallback failed:', apiErr);
} }
} }
}
} catch (err) { } catch (err) {
console.error('Failed to extract embedded lyrics:', err); console.error('Failed to extract embedded lyrics:', err);
} }
} else { } else if (typeof songId === 'number') {
// 无歌词数据 // 在线歌曲但 lyric 字段尚未加载, 主动调 API 兜底
lrcArray.value = []; try {
lrcTimeArray.value = []; const { getMusicLrc } = await import('@/api/music');
const res = await getMusicLrc(songId);
if (res?.data?.lrc?.lyric) {
const { lrcArray: apiLrcArray, lrcTimeArray: apiTimeArray } = await parseLyricsString(
res.data.lrc.lyric
);
lrcArray.value = apiLrcArray;
lrcTimeArray.value = apiTimeArray;
}
} catch (apiErr) {
console.error('API lyrics fallback failed:', apiErr);
}
} }
// 当歌词数据更新时,如果歌词窗口打开,则发送数据
if (isElectron && isLyricWindowOpen.value) {
console.log('歌词窗口已打开,同步最新歌词数据');
// 不管歌词数组是否为空,都发送最新数据
sendLyricToWin();
// 再次延迟发送,确保歌词窗口已完全加载 if (isElectron && isLyricWindowOpen.value) {
setTimeout(() => {
sendLyricToWin(); sendLyricToWin();
}, 500); setTimeout(() => sendLyricToWin(), 500);
} }
}); };
const setupMusicWatchers = () => {
const store = getPlayerStore();
// 切歌时 id 变化, 强制重新解析
watch(
() => store.playMusic.id,
async (newId, oldId) => {
if (newId !== oldId) nowIndex.value = 0;
await ensureLyricsLoaded(true);
}, },
{ immediate: true } { immediate: true }
); );
// 同一首歌但 lyric 字段后到 (重启 + autoPlay 关闭场景)
watch(
() => playMusic.value?.lyric,
() => {
if (lrcArray.value.length === 0 && playMusic.value?.id) {
ensureLyricsLoaded();
}
}
);
}; };
const setupAudioListeners = () => { const setupAudioListeners = () => {
@@ -329,6 +335,12 @@ const setupAudioListeners = () => {
sendLyricToWin(); sendLyricToWin();
} }
} }
if (isElectron && lrcArray.value[nowIndex.value]) {
if (lastIndex !== nowIndex.value) {
sendTrayLyric(nowIndex.value);
lastIndex = nowIndex.value;
}
}
// === 逐字歌词行内进度 === // === 逐字歌词行内进度 ===
const { start, end } = currentLrcTiming.value; const { start, end } = currentLrcTiming.value;
@@ -372,6 +384,15 @@ const setupAudioListeners = () => {
); );
} }
} }
// === MPRIS 进度更新(每 ~1 秒)===
if (isElectron && lyricThrottleCounter % 20 === 0) {
try {
window.electron.ipcRenderer.send('mpris-position-update', currentTime);
} catch {
// 忽略发送失败
}
}
} catch (error) { } catch (error) {
console.error('进度更新 interval 出错:', error); console.error('进度更新 interval 出错:', error);
// 出错时不清除 interval,让下一次 tick 继续尝试 // 出错时不清除 interval,让下一次 tick 继续尝试
@@ -420,6 +441,11 @@ const setupAudioListeners = () => {
if (typeof currentTime === 'number' && !Number.isNaN(currentTime)) { if (typeof currentTime === 'number' && !Number.isNaN(currentTime)) {
nowTime.value = currentTime; nowTime.value = currentTime;
// === MPRIS seek 时同步进度 ===
if (isElectron) {
window.electron.ipcRenderer.send('mpris-position-update', currentTime);
}
// 检查是否需要更新歌词 // 检查是否需要更新歌词
const newIndex = getLrcIndex(nowTime.value); const newIndex = getLrcIndex(nowTime.value);
if (newIndex !== nowIndex.value) { if (newIndex !== nowIndex.value) {
@@ -461,7 +487,10 @@ const setupAudioListeners = () => {
if (isElectron) { if (isElectron) {
window.api.sendSong(cloneDeep(getPlayerStore().playMusic)); window.api.sendSong(cloneDeep(getPlayerStore().playMusic));
} }
// 启动进度更新 // 兜底: 重启后首次点播放时 lrcArray 仍为空则主动加载
if (lrcArray.value.length === 0 && playMusic.value?.id) {
ensureLyricsLoaded();
}
startProgressInterval(); startProgressInterval();
}); });
@@ -506,43 +535,12 @@ const setupAudioListeners = () => {
if (getPlayerStore().playMode === 1) { if (getPlayerStore().playMode === 1) {
// 单曲循环模式 // 单曲循环模式
replayMusic(); replayMusic();
} else if (getPlayerStore().isFmPlaying) { return;
// 私人FM模式:自动获取下一首
try {
const { getPersonalFM } = await import('@/api/home');
const res = await getPersonalFM();
const songs = res.data?.data;
if (Array.isArray(songs) && songs.length > 0) {
const song = songs[0];
const fmSong = {
id: song.id,
name: song.name,
picUrl: song.al?.picUrl || song.album?.picUrl,
ar: song.artists || song.ar,
al: song.al || song.album,
source: 'netease' as const,
song,
...song,
playLoading: false
} as any;
const { usePlaylistStore } = await import('@/store/modules/playlist');
const playlistStore = usePlaylistStore();
playlistStore.setPlayList([fmSong], false, false);
getPlayerStore().isFmPlaying = true; // setPlayList 会清除,需重设
const { playTrack } = await import('@/services/playbackController');
await playTrack(fmSong, true);
} else {
getPlayerStore().setIsPlay(false);
} }
} catch (error) {
console.error('FM自动播放下一首失败:', error); // 其他模式(FM/顺序/列表循环/随机):交给 playlist store 路由
getPlayerStore().setIsPlay(false);
}
} else {
// 顺序播放、列表循环、随机播放模式:歌曲自然结束
const { usePlaylistStore } = await import('@/store/modules/playlist'); const { usePlaylistStore } = await import('@/store/modules/playlist');
usePlaylistStore().nextPlayOnEnd(); usePlaylistStore().nextPlayOnEnd();
}
}); });
audioService.on('previoustrack', () => { audioService.on('previoustrack', () => {
@@ -807,6 +805,30 @@ export const sendLyricToWin = () => {
} }
}; };
// 发送歌词到系统托盘歌词(TrayLyric)
const sendTrayLyric = (index: number) => {
if (!isElectron || cachedPlatform !== 'linux') return;
try {
const lyric = lrcArray.value[index];
if (!lyric) return;
const currentTime = lrcTimeArray.value[index] || 0;
const nextTime = lrcTimeArray.value[index + 1] || currentTime + 3;
const duration = nextTime - currentTime;
const lrcObj = JSON.stringify({
content: lyric.text || '',
time: duration.toFixed(1),
sender: 'AlgerMusicPlayer'
});
window.electron.ipcRenderer.send('tray-lyric-update', lrcObj);
} catch (error) {
console.error('[TrayLyric] Failed to send:', error);
}
};
// 歌词同步定时器 // 歌词同步定时器
let lyricSyncInterval: any = null; let lyricSyncInterval: any = null;
@@ -844,28 +866,20 @@ const stopLyricSync = () => {
} }
}; };
// 修改openLyric函数,添加定时同步 export const openLyric = async () => {
export const openLyric = () => {
if (!isElectron) return; if (!isElectron) return;
// 检查是否有播放中的歌曲
if (!playMusic.value || !playMusic.value.id) { if (!playMusic.value || !playMusic.value.id) {
console.log('没有正在播放的歌曲,无法打开歌词窗口'); console.log('没有正在播放的歌曲,无法打开歌词窗口');
return; return;
} }
console.log('Opening lyric window with current song:', playMusic.value?.name);
isLyricWindowOpen.value = !isLyricWindowOpen.value; isLyricWindowOpen.value = !isLyricWindowOpen.value;
if (isLyricWindowOpen.value) { if (isLyricWindowOpen.value) {
// 立即打开窗口
window.api.openLyric(); window.api.openLyric();
// 确保有歌词数据,如果没有,则使用默认的"无歌词"提示 // 先发"加载中"占位, 防止窗口启动期间显示"无歌词"
if (!lrcArray.value || lrcArray.value.length === 0) { if (!lrcArray.value || lrcArray.value.length === 0) {
// 如果当前播放的歌曲有ID但没有歌词,则尝试加载歌词
console.log('尝试加载歌词数据...');
// 发送默认的"无歌词"数据
const emptyLyricData = { const emptyLyricData = {
type: 'empty', type: 'empty',
nowIndex: 0, nowIndex: 0,
@@ -879,12 +893,15 @@ export const openLyric = () => {
playMusic: playMusic.value playMusic: playMusic.value
}; };
window.api.sendLyric(JSON.stringify(emptyLyricData)); window.api.sendLyric(JSON.stringify(emptyLyricData));
// 关键: 主动加载歌词, 不依赖 watcher
// (重启场景下 playerCore.playMusic 整体替换可能未触发 lyric watcher)
await ensureLyricsLoaded(true);
} else { } else {
// 发送完整歌词数据
sendLyricToWin(); sendLyricToWin();
} }
// 延迟重发一次,以防窗口加载 // 延迟重发, 防窗口加载慢丢消息
setTimeout(() => { setTimeout(() => {
if (isLyricWindowOpen.value) { if (isLyricWindowOpen.value) {
sendLyricToWin(); sendLyricToWin();
@@ -1006,11 +1023,13 @@ export const initAudioListeners = async () => {
window.api.onLyricWindowClosed(() => { window.api.onLyricWindowClosed(() => {
isLyricWindowOpen.value = false; isLyricWindowOpen.value = false;
}); });
// 歌词窗口 Vue 加载完成后,发送完整歌词数据 window.api.onLyricWindowReady(async () => {
window.api.onLyricWindowReady(() => { if (!isLyricWindowOpen.value) return;
if (isLyricWindowOpen.value) { // 窗口加载完成时再兜底加载一次, 防止 openLyric 阶段 lyric 字段尚未到位
sendLyricToWin(); if (lrcArray.value.length === 0 && playMusic.value?.id) {
await ensureLyricsLoaded(true);
} }
sendLyricToWin();
}); });
} }
+76
View File
@@ -0,0 +1,76 @@
import { onBeforeUnmount, ref } from 'vue';
import { textColors } from '@/hooks/MusicHook';
import { animateGradient, getHoverBackgroundColor, getTextColors } from '@/utils/linearColor';
type UseLyricBackgroundOptions = {
/**
* 可选:返回需要写入 --bg-color CSS 变量的颜色字符串。
* - 不提供:完全不写 --bg-color(桌面全屏场景)
* - 提供:有背景分支调用以取值,undefined 时落回 DEFAULT_BG_COLOR
* 空背景分支固定写入 DEFAULT_BG_COLOR(与移动端原有行为一致)
*/
writeBgColor?: () => string | undefined;
};
const DEFAULT_BG_COLOR = 'rgba(25, 25, 25, 1)';
export function useLyricBackground(options: UseLyricBackgroundOptions = {}) {
const currentBackground = ref('');
const animationFrame = ref<number | null>(null);
const isDark = ref(false);
const { writeBgColor } = options;
const root = document.documentElement;
const applyBackground = (background: string) => {
if (!background) {
textColors.value = getTextColors();
root.style.setProperty('--hover-bg-color', getHoverBackgroundColor(false));
root.style.setProperty('--text-color-primary', textColors.value.primary);
root.style.setProperty('--text-color-active', textColors.value.active);
if (writeBgColor) {
root.style.setProperty('--bg-color', DEFAULT_BG_COLOR);
}
return;
}
textColors.value = getTextColors(background);
isDark.value = textColors.value.active === '#000000';
root.style.setProperty('--hover-bg-color', getHoverBackgroundColor(isDark.value));
root.style.setProperty('--text-color-primary', textColors.value.primary);
root.style.setProperty('--text-color-active', textColors.value.active);
if (writeBgColor) {
const bg = writeBgColor();
root.style.setProperty('--bg-color', bg || DEFAULT_BG_COLOR);
}
if (currentBackground.value) {
if (animationFrame.value) {
cancelAnimationFrame(animationFrame.value);
}
const result = animateGradient(currentBackground.value, background, (gradient) => {
currentBackground.value = gradient;
});
if (typeof result === 'number') {
animationFrame.value = result;
}
} else {
currentBackground.value = background;
}
};
onBeforeUnmount(() => {
if (animationFrame.value) {
cancelAnimationFrame(animationFrame.value);
}
});
return {
isDark,
currentBackground,
applyBackground
};
}
+9 -9
View File
@@ -9,7 +9,10 @@ import { usePlayerStore } from '@/store/modules/player';
export function useVolumeControl() { export function useVolumeControl() {
const playerStore = usePlayerStore(); const playerStore = usePlayerStore();
/** 音量滑块值 (0-100) */ /** 是否静音 */
const isMuted = computed(() => playerStore.isMuted);
/** 音量滑块值 (0-100),静音时仍展示原始音量 */
const volumeSlider = computed({ const volumeSlider = computed({
get: () => playerStore.volume * 100, get: () => playerStore.volume * 100,
set: (value: number) => { set: (value: number) => {
@@ -19,21 +22,17 @@ export function useVolumeControl() {
/** 音量图标 class */ /** 音量图标 class */
const volumeIcon = computed(() => { const volumeIcon = computed(() => {
if (playerStore.volume === 0) return 'ri-volume-mute-line'; if (playerStore.isMuted || playerStore.volume === 0) return 'ri-volume-mute-line';
if (playerStore.volume <= 0.5) return 'ri-volume-down-line'; if (playerStore.volume <= 0.5) return 'ri-volume-down-line';
return 'ri-volume-up-line'; return 'ri-volume-up-line';
}); });
/** 静音切换 (0 ↔ 30%) */ /** 切换静音(保留静音前的音量) */
const mute = () => { const mute = () => {
if (volumeSlider.value === 0) { playerStore.toggleMute();
volumeSlider.value = 30;
} else {
volumeSlider.value = 0;
}
}; };
/** 鼠标滚轮调整音量 ±5% */ /** 鼠标滚轮调整音量 ±5%;静音时向上滚轮会自动解除静音 */
const handleVolumeWheel = (e: WheelEvent) => { const handleVolumeWheel = (e: WheelEvent) => {
const delta = e.deltaY < 0 ? 5 : -5; const delta = e.deltaY < 0 ? 5 : -5;
const newValue = Math.min(Math.max(volumeSlider.value + delta, 0), 100); const newValue = Math.min(Math.max(volumeSlider.value + delta, 0), 100);
@@ -41,6 +40,7 @@ export function useVolumeControl() {
}; };
return { return {
isMuted,
volumeSlider, volumeSlider,
volumeIcon, volumeIcon,
mute, mute,
+4
View File
@@ -41,6 +41,7 @@ export const usePlayerStore = defineStore('player', () => {
musicFull, musicFull,
playbackRate, playbackRate,
volume, volume,
isMuted,
userPlayIntent, userPlayIntent,
isFmPlaying isFmPlaying
} = storeToRefs(playerCore); } = storeToRefs(playerCore);
@@ -97,6 +98,7 @@ export const usePlayerStore = defineStore('player', () => {
musicFull, musicFull,
playbackRate, playbackRate,
volume, volume,
isMuted,
userPlayIntent, userPlayIntent,
isFmPlaying, isFmPlaying,
@@ -113,6 +115,8 @@ export const usePlayerStore = defineStore('player', () => {
getVolume: playerCore.getVolume, getVolume: playerCore.getVolume,
increaseVolume: playerCore.increaseVolume, increaseVolume: playerCore.increaseVolume,
decreaseVolume: playerCore.decreaseVolume, decreaseVolume: playerCore.decreaseVolume,
setMuted: playerCore.setMuted,
toggleMute: playerCore.toggleMute,
handlePause: playerCore.handlePause, handlePause: playerCore.handlePause,
// ========== 播放列表管理 (Playlist) ========== // ========== 播放列表管理 (Playlist) ==========
+34 -2
View File
@@ -20,6 +20,7 @@ export const usePlayerCoreStore = defineStore(
const musicFull = ref(false); const musicFull = ref(false);
const playbackRate = ref(1.0); const playbackRate = ref(1.0);
const volume = ref(1); const volume = ref(1);
const isMuted = ref(false);
const userPlayIntent = ref(false); // 用户是否想要播放 const userPlayIntent = ref(false); // 用户是否想要播放
const isFmPlaying = ref(false); // 是否正在播放私人FM const isFmPlaying = ref(false); // 是否正在播放私人FM
@@ -65,7 +66,27 @@ export const usePlayerCoreStore = defineStore(
const setVolume = (newVolume: number) => { const setVolume = (newVolume: number) => {
const normalizedVolume = Math.max(0, Math.min(1, newVolume)); const normalizedVolume = Math.max(0, Math.min(1, newVolume));
volume.value = normalizedVolume; volume.value = normalizedVolume;
audioService.setVolume(normalizedVolume); // 用户调高音量时自动解除静音
if (isMuted.value && normalizedVolume > 0) {
isMuted.value = false;
}
audioService.setVolume(isMuted.value ? 0 : normalizedVolume);
};
/**
* 设置静音状态(不改变 volume,仅控制音频输出)
*/
const setMuted = (value: boolean) => {
if (isMuted.value === value) return;
isMuted.value = value;
audioService.setVolume(isMuted.value ? 0 : volume.value);
};
/**
* 切换静音
*/
const toggleMute = () => {
setMuted(!isMuted.value);
}; };
/** /**
@@ -169,6 +190,7 @@ export const usePlayerCoreStore = defineStore(
musicFull, musicFull,
playbackRate, playbackRate,
volume, volume,
isMuted,
userPlayIntent, userPlayIntent,
isFmPlaying, isFmPlaying,
audioOutputDeviceId, audioOutputDeviceId,
@@ -187,6 +209,8 @@ export const usePlayerCoreStore = defineStore(
getVolume, getVolume,
increaseVolume, increaseVolume,
decreaseVolume, decreaseVolume,
setMuted,
toggleMute,
handlePause, handlePause,
refreshAudioDevices, refreshAudioDevices,
setAudioOutputDevice, setAudioOutputDevice,
@@ -197,7 +221,15 @@ export const usePlayerCoreStore = defineStore(
persist: { persist: {
key: 'player-core-store', key: 'player-core-store',
storage: localStorage, storage: localStorage,
pick: ['playMusic', 'playMusicUrl', 'playbackRate', 'volume', 'isPlay', 'audioOutputDeviceId'] pick: [
'playMusic',
'playMusicUrl',
'playbackRate',
'volume',
'isMuted',
'isPlay',
'audioOutputDeviceId'
]
} }
} }
); );
+47 -1
View File
@@ -424,8 +424,55 @@ export const usePlaylistStore = defineStore(
} }
}; };
/**
* 私人FM:拉取下一首并播放(FM 列表始终只保留当前一首)
*/
const _nextFmPlay = async () => {
const playerCore = usePlayerCoreStore();
try {
const { getPersonalFM } = await import('@/api/home');
const res = await getPersonalFM();
const songs = res.data?.data;
if (!Array.isArray(songs) || songs.length === 0) {
playerCore.setIsPlay(false);
return;
}
const song = songs[0];
const fmSong = {
id: song.id,
name: song.name,
picUrl: song.al?.picUrl || song.album?.picUrl,
ar: song.artists || song.ar,
al: song.al || song.album,
source: 'netease' as const,
song,
...song,
playLoading: false
} as any;
await setPlayList([fmSong], false, false);
playerCore.isFmPlaying = true;
const { playTrack } = await import('@/services/playbackController');
await playTrack(fmSong, true);
} catch (error) {
console.error('FM切换下一首失败:', error);
playerCore.setIsPlay(false);
}
};
const _nextPlay = async (retryCount: number = 0, autoEnd: boolean = false) => { const _nextPlay = async (retryCount: number = 0, autoEnd: boolean = false) => {
try { try {
const playerCore = usePlayerCoreStore();
// 私人FM模式:忽略 playMode 与列表长度,直接拉取新的 FM 歌曲
if (playerCore.isFmPlaying) {
if (retryCount === 0) {
cancelRetryTimer();
consecutiveFailCount.value = 0;
}
await _nextFmPlay();
return;
}
if (playList.value.length === 0) return; if (playList.value.length === 0) return;
// User-initiated (retryCount=0): reset state // User-initiated (retryCount=0): reset state
@@ -434,7 +481,6 @@ export const usePlaylistStore = defineStore(
consecutiveFailCount.value = 0; consecutiveFailCount.value = 0;
} }
const playerCore = usePlayerCoreStore();
const sleepTimerStore = useSleepTimerStore(); const sleepTimerStore = useSleepTimerStore();
if (consecutiveFailCount.value >= MAX_CONSECUTIVE_FAILS) { if (consecutiveFailCount.value >= MAX_CONSECUTIVE_FAILS) {
+29
View File
@@ -1,6 +1,7 @@
import { onMounted, onUnmounted } from 'vue'; import { onMounted, onUnmounted } from 'vue';
import i18n from '@/../i18n/renderer'; import i18n from '@/../i18n/renderer';
import { audioService } from '@/services/audioService';
import { usePlayerStore, useSettingsStore } from '@/store'; import { usePlayerStore, useSettingsStore } from '@/store';
import { import {
@@ -37,6 +38,26 @@ const onUpdateAppShortcuts = (_event: unknown, shortcuts: unknown) => {
updateAppShortcuts(shortcuts); updateAppShortcuts(shortcuts);
}; };
const onMprisSeekOrSetPosition = (_event: unknown, position: number) => {
if (audioService) {
audioService.seek(position);
}
};
const onMprisPlay = async () => {
const playerStore = usePlayerStore();
if (!playerStore.play && playerStore.playMusic?.id) {
await playerStore.setPlay({ ...playerStore.playMusic });
}
};
const onMprisPause = async () => {
const playerStore = usePlayerStore();
if (playerStore.play) {
await playerStore.handlePause();
}
};
function shouldSkipAction(action: ShortcutAction): boolean { function shouldSkipAction(action: ShortcutAction): boolean {
const now = Date.now(); const now = Date.now();
const lastTimestamp = actionTimestamps.get(action) ?? 0; const lastTimestamp = actionTimestamps.get(action) ?? 0;
@@ -192,6 +213,10 @@ export function initAppShortcuts() {
window.electron.ipcRenderer.on('global-shortcut', onGlobalShortcut); window.electron.ipcRenderer.on('global-shortcut', onGlobalShortcut);
window.electron.ipcRenderer.on('update-app-shortcuts', onUpdateAppShortcuts); window.electron.ipcRenderer.on('update-app-shortcuts', onUpdateAppShortcuts);
window.electron.ipcRenderer.on('mpris-seek', onMprisSeekOrSetPosition);
window.electron.ipcRenderer.on('mpris-set-position', onMprisSeekOrSetPosition);
window.electron.ipcRenderer.on('mpris-play', onMprisPlay);
window.electron.ipcRenderer.on('mpris-pause', onMprisPause);
const storedShortcuts = window.electron.ipcRenderer.sendSync('get-store-value', 'shortcuts'); const storedShortcuts = window.electron.ipcRenderer.sendSync('get-store-value', 'shortcuts');
updateAppShortcuts(storedShortcuts); updateAppShortcuts(storedShortcuts);
@@ -211,6 +236,10 @@ export function cleanupAppShortcuts() {
window.electron.ipcRenderer.removeListener('global-shortcut', onGlobalShortcut); window.electron.ipcRenderer.removeListener('global-shortcut', onGlobalShortcut);
window.electron.ipcRenderer.removeListener('update-app-shortcuts', onUpdateAppShortcuts); window.electron.ipcRenderer.removeListener('update-app-shortcuts', onUpdateAppShortcuts);
window.electron.ipcRenderer.removeListener('mpris-seek', onMprisSeekOrSetPosition);
window.electron.ipcRenderer.removeListener('mpris-set-position', onMprisSeekOrSetPosition);
window.electron.ipcRenderer.removeListener('mpris-play', onMprisPlay);
window.electron.ipcRenderer.removeListener('mpris-pause', onMprisPause);
document.removeEventListener('keydown', handleKeyDown); document.removeEventListener('keydown', handleKeyDown);
} }
+4 -4
View File
@@ -915,16 +915,16 @@ const saveDownloadSettings = () => {
}; };
const initDownloadSettings = async () => { const initDownloadSettings = async () => {
const path = await window.electron.ipcRenderer.invoke('get-store-value', 'set.downloadPath'); const path = window.electron.ipcRenderer.sendSync('get-store-value', 'set.downloadPath');
const nameFormat = await window.electron.ipcRenderer.invoke( const nameFormat = window.electron.ipcRenderer.sendSync(
'get-store-value', 'get-store-value',
'set.downloadNameFormat' 'set.downloadNameFormat'
); );
const separator = await window.electron.ipcRenderer.invoke( const separator = window.electron.ipcRenderer.sendSync(
'get-store-value', 'get-store-value',
'set.downloadSeparator' 'set.downloadSeparator'
); );
const saveLyric = await window.electron.ipcRenderer.invoke( const saveLyric = window.electron.ipcRenderer.sendSync(
'get-store-value', 'get-store-value',
'set.downloadSaveLyric' 'set.downloadSaveLyric'
); );
+19
View File
@@ -341,6 +341,7 @@ const displayMode = computed(() => lyricSetting.value.displayMode);
const showTranslation = computed(() => lyricSetting.value.showTranslation); const showTranslation = computed(() => lyricSetting.value.showTranslation);
let hideControlsTimer: number | null = null; let hideControlsTimer: number | null = null;
let removeMousePresenceListener: (() => void) | null = null;
const isHovering = ref(false); const isHovering = ref(false);
@@ -400,6 +401,7 @@ watch(
// 锁定时自动关闭主题色面板 // 锁定时自动关闭主题色面板
showThemeColorPanel.value = false; showThemeColorPanel.value = false;
} }
windowData.electron.ipcRenderer.send('set-lyric-lock-state', newLock);
} }
); );
@@ -782,10 +784,27 @@ onMounted(() => {
// 通知主窗口歌词窗口已就绪,请求发送完整歌词数据 // 通知主窗口歌词窗口已就绪,请求发送完整歌词数据
windowData.electron.ipcRenderer.send('lyric-ready'); windowData.electron.ipcRenderer.send('lyric-ready');
removeMousePresenceListener = window.ipcRenderer.on(
'lyric-mouse-presence',
(isInside: boolean) => {
isHovering.value = isInside;
if (lyricSetting.value.isLock) {
windowData.electron.ipcRenderer.send('set-ignore-mouse', !isInside);
}
}
);
windowData.electron.ipcRenderer.send('set-lyric-lock-state', lyricSetting.value.isLock);
}); });
onUnmounted(() => { onUnmounted(() => {
window.removeEventListener('resize', updateContainerHeight); window.removeEventListener('resize', updateContainerHeight);
if (removeMousePresenceListener) {
removeMousePresenceListener();
removeMousePresenceListener = null;
}
}); });
const checkTheme = () => { const checkTheme = () => {