Skip to content

易格音乐 (e-cells-music) v1.2.4

Choose a tag to compare

View all tags
@e-cells e-cells released this 08 Jun 07:45
· 11 commits to main since this release
V1.2.4
7140336

🎤 歌词逐字渐变修复

  • 修复竖屏（写真模式）逐字歌词渐变不可见问题：竖屏下歌手写真背景亮度较高，白色未播文字与背景融为一体，导致从左到右的渐 变扫光视觉上不可见。现在通过歌词区域渐变暗化 + 文字投影增强对比度，竖屏和横屏效果一致

⚡ 歌词性能优化（适配低端安卓车机）

  • 逐字渐变渲染改为直接 DOM 操作：绕过 Vue 响应式和虚拟 DOM diff，不再为每个字符每帧创建新 style
    对象，消除低端设备上的核心性能瓶颈
  • playSeekMs 从 ref 改为普通变量：移除不必要的响应式 setter 开销
  • 移除 .lyric-yrc-char 的 will-change 属性：避免每个字符创建独立 GPU 合成层，减少低端设备显存压力
  • 跳过 highlighted 属性遍历：updateCurrentIndex 新增 skipHighlight 参数，逐字渐变由 DOM 直接驱动时不再更新冗余状态
  • 删除死代码 getYrcStyle()：模板不再调用，清理无用函数
  • 歌词行增加 CSS Containment：.lyric-row 添加 contain: layout style，浏览器重绘时可跳过其他行
  • 精简 .lyric-line transition 属性：移除未使用的 background-color 和 box-shadow 过渡
  • 背景模糊半径优化：blur(60px) →blur(30px)，视觉差异极小但 GPU 开销减半

🖥️桌面歌词优化

  • 行查找算法优化：findLineIndex() 从 O(n) 线性扫描改为 O(log n) 二分查找

📐 横屏低高度屏幕适配

  • 封面尺寸缩小：桌面端从 clamp(240px, 38vh, 400px) 调整为 clamp(160px, 30vh, 400px)，600px 高度屏幕下封面高度从约
    228px 降至 180px
  • 封面卡片 padding 缩减：从 18px 8px 12px 调整为 10px 8px 6px
  • 歌名区间距与字号缩小：间距从 mt-7 减至 mt-4，标题字号从 26px 减至 24px
  • 移除播放控制行负边距：md:-mt-6 改为 md:mt-0，彻底消除进度条与播放按钮重合问题

🔧 其他调整

  • 歌词提前显示量（lookahead）调整为 0ms，性能优化后歌词已能实时同步
Assets 6
Loading