{"id":47809032,"url":"https://github.com/amll-dev/applemusic-like-lyrics","last_synced_at":"2026-04-03T18:01:30.940Z","repository":{"id":65382107,"uuid":"583927613","full_name":"amll-dev/applemusic-like-lyrics","owner":"amll-dev","description":"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 绑定。","archived":false,"fork":false,"pushed_at":"2026-04-03T14:35:14.000Z","size":364446,"stargazers_count":1904,"open_issues_count":41,"forks_count":188,"subscribers_count":7,"default_branch":"main","last_synced_at":"2026-04-03T15:50:46.169Z","etag":null,"topics":["apple-music","astro","audio","audio-player","fft","javascript","lyric","music","music-player","player","react","rust","tauri","typescript","vue","vue3","wasm","websocket"],"latest_commit_sha":null,"homepage":"http://amll.dev/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"agpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/amll-dev.png","metadata":{"files":{"readme":"README-CN.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2022-12-31T13:54:39.000Z","updated_at":"2026-04-03T13:20:55.000Z","dependencies_parsed_at":"2023-12-23T08:19:29.127Z","dependency_job_id":"92b1d253-1459-45ab-b420-ee440670f843","html_url":"https://github.com/amll-dev/applemusic-like-lyrics","commit_stats":{"total_commits":483,"total_committers":8,"mean_commits":60.375,"dds":0.4554865424430642,"last_synced_commit":"32a49072677fc4bbd028ea481eb0625ea7e6b479"},"previous_names":["amll-dev/applemusic-like-lyrics"],"tags_count":81,"template":false,"template_full_name":null,"purl":"pkg:github/amll-dev/applemusic-like-lyrics","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/amll-dev%2Fapplemusic-like-lyrics","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/amll-dev%2Fapplemusic-like-lyrics/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/amll-dev%2Fapplemusic-like-lyrics/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/amll-dev%2Fapplemusic-like-lyrics/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/amll-dev","download_url":"https://codeload.github.com/amll-dev/applemusic-like-lyrics/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/amll-dev%2Fapplemusic-like-lyrics/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31368156,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-03T17:53:18.093Z","status":"ssl_error","status_checked_at":"2026-04-03T17:53:17.617Z","response_time":107,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["apple-music","astro","audio","audio-player","fft","javascript","lyric","music","music-player","player","react","rust","tauri","typescript","vue","vue3","wasm","websocket"],"created_at":"2026-04-03T18:01:29.004Z","updated_at":"2026-04-03T18:01:30.834Z","avatar_url":"https://github.com/amll-dev.png","language":"TypeScript","readme":"\u003cdiv align=center\u003e\n\n![Apple Music-like Lyrics - A lyric page component library for Web](https://github.com/user-attachments/assets/ca6a98d4-28ea-4fb6-beec-7948f2ac87ec)\n\n# Apple Music-like Lyrics\n\n[English](./README.md) / 简体中文\n\n一个基于 Web 技术制作的类 Apple Music 歌词显示组件库，同时支持[ DOM 原生](./packages/core/README.md)、[React ](./packages/react/README.md)和[ Vue ](./packages/react/README.md)绑定。\n\n这是你能在前端系里能见到的最像 iPad Apple Music 的播放页面了。\n\n尽管这个项目的目标并非完全模仿，但是会更好地打磨一些细节，以优于现阶段最好的歌词播放器。\n\n**—— AMLL 生态作品 ——**\n\n[AMLL TTML DB 逐词歌词仓库](https://github.com/amll-dev/amll-ttml-db)\n\n[AMLL TTML Tool 逐词歌词编辑器](https://github.com/amll-dev/amll-ttml-tool)\n/\n[AMLL Editor 下一代逐词歌词编辑器](https://github.com/amll-dev/amll-editor)\n[AMLL Page 网页播放器](https://github.com/apoint123/amll-page)\n\n\n[引用了 AMLL 的项目汇总](https://github.com/amll-dev/applemusic-like-lyrics/discussions/397)\n\n\u003c/div\u003e\n\n## AMLL 生态及源码结构\n\n### 主要模块\n\n-   [![AMLL-Core](https://img.shields.io/badge/Core-%233178c6?label=Apple%20Music-like%20Lyrics\u0026labelColor=%23FB5C74)](./packages/core/README.md)：AMLL 核心组件库，以 DOM 原生方式编写，提供歌词显示组件和动态流体背景组件\n-   [![AMLL-React](https://img.shields.io/badge/React-%23149eca?label=Apple%20Music-like%20Lyrics\u0026labelColor=%23FB5C74)](./packages/react/README.md)：AMLL React 绑定，提供 React 组件形式的歌词显示组件和动态流体背景组件\n-   [![AMLL-Vue](https://img.shields.io/badge/Vue-%2342d392?label=Apple%20Music-like%20Lyrics\u0026labelColor=%23FB5C74)](./packages/vue/README.md)：AMLL Vue 绑定，提供 Vue 组件形式的歌词显示组件和动态流体背景组件\n-   [![AMLL-Lyric](https://img.shields.io/badge/Lyric-%23FB8C84?label=Apple%20Music-like%20Lyrics\u0026labelColor=%23FB5C74)](./packages/lyric/README.md)：AMLL 歌词解析模块，提供对 LyRiC, YRC, QRC, Lyricify Syllable 各种歌词格式的解析和序列化支持\n\n## 浏览器兼容性提醒\n\n本组件框架最低要求使用以下浏览器或更新版本：\n\n-   Chromuim/Edge 91+\n-   Firefox 100+\n-   Safari 9.1+\n\n完整呈现组件所有效果需要使用以下浏览器或更新版本：\n\n-   Chromuim 120+\n-   Firefox 100+\n-   Safari 15.4+\n\n参考链接：\n\n-   [https://caniuse.com/mdn-css_properties_mask-image](https://caniuse.com/mdn-css_properties_mask-image)\n-   [https://caniuse.com/mdn-css_properties_mix-blend-mode_plus-lighter](https://caniuse.com/mdn-css_properties_mix-blend-mode_plus-lighter)\n\n## 性能配置参考\n\n经过性能基准测试，五年内的主流 CPU 处理器均可以以 30FPS 正常带动歌词组件，但如果需要 60FPS 流畅运行，请确保 CPU 频率至少为 3.0Ghz 或以上。如果需要 144FPS 以上流畅运行，请确保 CPU 频率至少为 4.2Ghz 或以上。\n\nGPU 性能在以下状况下能够以预期尺寸下满 60 帧运行：\n\n-   `1080p (1920x1080)`: NVIDIA GTX 10 系列及以上\n-   `2160p (3840x2160)`: NVIDIA RTX 2070 及以上\n\n## 开发/构建/打包流程\n\n### 前置依赖\n\n-   [Node.js](https://nodejs.org/)\n-   [pnpm](https://pnpm.io/)\n-   [Rust 工具链](https://rustup.rs/)\n-   [wasm-pack](https://rustwasm.github.io/wasm-pack/)\n\n### 构建组件库\n\n克隆本仓库后，在项目根目录执行以下指令：\n\n```bash\n# 安装依赖\npnpm install\n\n# 生产构建所有库包\npnpm build:libs\n```\n\n### 构建单个包\n\n```bash\n# 示例：仅构建 @applemusic-like-lyrics/core\npnpm nx run @applemusic-like-lyrics/core:build\n\n# 示例：开发构建 @applemusic-like-lyrics/lyric\npnpm nx run @applemusic-like-lyrics/lyric:build:dev\n```\n\n## 鸣谢\n\n-   [woshizja/sound-processor](https://github.com/woshizja/sound-processor)\n-   [FFmpeg](http://ffmpeg.org/)\n-   还有很多被 AMLL 使用的框架和库，非常感谢！\n\n### 特别鸣谢\n\n\u003cdiv align=\"center\"\u003e\n\u003cimage src=\"https://resources.jetbrains.com/storage/products/company/brand/logos/jb_beam.svg\"\u003e\u003c/image\u003e\n\u003cdiv\u003e\n感谢 \u003ca href=https://jb.gg/OpenSourceSupport\u003eJetBrains\u003c/a\u003e 系列开发工具为 AMLL 项目提供的大力支持\n\u003c/div\u003e\n\u003c/div\u003e\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Famll-dev%2Fapplemusic-like-lyrics","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Famll-dev%2Fapplemusic-like-lyrics","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Famll-dev%2Fapplemusic-like-lyrics/lists"}