applemusic-like-lyrics

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 绑定。

GPL-3.0 License

Downloads
2.7K
Stars
823

Bot releases are hidden (Show)

applemusic-like-lyrics - v3.1.0 - 插件端最终版发布

Published by Steve-xmh 8 months ago

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

主要更新摘要

完全重构的流体背景!

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

新的渐变过渡算法!

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

新的辉光强调效果!

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

新的可调节选项!

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

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

今后的计划

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

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

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

applemusic-like-lyrics - v3.0.3

Published by Steve-xmh 11 months ago

修正与改进

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

Published by Steve-xmh 11 months ago

修正与改进

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

Published by Steve-xmh 11 months ago

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

applemusic-like-lyrics - v3.0.0 - 再一次,完全进化!

Published by Steve-xmh 11 months ago

久等了!AMLL 终于迎来了它的第三个主要版本发布!

采用纯 JS 编写的歌词组件,最大化前端演出性能,AMLL 现在已经成为了目前前端系展示效果最好,性能最优的类苹果歌词组件了!

更新内容

  • 针对性能消耗和演出效果的两个组件 —— 歌词显示组件和流体背景组件,以纯 JS 的形式重写,在提供了优异性能的同时能够赋予更好的表现力,尤其是使用 TTML 歌词的情况下效果最佳!
  • 优化大量歌词页面布局和动画效果 —— 布局上更加贴近 iPad Apple Music 效果,且如果窗口竖直则可以进入类似手机版本的布局,对两个进度滑块条做了非线性弹簧动画效果,感谢 @Nevodev 对部分细节动画的帮助支持!
  • 歌词源功能 —— 现在 AMLL 可以根据歌曲信息,请求对应链接以获取对应的歌词文件了!并且内置 AMLL TTML DB 歌词仓库(可能需要代理),能够让你体验到部分歌曲的出色逐词演出效果!
  • 歌曲音频可视化 —— 现在支持 NCM 3.0 且无需任何插件依赖,但是由此为了降低复杂度我们放弃了对 2.10.X NCM 的支持。
  • 各大组件库绑定 —— AMLL 组件库现在提供了 Core/React/Vue 三大模块,如果你是开发者,你也可以任意使用我的组件库来用在你的音乐项目上了!模块均已发布在了 NPM 包平台上,详情请查阅各个模块的 README.md。

修正内容

  • 很多很多,不列了()

后记

如今 AMLL 已经在我眼里已经属于非常完美的状态了,由于个人精力有限,已经不再有足够的精力维护大量我不一定用的到或者修正某些轻微瑕疵了,故以后不再接受意见建议,如果你也喜欢本项目且希望参与进来,欢迎你来发送 Pull Request 哦!

完整变更列表: https://github.com/Steve-xmh/applemusic-like-lyrics/compare/v2.1.7...v3.0.0

applemusic-like-lyrics - v2.1.9

Published by Steve-xmh about 1 year ago

修正更新源失败的问题
真的是最后一个 2.X.X 版本了

applemusic-like-lyrics - v2.1.8

Published by Steve-xmh about 1 year ago

优化更新模块以识别新开发版本分支的文件结构
不出意外的话这会是最后一个 2.X.X 版本了

applemusic-like-lyrics - v2.1.7

Published by Steve-xmh over 1 year ago

从该版本开始,将会提供调试构建(.dev.plugin 结尾的插件文件),以便查错

更新内容:

  • 现在可以交换翻译歌词行和音译歌词行了 #142
  • 新获取的歌词 JSON 文件将会附加歌曲信息了 #126
  • 暂停播放音乐和退出歌词页面时会暂停背景渲染 #123
applemusic-like-lyrics - v2.1.6

Published by Steve-xmh over 1 year ago

  • 修正NCM2中FM评论被背景遮住的问题 #151
applemusic-like-lyrics - v2.1.5

Published by Steve-xmh over 1 year ago

  • 修正了背景在开关歌词页面背景会产生闪现的问题
  • 修正了NCM2的私人FM歌词页面布局出错的问题 #150
applemusic-like-lyrics - v2.1.4

Published by Steve-xmh over 1 year ago

  • 修正了 2.10.X 因覆盖原生回调导致的无法继续播放音乐的问题
applemusic-like-lyrics - v2.1.3

Published by Steve-xmh over 1 year ago

修正了两个比较急的问题

  • 修正了播放模式按钮卡死的问题
  • 修正了歌词行不及时重绘的问题 #146
applemusic-like-lyrics - v2.1.2

Published by Steve-xmh over 1 year ago

修正了检查歌曲缓存文件的问题

applemusic-like-lyrics - v2.1.1

Published by Steve-xmh over 1 year ago

修正了代码,减小了工作线程脚本的体积,减小了插件包体积。

applemusic-like-lyrics - v2.1.0 - 兼容 NCM 3.0.0!原生音频可视化!

Published by Steve-xmh over 1 year ago

匆忙做了兼容性支持,有部分功能消失了是因为暂时没找到合适的办法移植,敬请期待!
当前版本开始会同时兼容 2.9.X 和 3.0.0+ 的网易云,不过未来的某一天可能会中断对 2.9.X 版本的支持,所以请大家尽快升级版本哦!

关于 3.0.0 版本的歌词页面访问方式变化(重要)

(如果你正在使用 2.9.X 版本的网易云,则没有变化)
从新版开始,打开歌词页面的方法变更为点击右下角的苹果歌词图标:
image
且如果需要退出歌词页面,则需要打开菜单并点击底部的“退出歌词页面”:
image

以下是更新记录:

  • 兼容 3.0.0 网易云,有一部分功能由于 3.0.0 架构大改暂时被移除。
  • 支持 3.0.0 提供的音频可视化接口实现可视化动画。
  • 重构背景渲染中,目前会对性能较差的显卡造成降维打击,还请多多注意!
  • 部分细节优化。
applemusic-like-lyrics - v2.0.3

Published by Steve-xmh over 1 year ago

  • 大幅度优化了歌词行的渲染性能,现在即便是上百行的歌词都能够 4K60FPS 播放了!
  • 修正了歌词潜在的抖动问题
  • 优化了逐词悬浮效果
  • 根治了歌词跳转产生的崩溃问题
  • 修正了行高不正确的问题
  • 修正了隐藏已播放歌词的动画效果
  • 修正了悬浮歌词视图时不能正确显示隐藏已播放歌词行的问题
  • 其它细节优化

Full Changelog: https://github.com/Steve-xmh/applemusic-like-lyrics/compare/v2.0.2...v2.0.3

applemusic-like-lyrics - v2.0.2

Published by Steve-xmh over 1 year ago

  • 试图修正了三点动画时长可能过长导致出错的问题 #118
applemusic-like-lyrics - v2.0.0 - 完全进化!

Published by Steve-xmh over 1 year ago

经过两个月的近乎不间断爆肝,2.0.0 大幅度重构版本终于做的差不多了!

更新内容

完全重写的播放页面!以近乎匹配 iPad 版本的 Apple Music!

image

英文单词的辉光效果!

image

右键菜单!提供各种功能,复制歌词,查看歌曲信息还有更多!

image

播放页面内的插件设置!同时尽可能自制了 AppKit 风格的组件库!

image

注:你仍然可以在 BetterNCM 的插件管理器中调节插件设置

音频可视化效果!你可以将播放控制栏更换成音频可视化组件,跟着音乐节奏一起摇摆吧!

注:该功能需要你安装 LibFrontendPlay 并启用或使用 MRBNCM 插件加载器方可使用,否则默认将隐藏该功能。

image

实验性支持 TTML 格式歌词!此格式为 Apple Music 内部使用的 Syllable Lyric 逐拍歌词文件格式,可以提供更加详细的歌词信息和逐词信息,能够帮助 AMLL 给你展示更加出色的歌词效果!
(如副唱歌词靠右(对唱效果),背景人声歌词等效果)

注:现在没有比较好的途径获取 TTML 歌词,你可以通过在 https://github.com/Steve-xmh/amll-ttml-db 的 Issues 中请愿你需要 TTML 格式的歌曲,由大家为你抓取相关文件哦!
同时我还有一个用于编辑抓取 TTML 歌词的工具仍在制作中,也欢迎大家前来旁观哦:https://github.com/Steve-xmh/amll-ttml-tool

image
image

重做间奏三点呼吸动画!行为将会和 iPad 版本的 Apple Music 一致,根据间曲长度调节呼吸速度!

image

其它细节/问题修复

最后

感谢在这期间帮我贡献各类 Bug 和功能建议的用户们!

applemusic-like-lyrics - v1.8.7

Published by Steve-xmh over 1 year ago

修正与改进

  • 更新方式变更为直接删除旧版并覆盖插件包文件

我希望这次能解决更新问题

applemusic-like-lyrics - v1.8.6

Published by Steve-xmh over 1 year ago

修正与改进

  • 移动了数据文件夹到插件文件夹外部 #58