如何使用 Node.js、FFmpeg 和 Next.js 构建全栈视频流平台：综合指南
内容提要
本文介绍了使用Node.js、Express、FFmpeg、Multer和Next.js创建视频流平台的完整设置，包括视频上传、转换为HLS格式、前端集成和解决CORS和CSP错误的方法。作者成功构建了一个强大且可扩展的视频流平台。
延伸解读
HLS 转换命令的两种写法
文章给出了两个 FFmpeg 命令：一个在 Server.ts 中用于快速转换，另一个更完整的命令指定了 -hls_time 10、-hls_playlist_type vod 等参数。后者能控制分片时长和播放列表类型，更适合点播场景。注意第一个命令中的变量引用可能有误，实际使用时建议参考第二个命令的完整参数。
CORS 与 CSP 的配置要点
CORS 错误通过 Express 的 cors 中间件解决，需明确允许前端源（如 localhost:3000）。CSP 错误则需调整 Next.js 的响应头，在 media-src 和 connect-src 中加入后端地址。文章提供了两种 CSP 配置：静态的 next.config.js 和带 nonce 的 middleware.ts，后者更安全但需注意 nonce 的生成与传递。
文件上传与静态服务的实现细节
Multer 用于处理上传，设置了 100MB 文件大小限制，并用 UUID 重命名文件以避免冲突。Express 静态服务需为 .m3u8 和 .ts 文件设置正确的 MIME 类型，否则浏览器可能无法播放。文章还展示了如何通过 /upload 端点列出课程视频，但需注意路径拼接和错误处理。
Q&A
如何使用 Node.js 和 FFmpeg 创建视频流平台？
使用 Node.js 和 Express 处理视频上传，并利用 FFmpeg 将视频转换为 HLS 格式。
FFmpeg 在视频流平台中有什么作用？
FFmpeg 是一个开源工具，用于将视频文件转换为 HLS 格式，支持多媒体数据处理。
如何解决 CORS 和 CSP 错误？
通过在 Express 服务器中配置 CORS 标头和调整 CSP 标头来解决这些错误。
Multer 在视频上传中如何使用？
Multer 用于处理文件上传，支持设置文件大小限制和唯一命名文件。
Next.js 在视频流平台中扮演什么角色？
Next.js 提供现代前端框架，支持服务器端渲染和 API 路由，便于前端集成。
如何实现视频播放功能？
使用 Hls.js 库加载 HLS 源并将其附加到视频元素，以实现流畅播放。
