前言
借助于基于 Fluent Design 设计语言和对 Win32 API 极强支持性的 WinUI 3 框架,BetterLyrics 的开发之路显得充满乐趣而不乏味。
软件简述
这是一款沉浸式歌词显示软件,支持捕获当前播放器(如系统播放器、QQ音乐、酷狗音乐、Spotify、Apple Music等)播放的音乐信息并实时从本地(本地lrc、eslrc、ttml文件)或联网(QQ音乐歌词源、网易歌词源、酷狗歌词源、LrcLib、amll-ttml-db)检索歌词并辅以沉浸式体验、流畅动画展示给用户。
【开源地址】github.com/jayfunc/Bet…
中文 README 请阅读 github.com/jayfunc/Bet…
觉得好用请点个 star ⭐ 支持开发者~
【微软应用商店】apps.microsoft.com/detail/9p1w…
软件截图
【标准模式】
这就是软件的主界面了,可以看到默认状态下无多余元素,只有专辑图片、歌曲名、歌手名、歌词(和翻译)
辉光+上浮动画
扇形歌词
仅显示歌词
仅显示专辑封面
【停靠模式】
背景、歌词颜色会自适应当前窗口背景、动态更换
底部小白条
触发悬浮控制栏面板
暗色背景
【桌面模式】
亮色背景
暗色背景
【设置界面】
众多设置项可供调整
开发背景、动机与展望
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 以供使用)
感谢你看到这里,别忘了去 github.com/jayfunc/Bet… 留下 star ⭐ 、下载体验哦~
有任何问题欢迎加群(详见 GitHub 内群信息)或创建 issue / pull requests~