├── public
    ├── robots.txt
    ├── 1.webp
    └── logo_small.webp
├── assets
    └── main.css
├── server
    ├── tsconfig.json
    └── api
    │   ├── getPlaylist.get.ts
    │   ├── getSongLyric.get.ts
    │   ├── getSongInfo.get.ts
    │   └── getSongUrl.get.ts
├── tsconfig.json
├── pages
    ├── single.vue
    ├── test.vue
    └── index.vue
├── .gitignore
├── components
    ├── appHeader.vue
    └── notification.vue
├── .prettierrc
├── app.vue
├── package.json
├── nuxt.config.ts
├── types
    └── index.ts
├── README.md
└── utils
    └── downloadSong.ts


/public/robots.txt:
--------------------------------------------------------------------------------
1 | 
2 | 


--------------------------------------------------------------------------------
/assets/main.css:
--------------------------------------------------------------------------------
1 | @import "tailwindcss";
2 | @plugin "daisyui";
3 | 


--------------------------------------------------------------------------------
/server/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 |     "extends": "../.nuxt/tsconfig.server.json"
3 | }
4 | 


--------------------------------------------------------------------------------
/public/1.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sooooooooooooooooootheby/Netease_analyze/HEAD/public/1.webp


--------------------------------------------------------------------------------
/public/logo_small.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sooooooooooooooooootheby/Netease_analyze/HEAD/public/logo_small.webp


--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 |   // https://nuxt.com/docs/guide/concepts/typescript
3 |   "extends": "./.nuxt/tsconfig.json"
4 | }
5 | 


--------------------------------------------------------------------------------
/pages/single.vue:
--------------------------------------------------------------------------------
1 | <template>
2 |     <div>single</div>
3 | </template>
4 | 
5 | <script lang="ts" setup></script>
6 | 
7 | <style lang="scss" scoped></style>
8 | 


--------------------------------------------------------------------------------
/pages/test.vue:
--------------------------------------------------------------------------------
1 | <template>
2 |     <button @click="logCookie">获取cookie</button>
3 | </template>
4 | 
5 | <script lang="ts" setup>
6 | const config = useRuntimeConfig();
7 | console.log(config.cookie);
8 | </script>
9 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | # Nuxt dev/build outputs
 2 | .output
 3 | .data
 4 | .nuxt
 5 | .nitro
 6 | .cache
 7 | dist
 8 | 
 9 | # Node dependencies
10 | node_modules
11 | 
12 | # Logs
13 | logs
14 | *.log
15 | 
16 | # Misc
17 | .DS_Store
18 | .fleet
19 | .idea
20 | 
21 | # Local env files
22 | .env
23 | .env.*
24 | !.env.example
25 | 


--------------------------------------------------------------------------------
/components/appHeader.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <div>
 3 |         <div class="navbar bg-base-200 shadow-sm">
 4 |             <div class="flex-1">
 5 |                 <!-- <p class="ml-6 text-xl font-bold">网易云无损解析</p> -->
 6 |             </div>
 7 |             <div class="flex-none">
 8 |                 <ul class="menu menu-horizontal px-1">
 9 |                     <li><NuxtLink to="playlist">歌单模式</NuxtLink></li>
10 |                     <li><NuxtLink to="single">单曲模式</NuxtLink></li>
11 |                 </ul>
12 |             </div>
13 |         </div>
14 |     </div>
15 | </template>
16 | 


--------------------------------------------------------------------------------
/.prettierrc:
--------------------------------------------------------------------------------
 1 | {
 2 |     "plugins": ["prettier-plugin-tailwindcss"],
 3 |     "printWidth": 900,
 4 |     "tabWidth": 4,
 5 |     "useTabs": false,
 6 |     "semi": true,
 7 |     "singleQuote": false,
 8 |     "quoteProps": "as-needed",
 9 |     "jsxSingleQuote": false,
10 |     "trailingComma": "es5",
11 |     "bracketSpacing": true,
12 |     "bracketSameLine": true,
13 |     "arrowParens": "always",
14 |     "endOfLine": "lf",
15 |     "rangeStart": 0,
16 |     "requirePragma": false,
17 |     "insertPragma": false,
18 |     "proseWrap": "preserve",
19 |     "htmlWhitespaceSensitivity": "css"
20 | }
21 | 


--------------------------------------------------------------------------------
/app.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <div>
 3 |         <!-- <appHeader /> -->
 4 |         <NuxtPage />
 5 |         <notification />
 6 |         <div class="btn fixed right-5 bottom-4" @click="navigateTo('https://github.com/sooooooooooooooooootheby/Netease_analyze', { open: { target: '_blank' } })">
 7 |             <Icon name="akar-icons:github-fill" />
 8 |             {{ count }}
 9 |         </div>
10 |     </div>
11 | </template>
12 | 
13 | <script lang="ts" setup>
14 | const count = ref<number>(0);
15 | 
16 | onMounted(async () => {
17 |     count.value = await $fetch("https://api.s22y.moe/count/get?name=neteasy&type=number");
18 | });
19 | </script>
20 | 
21 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "name": "netease-analyze",
 3 |     "private": true,
 4 |     "type": "module",
 5 |     "scripts": {
 6 |         "build": "nuxt build",
 7 |         "dev": "nuxt dev",
 8 |         "generate": "nuxt generate",
 9 |         "preview": "nuxt preview",
10 |         "postinstall": "nuxt prepare"
11 |     },
12 |     "dependencies": {
13 |         "@nuxt/icon": "^1.13.0",
14 |         "@tailwindcss/vite": "^4.1.7",
15 |         "daisyui": "^5.0.37",
16 |         "jszip": "^3.10.1",
17 |         "nuxt": "^3.16.2",
18 |         "prettier": "^3.5.3",
19 |         "prettier-plugin-tailwindcss": "^0.6.11",
20 |         "tailwindcss": "^4.1.7",
21 |         "vue": "^3.5.13",
22 |         "vue-router": "^4.5.0"
23 |     },
24 |     "pnpm": {
25 |         "onlyBuiltDependencies": [
26 |             "@tailwindcss/oxide"
27 |         ]
28 |     }
29 | }
30 | 


--------------------------------------------------------------------------------
/nuxt.config.ts:
--------------------------------------------------------------------------------
 1 | import tailwindcss from "@tailwindcss/vite";
 2 | 
 3 | export default defineNuxtConfig({
 4 |     compatibilityDate: "2024-11-01",
 5 |     devtools: { enabled: true },
 6 | 
 7 |     modules: ["@nuxt/icon"],
 8 | 
 9 |     vite: {
10 |         plugins: [tailwindcss()],
11 |     },
12 | 
13 |     css: ["~/assets/main.css"],
14 | 
15 |     app: {
16 |         head: {
17 |             title: "网易云无损解析",
18 |             htmlAttrs: {
19 |                 lang: "zh-cn",
20 |             },
21 |             meta: [
22 |                 { name: "description", content: "一个网易云无损解析站点" },
23 |             ],
24 |             link: [{ rel: "icon", type: "image/x-icon", href: "/logo_small.webp" }],
25 |         },
26 |     },
27 | 
28 |     runtimeConfig: {
29 |         cookie: process.env.COOKIE,
30 |     },
31 | 
32 |     imports: {
33 |         dirs: ["types/*.ts"],
34 |     },
35 | });
36 | 


--------------------------------------------------------------------------------
/types/index.ts:
--------------------------------------------------------------------------------
 1 | export interface author {
 2 |     id: number;
 3 |     name: string;
 4 | }
 5 | 
 6 | export interface album {
 7 |     id: number;
 8 |     name: string;
 9 |     cover: string;
10 | }
11 | 
12 | export interface song {
13 |     name: string;
14 |     id: number;
15 |     author: author[];
16 |     album: album;
17 | }
18 | 
19 | export interface creator {
20 |     uid: number;
21 |     avatar: string;
22 |     name: string;
23 | }
24 | 
25 | export interface playlist {
26 |     code: number;
27 |     name: string;
28 |     coverImage: string;
29 |     songCount: number;
30 |     description: string;
31 |     tags: Array<string>;
32 |     creator: creator;
33 |     list: Array<{ id: number }>;
34 | }
35 | 
36 | export interface lyric {
37 |     code: number;
38 |     lyric: string;
39 | }
40 | 
41 | export interface url {
42 |     code: string;
43 |     url: string;
44 |     size: number;
45 |     type: string;
46 |     time: number;
47 | }
48 | 
49 | export interface download {
50 |     id: number;
51 |     name: string;
52 |     cover: string;
53 |     status: string;
54 | }
55 | 


--------------------------------------------------------------------------------
/components/notification.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <dialog ref="msg" class="modal modal-bottom sm:modal-middle">
 3 |         <div class="modal-box">
 4 |             <form method="dialog">
 5 |                 <button class="btn btn-sm btn-circle btn-ghost absolute top-2 right-2">✕</button>
 6 |             </form>
 7 |             <h3 class="text-lg font-bold">Hello!</h3>
 8 |             <p class="mt-4">欢迎使用这个网易云解析工具!</p>
 9 |             <p>当你使用歌单模式批量下载时务必同意多个下载请求</p>
10 |             <img src="/1.webp" alt="1" />
11 |             <label class="fieldset-label mt-4">
12 |                 <input type="checkbox" checked="checked" class="checkbox checkbox-sm" v-model="isShow" />
13 |                 不再提示
14 |             </label>
15 |         </div>
16 |     </dialog>
17 | </template>
18 | 
19 | <script lang="ts" setup>
20 | const msg = ref(null);
21 | const isShow = ref(false);
22 | 
23 | watch(isShow, (newValue: boolean) => {
24 |     localStorage.setItem("isShow", String(newValue));
25 | });
26 | 
27 | onMounted(() => {
28 |     isShow.value = JSON.parse(localStorage.getItem("isShow") || "false");
29 | 
30 |     if (!isShow.value) {
31 |         msg.value.showModal();
32 |     }
33 | });
34 | </script>
35 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # ！声明 ！
 2 | 
 3 | 本项目为开源软件，遵循MIT许可证。任何个人或组织均可自由使用、修改和分发本项目的源代码。然而，我们明确声明，本项目及其任何衍生作品不得用于任何商业或付费项目。任何违反此声明的行为都将被视为对本项目许可证的侵犯。我们鼓励大家在遵守开源精神和许可证的前提下，积极贡献和分享代码。
 4 | 
 5 | # Netease_analyze
 6 | 
 7 | 这是一个网易云无损解析站点, 因为我发现很多解析网站都没有批量下载的功能, 索性我自己写了一个.
 8 | 
 9 | 之前有一个旧版本的是纯vue前端的, 通过调用 [Netease_url](https://github.com/Suxiaoqinx/Netease_url) & [NeteaseCloudMusicApi](https://github.com/sooooooooooooooooootheby/NeteaseCloudMusicApi) 两个项目的接口实现批量下载歌单歌曲.
10 | 
11 | 但是因为接口都部署在服务器上, 不是很好维护, 所以我花了一点时间研究了一下源码移植出来使用 nuxt 打包到一起.
12 | 
13 | 后端接口代码位于`/server/api`下.
14 | 
15 | ## 部署
16 | 
17 | 本地部署
18 | 
19 | ```bash
20 | git clone https://github.com/sooooooooooooooooootheby/Netease_analyze.git
21 | 
22 | cd Netease_analyze
23 | 
24 | npm i
25 | 
26 | npm run dev
27 | ```
28 | 
29 | 设置环境变量
30 | 
31 | 在根目录新建一个`.env`文件, 填入黑胶会员账号的cookie.
32 | 
33 | ```
34 | COOKIE="MUSIC_U=你获取到的MUSIC_U值;appver=8.9.75;"
35 | ```
36 | 
37 | # 感谢以下项目
38 | 
39 | [![Readme Card](https://github-readme-stats.vercel.app/api/pin/?username=Suxiaoqinx&repo=Netease_url)](https://github.com/Suxiaoqinx/Netease_url)
40 | 
41 | [![Readme Card](https://github-readme-stats.vercel.app/api/pin/?username=Binaryify&repo=NeteaseCloudMusicApi)](https://github.com/Binaryify/NeteaseCloudMusicApi)
42 | 


--------------------------------------------------------------------------------
/server/api/getPlaylist.get.ts:
--------------------------------------------------------------------------------
 1 | import { playlist } from "~/types";
 2 | 
 3 | export default defineEventHandler(async (event) => {
 4 |     const { id } = getQuery(event) as { id: string };
 5 | 
 6 |     //12763433746, 13246943556
 7 |     try {
 8 |         const result: any = await $fetch(`https://music.163.com/api/v6/playlist/detail?id=${id}`, {
 9 |             parseResponse: JSON.parse,
10 |         });
11 | 
12 |         if (result.code !== 200) {
13 |             throw createError({
14 |                 statusCode: result.code,
15 |                 message: result,
16 |             });
17 |         }
18 | 
19 |         const playlist: playlist = {
20 |             code: result.code,
21 |             name: result.playlist.name,
22 |             coverImage: result.playlist.coverImgUrl,
23 |             songCount: result.playlist.trackCount,
24 |             description: result.playlist.description,
25 |             tags: result.playlist.tags,
26 |             creator: {
27 |                 uid: result.playlist.creator.userId,
28 |                 avatar: result.playlist.creator.avatarUrl,
29 |                 name: result.playlist.creator.nickname,
30 |             },
31 |             list: result.playlist.trackIds.map((item: any) => ({
32 |                 id: item.id,
33 |             })),
34 |         };
35 | 
36 |         return playlist;
37 |     } catch (error: any) {
38 |         throw createError({
39 |             statusCode: 500,
40 |             message: error,
41 |         });
42 |     }
43 | });
44 | 


--------------------------------------------------------------------------------
/server/api/getSongLyric.get.ts:
--------------------------------------------------------------------------------
 1 | import { lyric } from "~/types";
 2 | 
 3 | export default defineEventHandler(async (event) => {
 4 |     const config = useRuntimeConfig();
 5 |     const { id } = getQuery(event) as { id: string };
 6 | 
 7 |     const url = "https://music.163.com/api/song/lyric";
 8 |     const headers = {
 9 |         "User-Agent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36",
10 |         Referer: "https://music.163.com/",
11 |         Origin: "https://music.163.com",
12 |         "Content-Type": "application/x-www-form-urlencoded",
13 |         Cookie: config.cookie,
14 |     };
15 |     const params = new URLSearchParams({
16 |         id,
17 |         cp: "false",
18 |         tv: "0",
19 |         lv: "0",
20 |         rv: "0",
21 |         kv: "0",
22 |         yv: "0",
23 |         ytv: "0",
24 |         yrv: "0",
25 |     });
26 | 
27 |     try {
28 |         const response: any = await $fetch(url, {
29 |             method: "POST",
30 |             headers,
31 |             body: params.toString(),
32 |             parseResponse: (text) => text,
33 |         });
34 |         const firstJson = response.match(/^\{.*?\}(?=\{|$)/s)?.[0];
35 |         const result = firstJson ? JSON.parse(firstJson) : null;
36 | 
37 |         if (result.code !== 200) {
38 |             throw createError({
39 |                 statusCode: result.code,
40 |                 message: result.msg,
41 |             });
42 |         }
43 | 
44 |         const lyric: lyric = {
45 |             code: result.code,
46 |             lyric: result.lrc.lyric,
47 |         };
48 | 
49 |         return lyric;
50 |     } catch (error) {
51 |         console.error("[NCM API] 获取歌曲信息失败:", error);
52 |         throw error;
53 |     }
54 | });
55 | 


--------------------------------------------------------------------------------
/server/api/getSongInfo.get.ts:
--------------------------------------------------------------------------------
 1 | import { song } from "~/types";
 2 | 
 3 | export default defineEventHandler(async (event) => {
 4 |     const config = useRuntimeConfig();
 5 |     const { id } = getQuery(event) as { id: string };
 6 | 
 7 |     const url = "https://music.163.com/api/v3/song/detail";
 8 |     const headers = {
 9 |         "User-Agent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36",
10 |         Referer: "https://music.163.com/",
11 |         Origin: "https://music.163.com",
12 |         "Content-Type": "application/x-www-form-urlencoded",
13 |         Cookie: config.cookie,
14 |     };
15 |     const params = new URLSearchParams();
16 |     params.append("c", JSON.stringify([{ id: id, v: 0 }]));
17 | 
18 |     try {
19 |         const response: any = await $fetch(url, {
20 |             method: "POST",
21 |             headers,
22 |             body: params.toString(),
23 |             parseResponse: (text) => text,
24 |         });
25 |         const firstJson = response.match(/^\{.*?\}(?=\{|$)/s)?.[0];
26 |         const result = firstJson ? JSON.parse(firstJson) : null;
27 | 
28 |         if (result.code !== 200) {
29 |             throw createError({
30 |                 statusCode: result.code,
31 |                 message: result.msg,
32 |             });
33 |         }
34 | 
35 |         const song: song = {
36 |             name: result.songs[0].name,
37 |             id: result.songs[0].id,
38 |             author: result.songs[0].ar.map((item: any) => ({
39 |                 id: item.id,
40 |                 name: item.name,
41 |             })),
42 |             album: {
43 |                 id: result.songs[0].al.id,
44 |                 name: result.songs[0].al.name,
45 |                 cover: result.songs[0].al.picUrl,
46 |             },
47 |         };
48 | 
49 |         return song;
50 |     } catch (error) {
51 |         console.error("[NCM API] 获取歌曲信息失败:", error);
52 |         throw error;
53 |     }
54 | });
55 | 


--------------------------------------------------------------------------------
/utils/downloadSong.ts:
--------------------------------------------------------------------------------
 1 | import JSZip from "jszip";
 2 | 
 3 | const formatLRC = (lyric: string) => {
 4 |     return `[00:00.00]${lyric}\n`;
 5 | };
 6 | 
 7 | export default async function (id: number, name: string, cover: string, level: string) {
 8 |     const zip = new JSZip();
 9 |     const folder = zip.folder(name)!;
10 | 
11 |     try {
12 |         // 下载封面
13 |         const coverImage: any = await $fetch(cover);
14 |         const coverBlob = await coverImage.arrayBuffer();
15 |         folder.file(`${name}.jpg`, coverBlob);
16 | 
17 |         // 下载歌词
18 |         const getLyric = await $fetch(`/api/getSongLyric?id=${id}`);
19 |         if (getLyric.code !== 200) {
20 |             return getLyric;
21 |         }
22 |         const lyric = formatLRC(getLyric.lyric);
23 |         folder.file(`${name}.lrc`, lyric);
24 | 
25 |         // 下载歌曲
26 |         const url = await $fetch(`/api/getSongUrl?id=${id}&level=${level}`);
27 |         if (Number(url.code) !== 200) {
28 |             return url;
29 |         }
30 |         console.log(url);
31 |         const secureUrl = url.url.replace("http://", "https://");
32 |         console.log(secureUrl);
33 |         const song: any = await $fetch(secureUrl);
34 |         const songBlob = await song.arrayBuffer();
35 |         const fileName = `${name}.${url.type}`;
36 |         folder.file(fileName, songBlob);
37 | 
38 |         // 打包下载
39 |         zip.generateAsync({ type: "blob" })
40 |             .then((zipBlob) => {
41 |                 const url = URL.createObjectURL(zipBlob);
42 |                 const a = document.createElement("a");
43 |                 a.href = url;
44 |                 a.download = `${name}.zip`;
45 |                 document.body.appendChild(a);
46 |                 a.click();
47 |                 document.body.removeChild(a);
48 |                 URL.revokeObjectURL(url);
49 |             })
50 |             .catch((error) => {
51 |                 console.error({ content: "下载文件失败: " + error });
52 |             });
53 |     } catch (error) {
54 |         console.error(error);
55 |     }
56 | }
57 | 


--------------------------------------------------------------------------------
/server/api/getSongUrl.get.ts:
--------------------------------------------------------------------------------
  1 | import { randomInt, createHash, createCipheriv } from "node:crypto";
  2 | import { url } from "~/types";
  3 | 
  4 | function hexDigest(data: Buffer): string {
  5 |     return data.toString("hex");
  6 | }
  7 | 
  8 | function hashDigest(text: string): Buffer {
  9 |     return createHash("md5").update(text, "utf8").digest();
 10 | }
 11 | 
 12 | function hashHexDigest(text: string): string {
 13 |     return hexDigest(hashDigest(text));
 14 | }
 15 | 
 16 | function parseCookie(text = ""): Record<string, string> {
 17 |     return text.split(";").reduce((acc, item) => {
 18 |         const [key, value] = item.trim().split("=");
 19 |         return key ? { ...acc, [key]: value || "" } : acc;
 20 |     }, {});
 21 | }
 22 | 
 23 | async function url_v1(id: string, level: string, cookie: Record<string, string>) {
 24 |     const url = "https://interface3.music.163.com/eapi/song/enhance/player/url/v1";
 25 |     const AES_KEY = Buffer.from("e82ckenh8dichen8", "utf8");
 26 | 
 27 |     // 构造请求参数
 28 |     const config = {
 29 |         os: "pc",
 30 |         appver: "",
 31 |         osver: "",
 32 |         deviceId: "pyncm!",
 33 |         requestId: randomInt(20_000_000, 30_000_000).toString(),
 34 |     };
 35 | 
 36 |     const payload: Record<string, any> = {
 37 |         ids: [id],
 38 |         level,
 39 |         encodeType: "flac",
 40 |         header: JSON.stringify(config),
 41 |     };
 42 | 
 43 |     if (level === "sky") payload.immerseType = "c51";
 44 | 
 45 |     // 生成加密参数
 46 |     const apiPath = new URL(url).pathname.replace("/eapi/", "/api/");
 47 |     const digest = hashHexDigest(`nobody${apiPath}use${JSON.stringify(payload)}md5forencrypt`);
 48 |     const params = `${apiPath}-36cd479b6b5-${JSON.stringify(payload)}-36cd479b6b5-${digest}`;
 49 | 
 50 |     // AES 加密
 51 |     const cipher = createCipheriv("aes-128-ecb", AES_KEY, null);
 52 |     const encryptedParams = Buffer.concat([cipher.update(params, "utf8"), cipher.final()]).toString("hex");
 53 | 
 54 |     // 构造请求
 55 |     const mergedCookies = {
 56 |         os: "pc",
 57 |         appver: "",
 58 |         osver: "",
 59 |         deviceId: "pyncm!",
 60 |         ...cookie,
 61 |     };
 62 | 
 63 |     return await $fetch(url, {
 64 |         method: "POST",
 65 |         headers: {
 66 |             "User-Agent": "Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Safari/537.36 Chrome/91.0.4472.164 NeteaseMusicDesktop/2.10.2.200154",
 67 |             "Content-Type": "application/x-www-form-urlencoded",
 68 |             Cookie: Object.entries(mergedCookies)
 69 |                 .map(([k, v]) => `${k}=${v}`)
 70 |                 .join("; "),
 71 |         },
 72 |         body: `params=${encryptedParams}`,
 73 |     });
 74 | }
 75 | 
 76 | export default defineEventHandler(async (event) => {
 77 |     const config = useRuntimeConfig();
 78 |     const { id, level } = getQuery(event);
 79 |     if (!id || !level) {
 80 |         throw createError({
 81 |             statusCode: 400,
 82 |             message: "Missing id or level parameter",
 83 |         });
 84 |     }
 85 | 
 86 |     try {
 87 |         const cookies = parseCookie(config.cookie);
 88 |         const result: any = await url_v1(id.toString(), level.toString(), cookies);
 89 | 
 90 |         const url: url = {
 91 |             code: result.code,
 92 |             url: result.data[0].url,
 93 |             size: result.data[0].size,
 94 |             type: result.data[0].type,
 95 |             time: result.data[0].time,
 96 |         };
 97 | 
 98 |         $fetch(`https://api.s22y.moe/count/get?name=neteasy`);
 99 | 
100 |         return url;
101 |     } catch (error) {
102 |         throw createError({
103 |             statusCode: 500,
104 |             message: (error as Error).message || "Internal server error",
105 |         });
106 |     }
107 | });
108 | 


--------------------------------------------------------------------------------
/pages/index.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |     <div class="flex h-screen w-full items-center justify-center p-12 max-md:h-auto max-md:flex-col max-md:p-6">
  3 |         <div class="flex h-full flex-col max-md:size-full">
  4 |             <fieldset class="fieldset bg-base-200 border-base-300 rounded-box w-xs border p-4 shadow-md max-md:w-full">
  5 |                 <legend class="fieldset-legend">歌单模式</legend>
  6 | 
  7 |                 <label class="fieldset-label">歌单的链接</label>
  8 |                 <input type="text" class="input focus:outline-none max-md:w-full" v-model="input" />
  9 | 
 10 |                 <button class="btn btn-neutral mt-4" @click="getList(input)" :class="{ 'btn-disabled': isLoading }">
 11 |                     获取
 12 |                     <div class="loading loading-xs" v-if="isLoading"></div>
 13 |                 </button>
 14 |                 <div role="alert" class="alert alert-error alert-soft" v-if="isLoadingPlaylistError">
 15 |                     <span>获取歌单失败, 请检查链接或者联系管理员.</span>
 16 |                 </div>
 17 |             </fieldset>
 18 |             <fieldset class="fieldset bg-base-200 border-base-300 rounded-box mt-6 h-full w-xs overflow-scroll border p-4 shadow-md max-md:w-full" v-if="playlist">
 19 |                 <legend class="fieldset-legend">歌单信息</legend>
 20 | 
 21 |                 <div class="flex">
 22 |                     <div class="relative h-32 w-30 text-slate-200">
 23 |                         <div class="bg-base-300 absolute left-2 h-26 w-26 rounded-xl"></div>
 24 |                         <img :src="playlist.coverImage" alt="cover" class="absolute top-2 h-30 w-30 rounded-xl" />
 25 |                         <div class="absolute right-4 bottom-2 z-2 flex items-center">
 26 |                             <Icon name="akar-icons:music" />
 27 |                             <span class="ml-1 text-sm">{{ playlist.songCount ? playlist.songCount : 0 }}</span>
 28 |                         </div>
 29 |                     </div>
 30 |                     <div class="ml-4 flex w-30 grow flex-col flex-wrap">
 31 |                         <p class="mb-2 text-2xl font-bold break-words">
 32 |                             {{ playlist.name }}
 33 |                         </p>
 34 |                         <div class="flex items-center">
 35 |                             <div class="avatar">
 36 |                                 <div class="w-6 rounded-full">
 37 |                                     <img :src="playlist.creator.avatar" alt="avatar" />
 38 |                                 </div>
 39 |                             </div>
 40 |                             <a :href="`https://music.163.com/#/user/home?id=${playlist.creator.uid}`" target="_blank" class="ml-2 flex cursor-pointer items-center text-slate-400">
 41 |                                 <span class="mr-1">{{ playlist.creator.name }}</span>
 42 |                                 <Icon name="akar-icons:chevron-right-small" />
 43 |                             </a>
 44 |                         </div>
 45 |                     </div>
 46 |                 </div>
 47 | 
 48 |                 <div class="my-2">
 49 |                     <p class="text-sm text-slate-500">
 50 |                         {{ playlist.description }}
 51 |                     </p>
 52 |                     <div class="badge badge-soft badge-accent badge-xs" v-for="item in playlist.tags" :key="item">
 53 |                         {{ item }}
 54 |                     </div>
 55 |                 </div>
 56 |             </fieldset>
 57 |         </div>
 58 | 
 59 |         <fieldset class="fieldset bg-base-200 rounded-box border-base-300 ml-6 h-full grow overflow-scroll border shadow-md max-md:mt-6 max-md:ml-0 max-md:w-full" v-if="songlist.length !== 0">
 60 |             <legend class="fieldset-legend pl-4">歌曲列表</legend>
 61 | 
 62 |             <ul class="list">
 63 |                 <li class="flex p-4 pb-2 text-xs tracking-wide opacity-60 max-md:flex-col">
 64 |                     <div class="grow">
 65 |                         <span>选择你想要的歌曲</span>
 66 |                         <span v-if="selectedlist.length !== 0" class="ml-2"> 已选 {{ selectedlist.length }} 首 </span>
 67 |                     </div>
 68 |                     <div class="mr-2 max-md:my-2">
 69 |                         <select class="select select-xs focus:outline-none" v-model="level">
 70 |                             <option value="standard">标准音质</option>
 71 |                             <option value="exhigh">极高音质</option>
 72 |                             <option value="lossless">无损音质</option>
 73 |                             <option value="hires">Hires音质</option>
 74 |                             <option value="sky">沉浸环绕声</option>
 75 |                             <option value="jyeffect">高清环绕声</option>
 76 |                             <option value="jymaster">超清母带</option>
 77 |                         </select>
 78 |                     </div>
 79 |                     <div>
 80 |                         <button class="btn btn-xs" @click="downloadAll(songlist)" onclick="download_modal.showModal()">下载全部</button>
 81 |                         <button class="btn btn-xs ml-2" v-if="selectedlist.length !== 0" @click="downloadSelected(selectedlist)" onclick="download_modal.showModal()">下载已选</button>
 82 |                         <button class="btn btn-xs ml-2" onclick="download_modal.showModal()"><Icon name="akar-icons:cloud-download" /></button>
 83 |                     </div>
 84 |                 </li>
 85 |                 <li class="list-row" v-for="(item, index) in songlist" :key="item.id">
 86 |                     <div class="text-sm font-thin tabular-nums opacity-30">
 87 |                         {{ index + 1 }}
 88 |                     </div>
 89 |                     <div>
 90 |                         <img class="rounded-box size-10" :src="item.album.cover" alt="cover" />
 91 |                     </div>
 92 |                     <div class="list-col-grow">
 93 |                         <div>{{ item.name }}</div>
 94 |                         <div class="text-xs font-semibold uppercase opacity-60">
 95 |                             <span v-for="(ar, i) in item.author">
 96 |                                 {{ ar.name }}
 97 |                                 <span v-if="i < item.author.length - 1">, </span>
 98 |                             </span>
 99 |                         </div>
100 |                     </div>
101 |                     <input type="checkbox" class="checkbox" v-model="selectedlist" :value="{ id: item.id, name: item.name, cover: item.album.cover, status: 'await' }" />
102 |                 </li>
103 |                 <li class="mx-auto mt-4" v-if="isLoadingSonglist">
104 |                     <div class="loading loading-sm"></div>
105 |                 </li>
106 |             </ul>
107 |         </fieldset>
108 |         <dialog id="download_modal" class="modal modal-bottom sm:modal-middle">
109 |             <div class="modal-box max-h-100">
110 |                 <form method="dialog">
111 |                     <button class="btn btn-sm btn-circle btn-ghost absolute top-2 right-2">✕</button>
112 |                 </form>
113 |                 <h3 class="text-lg font-bold">下载列表</h3>
114 |                 <div class="py-4">
115 |                     <ul class="list" v-if="downloadlist.length > 0">
116 |                         <li class="list-row" v-for="item in downloadlist" :key="item.id">
117 |                             <div><img class="rounded-box size-10" :src="item.cover" /></div>
118 |                             <div>
119 |                                 <div>{{ item.name }}</div>
120 |                                 <div class="text-xs">
121 |                                     <span v-if="item.status === 'await'">等待</span>
122 |                                     <span v-else-if="item.status === 'downloading'">下载中</span>
123 |                                     <span v-else-if="item.status === 'check'">下载完成</span>
124 |                                     <span v-else>出错</span>
125 |                                 </div>
126 |                             </div>
127 |                             <div class="flex items-center justify-center">
128 |                                 <Icon class="text-base" name="akar-icons:alarm" v-if="item.status === 'await'" />
129 |                                 <div class="loading loading-xs" v-else-if="item.status === 'downloading'"></div>
130 |                                 <Icon class="text-base text-green-500" name="akar-icons:circle-check" v-else-if="item.status === 'check'" />
131 |                                 <Icon class="text-base text-red-500" name="akar-icons:circle-alert" v-else />
132 |                             </div>
133 |                         </li>
134 |                     </ul>
135 |                     <span class="text-sm opacity-70" v-else>下载列表还没有歌曲哦</span>
136 |                 </div>
137 |             </div>
138 |         </dialog>
139 |     </div>
140 | </template>
141 | 
142 | <script lang="ts" setup>
143 | const input = ref<string>(""); // https://y.music.163.com/m/playlist?id=12763433746
144 | const level = ref<string>("standard");
145 | const playlist = ref<playlist | null>(null);
146 | const songlist = ref<Array<song>>([]);
147 | const selectedlist = ref<Array<download>>([]);
148 | const downloadlist = ref<Array<download>>([]);
149 | 
150 | const getSong = async (id: number) => {
151 |     try {
152 |         const result = await $fetch(`/api/getSongInfo?id=${id}`);
153 |         songlist.value.push(result);
154 |     } catch (error) {
155 |         console.error(error);
156 |     }
157 | };
158 | 
159 | const isLoading = ref<boolean>(false);
160 | const isLoadingSonglist = ref<boolean>(false);
161 | const isLoadingPlaylistError = ref<boolean>(false);
162 | 
163 | const getList = async (url: string) => {
164 |     if (!url) {
165 |         return;
166 |     }
167 | 
168 |     isLoading.value = true;
169 |     const urlObj = new URL(url);
170 |     const params = new URLSearchParams(urlObj.search);
171 |     const id = params.get("id");
172 | 
173 |     try {
174 |         const result = (await $fetch(`/api/getPlaylist?id=${id}`)) as any as playlist;
175 |         playlist.value = result;
176 |         songlist.value = [];
177 |         isLoadingSonglist.value = true;
178 | 
179 |         for (const item of result.list) {
180 |             getSong(item.id);
181 |         }
182 |         isLoadingPlaylistError.value = false;
183 |     } catch (error) {
184 |         console.error(error);
185 |         isLoadingPlaylistError.value = true;
186 |     } finally {
187 |         isLoading.value = false;
188 |         isLoadingSonglist.value = false;
189 |     }
190 | };
191 | 
192 | const downloadfunc = async (list: Array<download>) => {
193 |     for (let i: number = 0; i < list.length; i++) {
194 |         try {
195 |             downloadlist.value[i].status = "downloading";
196 |             const { id, name, cover } = list[i];
197 |             await downloadSong(id, name, cover, level.value);
198 |             downloadlist.value[i].status = "check";
199 |             await $fetch("https://api.s22y.moe/count/add?name=neteasy", {
200 |                 method: "POST",
201 |             }).catch((e) => {
202 |                 console.error("Count API error:", e);
203 |             });
204 |         } catch (error) {
205 |             console.error();
206 |             downloadlist.value[i].status = "error";
207 |         }
208 |     }
209 | };
210 | 
211 | const downloadAll = async (list: Array<song>) => {
212 |     downloadlist.value = [];
213 |     list.forEach((item) => {
214 |         downloadlist.value.push({
215 |             id: item.id,
216 |             name: item.name,
217 |             cover: item.album.cover,
218 |             status: "await",
219 |         });
220 |     });
221 |     downloadfunc(downloadlist.value);
222 | };
223 | 
224 | const downloadSelected = async (list: Array<download>) => {
225 |     downloadlist.value = [];
226 |     list.forEach((item) => {
227 |         downloadlist.value.push({
228 |             id: item.id,
229 |             name: item.name,
230 |             cover: item.cover,
231 |             status: "await",
232 |         });
233 |     });
234 |     downloadfunc(downloadlist.value);
235 | };
236 | </script>
237 | 


--------------------------------------------------------------------------------