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
一个基于 Web 技术制作的类 Apple Music 歌词显示组件库,同时支持 DOM 原生、React 和 Vue 绑定,与各种平台兼容的外置播放器也仍在制作当中。
这是你能在前端系里能见到的最像 iPad Apple Music 的播放页面了。
尽管这个项目的目标并非完全模仿,但是会更好地打磨一些细节,以优于现阶段最好的歌词播放器。
—— AMLL 生态作品 ——
AMLL TTML DB 逐词歌词仓库 / AMLL TTML Tool 逐词歌词编辑器
本组件框架最低要求使用以下浏览器或更新版本:
完整呈现组件所有效果需要使用以下浏览器或更新版本:
参考链接:
经过性能基准测试,五年内的主流 CPU 处理器均可以以 30FPS 正常带动歌词组件,但如果需要 60FPS 流畅运行,请确保 CPU 频率至少为 3.0Ghz 或以上。如果需要 144FPS 以上流畅运行,请确保 CPU 频率至少为 4.2Ghz 或以上。
GPU 性能在以下状况下能够以预期尺寸下满 60 帧运行:
1080p (1920x1080)
: NVIDIA GTX 10 系列及以上2160p (3840x2160)
: NVIDIA RTX 2070 及以上由于作者精力有限,已经无力处理大家使用过程中产生的问题,所以关闭了 Issues 板块,但是欢迎任何对代码有积极贡献的 Pull Request!
安装好 yarn
, rustc
, wasm-pack
,克隆本仓库到任意文件夹后在终端输入以下指令即可构建:
yarn
yarn lerna run build:dev --scope "@applemusic-like-lyrics/*" # 开发构建
yarn lerna run build --scope "@applemusic-like-lyrics/*" # 发行构建