Applemusic Like Lyrics Versions Save

A lyric player component library aims to look similar to iPad version of Apple Music. Also with DOM, React and Vue bindings. 一个基于 Web 技术制作的类 Apple Music 歌词显示组件库,同时支持 DOM 原生、React 和 Vue 绑定。

main-nightly

2 weeks ago

Documentation

Commits

  • 解耦部分模块 (SteveXMH)
  • 支持调节背景帧数和渲染精度 (SteveXMH)
  • 更新构建工作流 NodeJS 版本 (Steve-xmh)
  • 增加 ESLyric 歌词格式支持 (SteveXMH)
  • 补充说明 (SteveXMH)
  • 让歌词行保持在 GPU 层以缓解 CPU 压力 (SteveXMH)
  • a41d7f8: 更改辉光判定和渲染 (Eplor)
  • 将是否应用强调效果的条件还原回去 (SteveXMH)
  • 重新调节了辉光效果和相关样式的匹配 (SteveXMH)
  • 57b243b: 优化请求接口 (SteveXMH)
  • 增加镜像源以加速 AMLL TTML DB 歌词获取 (SteveXMH)
  • 完成对接低频数据到背景渲染器实现特殊效果 (SteveXMH)
  • 5e45dbd: Merge branch 'dev' of github.com:Steve-xmh/applemusic-like-lyrics into dev (SteveXMH)
  • 更新构建 (Steve-xmh)
  • 统一了音频可视化数据源 (SteveXMH)
  • 可以让背景接收音频可视化数据了 (SteveXMH)
  • 传入fttLowCut Shader实现 (Eplor)
  • 90ab6b5: Merge branch 'dev' of github.com:Steve-xmh/applemusic-like-lyrics into dev (SteveXMH)
  • 支持传参FFT到背景 (SteveXMH)
  • 微调了音频可视化效果 (SteveXMH)
  • 增加作为组件嵌入其他项目的环境类别 (Steve-xmh)
  • 调优了窗口较小时的布局 (Steve-xmh)
  • 优化竖向布局 (Steve-xmh)
  • 流体FFT动画算法超级更新 (Eplor)
  • 修复FFT流体动态效果幅度 (Eplor)
  • 优化背景跳动算法 (SteveXMH)
  • 增加显示背景调试数据功能 (SteveXMH)
  • 稍微调整了一下fft动画算法 core: 给shader加了一个参数 (Eplor)
  • 构建 (Steve-xmh)
  • 支持 Eplor 背景修改流动速度 (SteveXMH)
  • 修正产物类型定义文件指向 (SteveXMH)
  • 修正样式 (SteveXMH)
  • 为 Eplor 流体背景增加切换图像过渡效果 (Steve-xmh)
  • 增加根据是否有歌词调节背景效果 (SteveXMH)
  • 可配置禁用混色效果 (SteveXMH)
  • 调整背景动画 更好的背景渲染效果 (Eplor)
  • 调整了流体渲染效果 基本完美 (Eplor)
  • 对传入的歌词行做空格后处理 (SteveXMH)
  • be28468: Merge branch 'dev' of github.com:Steve-xmh/applemusic-like-lyrics into dev (SteveXMH)
  • 独立音频可视化模块回归 (SteveXMH)
  • 修正解算过程 (SteveXMH)
  • 调优计算过程 (SteveXMH)
  • 微调了首行的间奏动画结束时间 (SteveXMH)
  • 默认使用 EplorRenderer 背景渲染器 (SteveXMH)
  • 修改了nolyric的判定方式,在有歌词但还在加载的时候背景不会出现跳动 (Eplor)
  • a988558: Merge branch 'dev' of github.com:Steve-xmh/applemusic-like-lyrics into dev (Eplor)
  • 9c1698f: 编译 (Eplor)
  • 修复背景流体变化速度过快bug 调整流体每次播放时随机样式 (Eplor)
  • 调整了竖向的排版 (Eplor)
  • 修改了横向歌词封面的动画和阴影效果 调整了竖向歌词的排版 (Eplor)
  • 修改拉条动画 (Eplor)
  • 修改界面 (Eplor)
  • 修正进度条动画 (SteveXMH)
  • 回滚横向歌词界面蒙版 (Eplor)
  • 修正字重 (Steve-xmh)
  • 修正了歌词行后处理不当的问题 (Steve-xmh)
  • 改进了返回横条动画 (Steve-xmh)
  • 流体调整 辉光动画调整 bncm: 横向歌词界面调整 (Eplor)
  • ce63814: Merge branch 'dev' of github.com:Steve-xmh/applemusic-like-lyrics into dev (Eplor)
  • 修正 Atom,修正播放组件样式 (SteveXMH)
  • bb6e526: Merge branch 'dev' of github.com:Steve-xmh/applemusic-like-lyrics into dev (SteveXMH)
  • 流体背景大改 基本99%还原 (Eplor)
  • 优化无歌词时横向布局的过渡,以位移代替布局变更以优化流畅度 (SteveXMH)
  • 修正自定义视频专辑图圆角 (SteveXMH)
  • 由于混合模式遭到影响,换为使用 left 来位移 (SteveXMH)
  • 改进渲染管线以支持TAA抗锯齿 (SteveXMH)
  • 修正当单词时长有误的情况下保持高亮的问题 (SteveXMH)
  • 近乎解决了色带现象 (Steve-xmh)
  • 优化歌曲信息布局,竖向布局等 (SteveXMH)
  • 不再存储部分库的构建产物 (SteveXMH)
  • 修正构建 (SteveXMH)
  • 稍微调整了一下fft动画算法 (Eplor)
  • f2dc12d: merge (Eplor)
  • 修正构建 调整辉光判断 (Eplor)
  • obfuscation (Eplor)
  • readme (Eplor)
  • 逐字歌词opacity问题修复 (Eplor)
  • fft动画算法微调 (Eplor)
  • 横向歌词界面调整 core: 辉光效果测试 (Eplor)
  • 辉光效果测试 (Eplor)
  • 横向歌词界面调整 core: 小小的也很可爱 (Eplorr)
  • 对于相同行数的逐词歌词,直接按行配对翻译和音译歌词 (SteveXMH)
  • 横向歌词界面修改 core: 辉光效果测试 (Eplorr)
  • 不再仓库存储构建产物 (Steve-xmh)
  • 向下兼容实验性版本 WebGL2 (SteveXMH)
  • 界面调整 (Eplorr)
  • 更改界面 (Eplorr)
  • 增加全局歌词时间偏移 (SteveXMH)
  • 辉光测试 (Eplorr)
  • 辉光测试 (Eplorr)
  • 修正歌词无法获取的问题 (Steve-xmh)
  • ee94471: ws-protocol: 增加设置音量协议 (Steve-xmh)
  • 改进代码风格 (SteveXMH)
  • 3146a4a: skia-player: 删除 LFS 字体以缓解带宽使用 (SteveXMH)
  • f164632: 更新React模块的教程 (SteamFinder) #229
  • 95dfe80: 添加LyricPlayer组件的文档 (SteamFinder) #229
  • 5e7d904: 修复超链接问题 (SteamFinder) #229
  • e2a006d: 优化行文顺序 (SteamFinder) #229
  • 376b976: 优化LyricPlayer行文 (SteamFinder) #229
  • 4ee296e: 添加bgRender文档;修复lyricPlayer文档 (SteamFinder) #229
  • 8e187a4: 添加xionghaizi001编写的ttml-tools文档 (SteamFinder) #229
  • 47d6754: 添加GPT翻译声明 (SteamFinder) #229
  • dc4d80d: 优化翻译声明 (SteamFinder) #229
  • c39805b: 再次优化翻译声明信息 (SteamFinder) #229
  • f741f61: 优化代码显示 (SteamFinder) #229
  • fft动画调整 core: 辉光动画基本完成 (Eplorr)
  • 辉光 (Eplorr)
  • 适配元数据读写 (Steve-xmh)
  • 增加悬浮在专辑图上隐藏指针的设置 (Steve-xmh)
  • 辉光判断修正 (Eplorr)
  • 辉光效果更新 (Eplorr)
  • 重构优化强调效果 (Steve-xmh)
  • 为 Eplor 渲染器增加噪声图纹理 (Steve-xmh)
  • 销毁背景时销毁噪声图纹理 (Steve-xmh)
  • 调整辉光效果 (Eplorr)
  • bf325f2: 合并更改 (Steve-xmh)
  • 更换噪声图 (Steve-xmh)
  • 增加仅悬浮的强调效果 (Steve-xmh)
  • 修正背景歌词时间戳的解析判定 (Steve-xmh)
  • 修正对唱背景歌词判定 (Steve-xmh)
  • 调优强调动画曲线 (Steve-xmh)
  • 调优强调动画曲线 (Steve-xmh)
  • 实验性使用 Web Animation 实现渐变过渡遮罩 (Steve-xmh)
  • 基本完成歌词行动画优化改造 (Steve-xmh)
  • 修正新的渐变遮罩动画效果,现在可以基本工作了 (Steve-xmh)
  • 保留原过渡方式以向后兼容 Chrome 120 以前版本 (Steve-xmh)
  • 增加兼容性信息,移除了 NCM 系信息 (Steve-xmh)
  • 修复测试 (Eplorr)
  • 修正渐变过渡 (Steve-xmh)
  • 辉光曲线调整 (Eplorr)
  • 辉光动画调整 (Eplorr)
  • 修复提交导致的错误 (Eplorr)
  • 修正当前滚动歌词取消激活后不正确透明的问题 (Steve-xmh)
  • 修改字重 (Steve-xmh)
  • 调优专辑图阴影层级 (Steve-xmh)
  • 准备发布 3.1.0 最终版 (Steve-xmh)
  • 发布 BNCM 3.1.0 最终版 🎉 (Steve-xmh)
  • 32a4907: Update README.md (SteveXMH)

dev-nightly

2 months ago

Commits

  • 5ea7c7e: 修正边距 (Steve-xmh)

v3.1.0-nightly

3 months ago

v3.1.0

3 months ago

历经 140+ 个提交后,我们终于推出了插件端的最终版本!

主要更新摘要

完全重构的流体背景!

在和 Apple Music 几乎别无二致的情况下大幅度降低了性能开销! 在 BNCM 3.0.0+ 环境中,还能根据音频的鼓点动态变化哦! 在此非常感谢 @Eplorr 在背景着色器方面的贡献!

新的渐变过渡算法!

使用 Web Animation API 重构了渐变过渡算法,现在单词的渐变过渡更加平滑且流畅了!

新的辉光强调效果!

在效果和性能上更优于之前的版本了!

新的可调节选项!

现在你可以设置更多的选项了:

  • 单独隐藏音量控制条
  • 悬浮到专辑图隐藏光标
  • 禁用混色效果
  • 加载音乐后自动暂停播放(便于录制视频)
  • ...还有更多!

今后的计划

出于各方考虑,我们将终止 BNCM 插件版本的开发,故将这个版本定义为最终版本。 也因此,今后不再接受任何有关 BNCM 插件版本的反馈。

今后原 BNCM 插件中的代码将会被拆解并重新组合成一个便于二次开发的 React 组件库包,方便更多前端开发者使用,尽请期待!

同时,我们也将会完善外置播放器的功能,有望将其转型为本地播放器并继续提供协议连接播放功能,尽请期待!

v3.0.3-nightly

6 months ago

v3.0.3

6 months ago

修正与改进

  • bncm: 修正NCM3中音频播放进度潜在异常问题
  • bncm: 优化FFT效果,并增加可选后处理
  • bncm: 修正横向布局潜在导致切歌闪烁的问题
  • bncm: 修正竖向布局的一些细节问题
  • bncm: 根治了 macOS 的函数搜索

v3.0.2-nightly

6 months ago

v3.0.2

6 months ago

修正与改进

  • bncm: 修正不会创建插件文件夹的问题
  • bncm: 修正音频可视化会有滞后的问题,并优化演出效果
  • bncm: 修正布局细节问题
  • bncm: 增加 AMLL TTML DB 歌词提示
  • core: 优化单词透明度
  • core: 可能修正了单词渐变效果有潜在白边的问题
  • core: 支持触摸事件滚动歌词组件
  • core: 支持对滚动边界加以限制
  • core: 更新文档
  • vue: 更新版本
  • react: 更新版本

v3.0.1-nightly

6 months ago

v3.0.1

6 months ago

太激动忘记给插件缩略图了