今日总结-Remotion视频剪辑与Nano-Video修复

今日工作汇总

1. Nano-Video 项目 DOM 错误修复

修复了浏览器控制台中的 removeChildinsertBefore 错误:

  • components/ui/sonner.tsx - 添加 mounted 检查,确保只在客户端渲染
  • lib/downloadFile.ts - 添加 parentNode 检查,防止移除不存在的节点
  • lib/cloudflare/r2-download.ts - 添加 parentNode 检查

2. 美食视频剪辑

使用 Remotion 将 11 个美食视频片段拼接成一个完整视频:

片段 菜品
1 新疆大盘鸡
2 白菜猪肉炖粉条
3 羊蝎子火锅
4 金汤佛跳墙
5 泰式绿咖喱鸡
6 过桥米线
7 椰子鸡火锅
8 韩式海鲜拉面
9 猪脚姜
10 匈牙利牛肉炖肉
11 腊味煲仔饭
  • 输出文件:20MB,88秒
  • 技术参数:1920x1080,30fps

3. R2 文件上传

上传 swz.mp4 到 Cloudflare R2:

4. 博客部署

成功部署到 GitHub Pages:https://raojiacui.github.io