[JS/TS] 基于 Next.js 开源下载工具：一键解析 B站、抖音、小红书视频音频

这是一个基于 Next.js 开发的开源通用媒体下载工具，支持从 Bilibili、抖音、小红书等主流平台下载视频和音频文件，为开发者提供了一个现代化的本地下载解决方案。

功能特点

• 多平台支持：覆盖 Bilibili、抖音、小红书三大热门内容平台。
• 格式灵活：支持下载视频文件，也可提取纯净音频。
• 智能识别：自动识别粘贴的链接所属平台，无需手动选择。
• 界面友好：采用现代化设计语言，操作直观简洁。
• 历史记录：在本地保存下载历史，方便追溯与管理。
• 多语言：支持简体中文、繁体中文和英文界面。

快速开始

首先，你需要启动本地开发服务器。在项目根目录下运行以下命令之一：

npm run dev
# 或
yarn dev
# 或
pnpm dev
# 或
bun dev

服务启动后，在浏览器中打开 http://localhost:3000 即可看到应用界面。

使用方法

操作流程非常简单，只需几步：

1. 复制链接：从 Bilibili、抖音或小红书等平台复制你想下载的视频链接。
2. 粘贴解析：将链接粘贴到工具页面的输入框中。
3. 点击解析：工具会自动识别链接并获取媒体信息。
4. 选择格式：在解析结果中，选择下载“视频”或仅下载“音频”。
5. 完成下载：等待处理完成，文件将自动保存到你的设备。

支持的链接格式示例

• Bilibili: https://www.bilibili.com/video/BV... 或 https://b23.tv/...
• 抖音: https://www.douyin.com/... 或 https://v.douyin.com/...
• 小红书: https://www.xiaohongshu.com/explore/... 或 https://xhslink.com/...

技术栈

该项目采用了当前主流的前端技术栈，确保了项目的性能与可维护性：

• Next.js 16 (App Router): 作为全栈 React 框架，提供服务端渲染和高效的开发体验。
• React 19: 用于构建用户界面的核心库。
• TypeScript: 提供静态类型检查，提升代码质量。
• Tailwind CSS: 实用优先的 CSS 框架，快速构建定制化 UI。
• shadcn/ui: 基于 Radix UI 构建的高质量组件库。
• Axios: 用于处理 HTTP 请求。
• FFmpeg.wasm: 在浏览器端实现音频提取功能。
• JSZip: 用于将小红书的图文笔记图片打包下载。

本地开发指南

如果你想参与贡献或深入了解，可以按照以下步骤搭建本地开发环境：

1. 克隆项目到本地。

   git clone <项目仓库地址>

2. 安装项目依赖。

   npm install

3. 启动开发服务器。

   npm run dev

项目源码

该项目的全部源代码已在 GitHub 上开源，你可以访问以下地址查看详情、报告问题或提交贡献：

https://github.com/lxw15337674/galaxy-downloader/blob/main/README.md

对于喜欢折腾和探索新工具的开发者来说，这个项目不仅实用，其清晰的技术选型和代码结构也值得借鉴学习。