☰
SPlayer-Next 歌词设置完全指南:桌面歌词、灵动岛与任务栏歌词这样调最惊艳
2026/10/14 18:21:52 网站建设 项目流程

【免费下载链接】SPlayer-Next

🎵 Cross-platform desktop music player with rich lyric support and wide audio format compatibility. 跨平台桌面音乐播放器,支持丰富歌词与多种音频格式

项目地址:https://gitcode.com/gh_mirrors/sp/SPlayer-Next
点击查看免费下载

SPlayer-Next 是一款跨平台桌面音乐播放器,支持 LRC / QRC / YRC / TTML 多种歌词格式与逐字高亮。本文将带你快速上手它的三大歌词窗口——桌面歌词、灵动岛与Windows 任务栏歌词,从零讲清每个开关该怎么调,让你获得最惊艳的歌词体验。

三种歌词窗口,一张表看懂区别 🎯

SPlayer-Next 的歌词不只在主播放页显示,还可以独立"跑"到屏幕的任意位置。三者定位各有不同:

窗口平台特点适合场景
桌面歌词Windows / macOS / Linux悬浮窗口,可拖动、置顶、锁定,样式可深度定制边干活边听歌,歌词常驻桌面
灵动岛Windows / macOS / Linux(macOS 有刘海融合)屏幕顶部居中的紧凑歌条,支持缩放与切换动画想要"苹果味"的简洁歌词条
任务栏歌词仅 Windows歌词直接嵌入系统任务栏,支持显示封面缩略图不想占用桌面空间

提示:三项功能在设置面板中都带有Beta标签,说明仍在持续迭代中。

设置入口位于设置 → 外部歌词,对应源码见 externalLyric.ts;官方说明可参考 docs/guide.md。

快速开关:两处入口即可

不必每次都进设置页,两个快捷入口更方便:

  • 播放页按钮:底部播放栏的歌词按钮,点亮状态即代表桌面歌词已开启,见 Toolbar.vue;
  • 托盘菜单:点击系统托盘图标,可直接切换桌面歌词 / 灵动岛 / 任务栏歌词,实现见 tray.ts。

桌面歌词:最惊艳的悬浮歌词怎么调

窗口实现位于 desktopLyric.ts,渲染页面在 windows/desktop-lyric/。建议按下面三步调出最佳效果:

第一步:字号、字重与对齐

选项推荐值说明
字号32–48 px(范围 20–96)桌面小屏选 32 左右,大屏可拉到 48+
字重600(默认)想要更"粗壮"的歌词选 700–900
对齐方式居中也支持居左 / 居右 / 两端对齐
双行显示开启同时显示当前行与下一行,更有节奏感

第二步:配色,决定"惊艳"程度

  • 已播放颜色:默认纯白#ffffff,建议保留;
  • 未播放颜色:默认灰色#7d7d7d,与已播放形成鲜明对比;
  • 描边颜色:默认半透明黑rgba(0, 0, 0, 0.5)——浅色壁纸下让歌词清晰可读的关键;
  • 文本背景遮罩:默认关闭,若壁纸花哨、文字看不清,打开并调深遮罩颜色即可。

第三步:行为细节

  • 逐字高亮+自动生成逐字效果:默认均开启,普通 LRC 也能获得逐字渲染;
  • 显示翻译:默认开启,副行显示翻译文本;
  • 窗口置顶 / 切换动画 / 限制在屏幕内:按需调整;
  • 锁定窗口:锁定后鼠标点击会穿透到下层窗口且无法拖动,适合"只看不用动"的场景;
  • 使用 CSS 拖拽:Wayland 桌面环境建议开启,可解决拖拽失效问题。

灵动岛:把苹果式歌词条搬到桌面

灵动岛是屏幕顶部居中的紧凑歌条,窗口实现在 dynamicIsland.ts,页面位于 windows/dynamic-island/。核心调法:

  • 缩放比例:50%–200%,窗口高度与字号同步缩放,笔记本屏幕推荐 80%–100%;
  • 切换动画:bounce(灵动回弹,默认)更有弹性,smooth(平滑过渡)更沉稳;
  • 配色三件套:已播放颜色(默认白色)、未播放颜色(默认半透明白)、背景颜色(默认纯黑),改背景透明度可以让它更"隐形";
  • 刘海融合(仅 macOS):在 MacBook 刘海屏上,灵动岛会从物理刘海向下扩展,观感极佳;
  • 非遮挡模式:鼠标完全穿透窗口、悬停时隐藏内容,适合不想被打扰的场景;
  • 灵动岛默认单行("总是显示双行"默认关闭),与桌面歌词的双行策略正好相反。

任务栏歌词:Windows 用户的隐藏彩蛋

任务栏歌词仅 Windows 可用,且由 Rust 原生模块taskbar-lyric负责渲染,源码在 native/taskbar-lyric/,主进程入口见 taskbarLyric.ts。重点选项:

选项推荐值说明
显示位置自动跟随任务栏对齐方式,也可指定左 / 右侧
配色模式跟随任务栏自动匹配深浅色任务栏,另有"反向 / 浅色 / 深色"可选
显示封面开启(默认)歌词旁显示当前曲目封面缩略图
双行显示 + 显示翻译均开启副行优先显示翻译,无翻译时显示下一行
自动宽度开启自动使用任务栏可用区域,也可关闭后手动设 200–800 px
左 / 右边距0–500 px用来避开任务栏上的其他组件

别忘了:歌词内容与字体也是设置项

外部窗口只负责"往哪儿显示","显示什么内容"由设置 → 歌词统一控制,见 lyric.ts:

  • 歌词来源偏好:auto / 指定平台 / 本地,并可设置音源排序与格式偏好(LRC / QRC / YRC / TTML);
  • 在线 TTML 歌词(Beta):接入社区 AMLL TTML DB,逐字歌词带翻译与音译,观感接近 Apple Music;
  • 本地 TTML 歌词库(Beta):命中本地.ttml文件时优先于在线歌词;
  • 中日韩转换:简繁互转、繁转日等 13 种模式,看粤语 / 日语歌必备;
  • 字体配置:在 FontConfig.vue 中可以分别为桌面歌词、灵动岛歌词、任务栏歌词指定独立字体,这是让三者风格各异的捷径。

常见问题速答 💡

  • Linux 上桌面歌词拖不动?开启"使用 CSS 拖拽",这是 Wayland 环境的兼容方案,详见 wayland.md;
  • 歌词不逐字高亮?检查"逐字高亮"与"自动生成逐字效果"是否开启,或换用 TTML 来源;
  • 想同时开三个窗口吗?可以,三者互不冲突,但建议至少关闭两个,避免屏幕太"热闹"。

以上就是 SPlayer-Next 歌词设置的完整调法:桌面歌词负责"好看",灵动岛负责"简洁",任务栏歌词负责"不占地方"。去设置面板挑一个开始折腾吧!🎵

【免费下载链接】SPlayer-Next

🎵 Cross-platform desktop music player with rich lyric support and wide audio format compatibility. 跨平台桌面音乐播放器,支持丰富歌词与多种音频格式

项目地址:https://gitcode.com/gh_mirrors/sp/SPlayer-Next
点击查看免费下载

相关推荐

创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考

需要专业的网站建设服务?

联系我们获取免费的网站建设咨询和方案报价,让我们帮助您实现业务目标

立即咨询