XCMusic 开发者日志 02:Electron 还是 Tauri?
Electron 的打包方式 Electron 采用 Chromium 前端 + NodeJS 后端 + 系统 API 的架构模式^a。软件打包后,Chromium 和 NodeJS 构成了存储空间的主要部分。 以 XCMusic 的 Windows 安装包为例:Electron 10+ 打包体积约 60MB,升级至 Electron 35 后增至…
XCMusic 开发者日志 01 :歌词动画
网易云音乐的歌词 api 返回的歌词类型有两种:逐行歌词(lrc)和逐字歌词(yrc)。 目标 需要实现的歌词动画包括: 滚动动画:平滑滚动到当前行 缩放动画:当前行的缩放从 1.0 缓变为 1.3,上一行反向变化 逐字歌词动画:从左到右的剪切效果 逐行歌词可视为逐字歌词的特例:即动画长度为 0 的逐字歌词。 初代方案:基于 CSS 动画的实现 初…