社交媒体下载器

社交媒体下载器 是一个基于 Next.js 16 构建的浏览器端社交媒体下载工具，支持从 Bilibili、抖音（Douyin）、小红书（Xiaohongshu） 等主流中文平台解析并下载视频、音频及图文内容。所有解析与下载逻辑均在本地浏览器完成，不依赖远程 API，保障用户隐私与使用自由。

核心功能

• Bilibili 支持
  • 下载高清视频（含 1080P/4K）
  • 单独提取音频（无需后端转码，基于 ffmpeg.wasm）
• 抖音支持
  • 自动去除水印，下载原始视频
  • 提取纯净音频（MP3 格式）
• 小红书支持
  • 视频笔记：下载无水印视频
  • 图文笔记：批量打包高清图片（ZIP 格式）
• 智能链接识别
  自动检测输入链接所属平台，无需手动选择
• 本地历史记录
  下载记录保存在浏览器 localStorage，关闭页面后仍可查看
• 多语言界面
  支持简体中文、繁体中文、英文（自动匹配系统语言）
• 现代化 UI
  基于 shadcn/ui + Tailwind CSS，响应式设计，适配桌面与移动端

支持的链接格式

注：部分短链（如 v.douyin.com、xhslink.com）需先跳转至原始页面再复制完整 URL，以确保解析成功率。

技术栈

• 框架：Next.js 16（App Router）
• 前端：React 19 + TypeScript
• 样式：Tailwind CSS + shadcn/ui 组件库
• 网络请求：Axios（封装平台解析逻辑）
• 音频处理：ffmpeg.wasm（浏览器端 MP3 提取，无需服务器）
• 图片打包：JSZip（图文笔记一键导出为 ZIP）
• 本地存储：localStorage（保存历史记录）

快速开始

1. 克隆项目

git clone https://github.com/your-username/social-media-downloader.git
cd social-media-downloader

2. 安装依赖

npm install
# 或
yarn install
# 或
pnpm install
# 或
bun install

3. 启动开发服务器

npm run dev

4. 访问应用

打开浏览器，访问：http://localhost:3000

使用流程

1. 复制任意支持平台的视频/笔记链接
2. 粘贴到首页输入框
3. 点击 “解析” 按钮
4. 选择 “下载视频” 或 “下载音频”（B站/抖音） / “下载图文”（小红书）
5. 文件将通过浏览器原生下载机制保存到本地

所有处理均在前端完成，不上传链接到任何服务器。

隐私与安全

• 无后端服务：所有解析逻辑通过公开接口或页面抓取模拟实现
• 无数据收集：不记录 IP、不追踪用户行为、不嵌入分析脚本
• 开源透明：代码可审计，支持自托管或本地运行

注意事项

• 部分平台可能通过动态加载或反爬机制限制解析，建议使用完整页面 URL 而非短链
• 音频提取依赖 ffmpeg.wasm，首次使用可能需加载数 MB 的 WebAssembly 模块
• 小红书图文下载依赖页面中的高清图源，若平台变更结构可能导致解析失败