|
最近做了一个小工具站:facebookvideodownload.com ,专门帮阿拉伯语用户下载 Facebook 视频。想在这里分享一些过程中的想法和踩过的坑。
技术实现
技术栈比较简单:
- Next.js 16 + React 19
- Tailwind CSS ( RTL 布局支持)
- 后端用 yt-dlp 解析 Facebook 视频
- 部署在 Vercel
核心挑战是音频处理。Facebook 的视频流通常是音视频分离的,大部分下载工具只抓取视频流,导致下载的文件没有声音。我们的方案是自动识别并合并音视频流,确保下载的视频保留完整音频。这个点在 PRD 里被反复强调,也确实是和竞品最大的差异。
RTL (从右到左)布局也花了些时间适配,阿拉伯语的排版习惯和中英文完全相反,CSS 需要特殊处理。
踩过的坑
- 字体选择:最开始用了 Cairo 字体,后来发现在某些 Android 设备上渲染有问题,最后换成了 Noto Sans Arabic ,兼容性更好
- Git 推送问题:图片资源比较多,推送时遇到 HTTP 400 错误,需要调整 http.postBuffer 才能解决
- Sitemap 格式:一开始生成的 sitemap 格式不太标准,搜索引擎可能无法正确解析
目前的状态
网站已经上线,功能基本跑通了:
- 支持各种 Facebook 视频链接格式( watch 、fb.watch 、Reels 等)
- 提供 HD/SD 多种清晰度选择
- 显示实时下载进度和速度
- 完全免费,无需注册
还在等 Google 收录,SEO 优化是个长期的过程。
一些思考
-
小语种市场的机会:英文市场竞争已经红海,但小语种(尤其是阿拉伯语、葡萄牙语、印尼语等)还有很多未被满足的需求。做好本地化不仅仅是翻译,还包括 UI 习惯、支付方式、内容偏好等。
-
解决真实问题:虽然是个简单的工具,但音频保留这个痛点确实存在。很多用户下载视频就是为了保存完整内容,没声音基本等于白费。
-
技术债务:目前依赖 yt-dlp ,如果 Facebook 改 API 就得快速跟进。长远看可能需要自己维护解析逻辑。
-
商业化考虑:一期先做流量,后期可能会加入适度的广告或者高级会员功能(批量下载、无广告等)。
开源情况
目前代码暂时没有开源,因为还在快速迭代。不过技术上没什么特别复杂的,主要是产品细节和用户体验的打磨。
欢迎大家提建议或者指出问题。如果有做过类似工具站或者 SEO 的朋友,也欢迎交流经验。
|