音乐播放器配置#

1、音乐播放器的配置位置#

MusicPlayer配置位于 src/config.ts 文件中的 musicPlayerConfig 对象，控制博客的音乐播放器显示设置（仅展示local模式）.

1
 路径：src/config.ts----musicPlayerConfig:
2
 内容：
3
export const musicPlayerConfig: MusicPlayerConfig = {
4
   enable: true, // 启用音乐播放器功能
5
   mode: "local", // 音乐播放器模式，可选 "local"
6
   <!-- 以下部分可以不用更改 -->
7
   meting_api:
8
     "https://www.bilibili.uno/api?server=:server&type=:type&id=:id&auth=:auth&r=:r", // Meting API 地址
9
   id: "14164869977", // 歌单ID
10
   server: "netease", // 音乐源服务器。有的meting的api源支持更多平台,<br>一般来说,netease=网易云音乐, tencent=QQ音乐, kugou=酷狗音乐, xiami=虾米音乐, baidu=百度音乐
11
   type: "playlist", // 播单类型
12
};

2、音乐播放器local模式的配置#

本地配置文件位于/src/components/widget/MusicPlayer.svelte，你可以在其中添加或修改本地音乐文件的列表,请注意相对路径还是绝对路径的问题。

1
const localPlaylist = [
2
  {
3
    id: 1,
4
    title: "ひとり上手",
5
    artist: "Kaya",
6
    cover: "assets/music/cover/hitori.jpg",
7
    url: "assets/music/url/hitori.mp3",
8
    duration: 240,
9
  },
10
  {
11
    id: 2,
12
    title: "眩耀夜行",
13
    artist: "スリーズブーケ",
14
    cover: "assets/music/cover/xryx.jpg",
15
    url: "assets/music/url/xryx.mp3",
16
    duration: 180,
17
  },
18
  {
19
    id: 3,
20
    title: "春雷の頃",
21
    artist: "22/7",
22
    cover: "assets/music/cover/cl.jpg",
23
    url: "assets/music/url/cl.mp3",
24
    duration: 200,
25
  },
26
];
27
..........