新增音乐服务收藏功能比较

gitbobobo · Mar 19, 2024 · 7005874 · 7005874
1 parent 725bfc0
commit 7005874
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 13 deletions.
diff --git a/docs/features.md b/docs/features.md
@@ -43,9 +43,11 @@ sidebar_position: 3
 | 自定义内容 ||✅|
 | 备用线路 ||✅|
 | DLNA 播放<sup>5</sup> ||✅|
+| CarPlay<sup>6</sup> ||✅|
 
 1. **回放增益** 功能仅支持能查询到回放增益值的服务端，目前仅限 Navidrome。
 2. 通过**长音频**偏好配置，您可在播放普通音乐时排除长音频，或单独保存长音频的播放进度，以备下次播放时回到原来的进度。
 3. 通过**主题**切换，您可解锁纯色主题（可跟随系统明暗切换）与毛玻璃音乐控制栏，并可将推荐页作为启动时的第一屏。
 4. 通过**歌词**配置，您可开启通知栏组件的歌词通知，并可在安卓端开启桌面歌词或系统级状态栏歌词，在 macOS 开启状态栏歌词。
-5. **DLNA 功能**目前仅可在手机端使用，且兼容性较差，请等待后续更新升级～
+5. **DLNA 功能**目前仅可在手机端使用，且兼容性较差，请等待后续更新升级～
+6. 目前 CarPlay 需要手机上打开 APP 才能使用。
diff --git a/docs/services.md b/docs/services.md
@@ -20,13 +20,15 @@ sidebar_position: 2
 
 |  | Subsonic | Navidrome | Audio Station | Emby | Jellyfin |
 | ------- | ------- | ------- | --- | --- | --- |
-| 内嵌歌词 |  | ✅ |  | ✅ |  |
-| 外置歌词 |  |  | ✅ | ✅ |  |
-| 在线歌词 |  |  | ✅ | ✅ |  |
+| 内嵌歌词 | - | ✅ |  | ✅ |  |
+| 外置歌词 | - |  | ✅ | ✅ |  |
+| 在线歌词 | - |  | ✅ | ✅ |  |
 | 歌手简介 | - | ✅ | ✅ | ✅ | ✅ |
 | 歌手头像 | - | *<sup>1</sup> | *<sup>2</sup> | ✅ | ✅ |
 | 多艺术家 | - |  | - | ✅ | ✅ |
 | 回放增益标签 | - | ✅  |  | | |
+| 收藏功能 | ✅ | ✅  | *<sup>3</sup> | ✅ | ✅ |
 
-1. Navidrome 若要显示歌手头像，需要配置 Spotify API，或在歌手文件夹下放一张名为 `artist.*` 的图片。[Artwork location resolution](https://www.navidrome.org/docs/usage/artwork/#artists)
-2. Audio Station 的歌手头像用的是音乐库中的专辑图片。
+1. Navidrome 若要显示歌手头像，需要配置 Spotify API（国内环境即使配置了也很难有作用），或在歌手文件夹下放一张名为 `artist.*` 的图片。[Artwork location resolution](https://www.navidrome.org/docs/usage/artwork/#artists)
+2. Audio Station 的歌手头像用的是音乐库中的专辑图片。
+3. Audio Station 没有收藏功能，音流是通过歌单接口间接实现的此功能。此外，Emby 和 Jellyfin 收藏后不记录收藏时间，因此无法实现按收藏时间倒序的功能。
diff --git a/src/pages/index.js b/src/pages/index.js
@@ -21,11 +21,12 @@ function HomepageHeader() {
         </Heading>
         <p className="hero__subtitle">{siteConfig.tagline}</p>
         <div className={styles.buttons}>
-        <Button variant="contained" startIcon={<DownloadIcon />} size="large" href="/docs/versions/latest">立即下载</Button>
-
-          <div className={styles.buttonSpacing}>
-          <Button variant="contained" endIcon={<ArrowForwardIcon />} size="large" href="/docs/intro">快速开始</Button>
-          </div>
+            <Link to="/docs/versions/latest" className={styles.buttonWrapper}>
+              <Button variant="contained" startIcon={<DownloadIcon />} size="large">立即下载</Button>
+            </Link>
+            <Link to="/docs/intro" className={styles.buttonWrapper}>
+              <Button variant="contained" endIcon={<ArrowForwardIcon />} size="large">快速开始</Button>
+            </Link>
         </div>
       </div>
     </header>

diff --git a/src/pages/index.module.css b/src/pages/index.module.css
@@ -20,9 +20,10 @@
   display: flex;
   align-items: center;
   justify-content: center;
+  flex-wrap: wrap;
 }
 
 
-.buttonSpacing {
-  margin-left: 2rem;
+.buttonWrapper {
+  margin: 0.5rem 1rem;
 }