惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

雷峰网
雷峰网
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
大猫的无限游戏
大猫的无限游戏
Google DeepMind News
Google DeepMind News
V
V2EX
T
The Blog of Author Tim Ferriss
H
Hackread – Cybersecurity News, Data Breaches, AI and More
Hugging Face - Blog
Hugging Face - Blog
Stack Overflow Blog
Stack Overflow Blog
I
InfoQ
博客园_首页
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
Last Week in AI
Last Week in AI
Recent Announcements
Recent Announcements
Vercel News
Vercel News
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
T
Tailwind CSS Blog
美团技术团队
Martin Fowler
Martin Fowler
宝玉的分享
宝玉的分享
Blog — PlanetScale
Blog — PlanetScale
GbyAI
GbyAI
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
J
Java Code Geeks

少数派

派早报:Google 发布 Fitbit Air 等 - 少数派 「新人报到」確認需求,再開始 - 少数派 从 SOLO 独立开发者社区,我看到了越来越多开发者开始做自己的产品 - 少数派 我怎么管理那些"不常做,但总会忘"的生活事项 - 少数派 人形机器人量产元年,数据才是具身智能的“生死线” - 少数派 BuhoLaunchpad 高度还原 Mac 启动台:开发历程与思考 - 少数派 五年陪伴依然不舍,DIY 换壳后让罗技 MX Master 3 继续服役 - 少数派 新玩意 240|少数派的编辑们最近买了啥? - 少数派 一日一技|为什么你应该关闭 iOS 的键盘声音 - 少数派 我做了个插件和 Skills,一键提取任何网站的设计规范 Design.md - 少数派 住在三四线城市的你,该开始录播客了 - 少数派 甘南秘境,大白高国 - 少数派 AI的审美:谁让把我变成川内倫子 - 少数派 返工怎能不烦恼,打工人片单总有一部是你的「嘴替」 - 少数派 为了让「上厕所」更健康,我做了一个小工具 - 少数派 AI + Skill,能够让生成的文章去除 AI 味吗? - 少数派 新玩意|韶音OpenDots ONE 耳夹式耳机 - 少数派 《美满》| 在每一个春天的晚上相爱(362) - 少数派 新玩意|优篮子 PS01 MagSnap 磁吸支架 - 少数派 自我整合手记 | 我开始早睡了:用稳定规则,为自由托底 - 少数派 用龙虾(OpenClaw)两个多月,我最深的12个体会 - 少数派 听歌时间到,12 张你可能错过的 2025 华语乐坛好专辑 - 少数派 承诺能追吗 - 少数派 macOS 26启动台没了? 我做了个不一样的App启动器 - Keboard - 少数派 《四海为家的人》| INTJ对话INTJ(361) - 少数派 你发过的那些黑历史,是时候一次清干净了 - 少数派 新玩意:安安静静玩,越玩越专注:计客密码机 - 少数派 iPad 用户首次体验 Android 平板:vivo Pad6 Pro - 少数派 数据逻辑强 - 少数派 极北行+ | 一路向北,探访日本至北之地 | 001 - 少数派
BetterLyrics - 一款专为 Windows 打造的沉浸式流畅歌词显示...
2025-07-15 · via 少数派

Matrix 首页推荐 

Matrix 是少数派的写作社区,我们主张分享真实的产品体验,有实用价值的经验与思考。我们会不定期挑选 Matrix 最优质的文章,展示来自用户的最真实的体验和观点。 
文章代表作者个人观点,少数派仅对标题和排版略作修改。


前言

借助于基于 Fluent Design 设计语言和对 Win32 API 极强支持性的 WinUI 3 框架,BetterLyrics 的开发之路显得充满乐趣而不乏味。

自项目新建文件夹以来已过去 2 个月。过去的一个月,把软件发布到应用商店、收集用户的反馈建议、迭代数个版本,到今天终于有了一个较为完善的成品,现在终于有空闲下心来,分享一下这个我自己做的开源软件和一些开发相关的内容吧。

软件简述

这是一款沉浸式歌词显示软件,支持捕获当前播放器(如系统播放器、QQ 音乐、酷狗音乐、Spotify、Apple Music 等)播放的音乐信息并实时从本地(本地 lrc、eslrc、ttml 文件)或联网(QQ音乐歌词源、网易歌词源、酷狗歌词源、LrcLib、amll-ttml-db)检索歌词并辅以沉浸式体验、流畅动画展示给用户。

觉得好用请点个 star 支持开发者~

(当前最新版本正在应用商店审核中,若要体验最新版请在 GitHub release 页面中的谷歌云盘链接下载体验,安装方法及更多信息请参见 README)

软件截图

不过,在分享之前还是先把截图放出来,不然大家看到满满一屏文字说不定就划走了。

标准模式

这就是软件的主界面了,可以看到默认状态下无多余元素,只有专辑图片、歌曲名、歌手名、歌词(和翻译)

辉光+上浮动画
扇形歌词
仅显示歌词
仅显示专辑封面

停靠模式

背景、歌词颜色会自适应当前窗口背景、动态更换

暗色背景下文字为亮色

桌面模式

同样的思路,亮色背景下文字为暗色

而暗色背景下文字为亮色

设置界面

众多设置项可供调整

开发背景、动机与展望

Windows 上的歌词显示/本地播放器软件现在也不算缺乏,相信大家都知道 Lyricify 这一系列的软件,还有 Salt Player。这两个软件的效果当然很不错,但是他们有各自的局限性:Lyricify 4 仅支持 Spotify,Lyricify Lite 仅有灵动岛、桌面歌词两种模式;Salt Player for Windows 主要是针对播放器,歌词方面较为平滑稳重。

本软件的开发借鉴了这两款软件的界面(当然,不涉及代码,因为这两款软件均为闭源软件),除此之外还参考了 BetterNCM 的 refined-now-playing-netease 插件,停靠模式设计实现灵感来自 MyToolBar。

未来开发展望是做成本地播放器(本地文件夹+局域网/NAS扫曲),开发期限不确定,看之后的时间分配了。

重要部分实现

歌词显示软件,顾名思义,怎么显示/渲染歌词就是重头戏。

歌词绘制

最初开发的时候选择的是构建一个 TextBlock 的 List(现在看来这个想法很傻),但随着动画需求的增加、动画复杂度的堆叠,依靠控件实现的效果并不好。

于是开始搜怎么优化性能,搜着搜着发现了一片博文【Win2D 中的游戏循环:CanvasAnimatedControl】,再顺着 Win2D 的文档看下去,就找到了最终的解决办法了。

Win2D 是一种易于使用的 Windows 运行时 (WinRT) API,用于使用 GPU 加速进行即时模式的 2D 图形呈现。 它非常适合用于创建简单游戏、显示(如图表)和其他简单的 2D 图形。
——引用自微软官方文档

这个库提供了非常多的 Effect 可供使用,例如 GaussianBlurEffect(高斯模糊)、OpacityEffect(透明度)、DisplacementMapEffect(扭曲)、BrightnessEffect(明度)、ShadowEffect(阴影)等等,这些都是能够开发出这款动画丰富的歌词软件的基础。

整体思路就是先计算、再绘制,绘制的时候要考虑层级关系(遮挡关系,即哪一层先绘制、哪一层后绘制)、哪些层是要当作一个整体处理的,慢慢写下来就差不多了。

媒体信息监听

这一部分主要想说一下跨线程访问的问题,从SMTC触发的事件所在的线程并不在程序所在的UI线程,所以回调前一定要 DispatcherQueue.TryEnqueue(()=>{ /* Your code here */ })  让事件处理在 UI 线程中进行。

其他

这里还要感谢很多第三方 Nuget 包,包括 Lyricify-Lyrics-Helper(对,就是 Lyricify 那个软件的作者发布的帮助类包,该包提供了歌词下载、解密、解析等功能)、WinUIEx(提供了众多有关窗口的封装方法)、Audio Tools Library (ATL) for .NET 和 TagLib#(提供了读取本地文件元信息的方法)、Vanara.PInvoke(封装了大量的 Win32 API 以供使用)

感谢你看到这里,别忘了去 https://github.com/jayfunc/BetterLyrics 留下 star 、下载体验。有任何问题欢迎加群(详见 GitHub 内群信息)或创建 issue 反馈。也更欢迎 pull requests。

> 关注 少数派小红书,感受精彩数字生活 🍃

> 实用、好用的 正版软件,少数派为你呈现 🚀