这是一个基于 Next.js 开发的通用媒体下载工具,支持从 Bilibili、抖音、小红书等平台下载视频和音频。
- 🎵 支持 Bilibili 视频/音频下载
- 🎬 支持抖音无水印视频下载及音频提取
- 📷 支持小红书视频笔记和图文笔记下载
- 🔍 自动识别平台链接
- 🎨 现代化的用户界面设计
- 💾 本地下载历史记录
- 🌍 多语言支持(简体中文、繁体中文、英文)
首先,运行开发服务器:
npm run dev
# 或
yarn dev
# 或
pnpm dev
# 或
bun dev在浏览器中打开 http://localhost:3000 即可看到应用界面。
- 复制视频链接(支持 Bilibili、抖音、小红书等平台)
- 粘贴到输入框中
- 点击解析按钮
- 选择下载音频或视频
- 等待下载完成,文件会自动保存
- 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 19
- TypeScript
- Tailwind CSS
- shadcn/ui
- Axios
- FFmpeg.wasm (浏览器端音频提取)
- JSZip (图片打包下载)
- 克隆项目
- 安装依赖:
npm install
- 运行开发服务器:
npm run dev
部署时建议配置以下环境变量,避免预发环境被收录并确保 canonical 正确:
NEXT_PUBLIC_SITE_URL: 当前环境站点地址(例如https://downloader.bhwa233.com)SEO_INDEXABLE: 是否允许索引,true/false
默认策略:
- 在 Vercel 生产环境自动允许索引
- 在 Vercel 预览环境默认不允许索引
- 非 Vercel 环境按
NODE_ENV === production判断是否允许索引 - 可通过
SEO_INDEXABLE显式覆盖
建议每周检查以下指标,持续验证本仓库内的 SEO 配置是否生效:
- Search Console 的
索引页面与未编入索引原因 sitemap.xml提交状态与抓取成功率- Core Web Vitals(LCP、INP、CLS)趋势
- 重点页面(首页、FAQ、Guides)的展示量与点击量
- 多语言页面的
hreflang与 canonical 是否一致
推荐使用 Vercel 平台 部署,它是 Next.js 的创建者提供的托管服务。
更多部署相关信息,请查看 Next.js 部署文档。