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 visible (Hide)

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
applemusic-like-lyrics - v1.8.5

Published by Steve-xmh over 1 year ago

修复与改进

  • 修正了最新版本获取不当的问题
applemusic-like-lyrics - v1.8.4

Published by Steve-xmh over 1 year ago

修复与改进

  • 修正了 manifest.json 的写入
  • 修正了更新不到其他分支的问题
  • 修正了最新版本获取不当的问题
applemusic-like-lyrics - v1.8.3

Published by Steve-xmh over 1 year ago

破坏性更新

  • 改变了配置文件的存取方式(将会以文件形式保存到插件目录下),这意味着原有配置将会被重置!

其他功能更新

  • 增加了插件更新能力
  • 增加了插件更新频道,可以切换到任何包含 dist 目录的开发分支下以使用当时版本的开发构建

各位急急国王可以开始自己动手更新了

applemusic-like-lyrics - v1.8.2

Published by Steve-xmh over 1 year ago

更新

  • 增加了专辑图居左设置

修复与改进

  • 修正了歌名、别名、歌手、专辑不能居左的问题 #50
  • 修正了版本更新的比较方式
applemusic-like-lyrics - v1.8.1

Published by Steve-xmh over 1 year ago

修复与改进

  • 修复了发生渲染错误时之后便无法再次渲染的问题
  • 给模糊颜色增加了明度限制,以便可以看清文字
applemusic-like-lyrics - v1.8.0

Published by Steve-xmh over 1 year ago

image
image
image
image
image

超大规模更新!

更新

  • 使用 WebGL 重构背景绘制!现已提供三个效果:专辑图片,流体还有 Monterey 山峦背景效果!
  • 改进了顶部按钮栏,更换成了右上角的省略号按钮菜单,点击歌词的左上角省略号即可打开
  • 增加了歌词右键菜单,可以复制歌词
  • 增加了歌曲信息右键菜单,可以复制专辑图片,查看歌手和专辑等
  • 增加了调整单个歌曲的歌词时序调整
  • 增加了歌曲信息和歌词的右键菜单
  • 增加背景渲染比率和跳帧配置
  • 增加强制绘制逐词歌词行的配置
  • 增加调节歌词阴影大小的设置
  • 为 DOM 歌词滚动增加了一点点回弹效果

修正与改进

  • 优化了不可恢复错误的提示布局
  • 优化了 React 副作用调用
  • 重新调整的播放页面的布局,和 Apple Music 一致
  • 基本完成了背景配置页面
  • 将翻译歌词和音译歌词的字体大小调小了
  • 让滚动函数统一使用贝塞尔曲线方便日后写配置选项
  • 给无歌词信息增加提示
  • 调节了函数配置布局
  • 简化了隐藏控制栏代码
  • 优化了专辑图片动画函数曲线
  • 改善了背景主题色的明度问题
  • 降低三点动画的刷新率以优化性能
  • 修正了播放页面未归正的情况下滚动会定位到窗口中央的问题
  • 修正了加载专辑图的加载圈大小过大的问题
  • 修正了打包插件时不带上 WebWorker 线程脚本的问题
  • 对专辑图片进行限高
  • 将模态框分离到单个组件中
  • 整理了着色器文件夹布局
  • 简化了隐藏控制栏代码
  • 修正了播放页面评论下边距问题
  • 各种细节修正
applemusic-like-lyrics - v1.7.1

Published by Steve-xmh over 1 year ago

applemusic-like-lyrics - v1.7.0

Published by Steve-xmh over 1 year ago

更新:

修正与改进

Full Changelog: https://github.com/Steve-xmh/applemusic-like-lyrics/compare/v1.6.2...v1.7.0

applemusic-like-lyrics - v1.6.2

Published by Steve-xmh almost 2 years ago

不再兼容 RNP,各位好自为之

applemusic-like-lyrics - v1.6.1 (v1.6.0)

Published by Steve-xmh almost 2 years ago

更新

  • 基本实现了私人 FM 的歌词显示
  • 初步支持和实现和 LibFrontendPlay 插件联动的音频可视化效果

修正与改进

  • 现在会在逐词歌词和默认歌词之间选择合适的原始歌词了
  • 缓解了因为回调问题导致歌词无法滚动的问题
  • 修正了歌手和专辑标签无法隐藏的问题
  • 调优了构建脚本
  • 调优了开发重载能力
  • 防止搜索函数搜索到自身
  • 用 Rome 做了一遍格式化
  • 似乎也不再需要 Hook 函数了
  • 对工作线程做了一些特判
  • 整理了代码结构
  • 其他细节修正