无法将多段二进制视频文件合并为完整视频的技术求助

问题背景 #

• React应用通过Navigator.MediaDevices.getDisplayMedia()获取屏幕流，使用MediaRecorder捕获浏览器窗口
• 每段视频固定录制1秒，数据经base64编码后通过WebSocket发送至服务器
• 服务器解码后将二进制数据保存为无扩展名文件，目前无法将这些1秒的分段文件合并为完整可正常播放的视频

已尝试的无效方法 #

• FFmpeg直接二进制合并后转码：先执行copy /b * merged.合并所有文件，再用ffmpeg -i merged merged.mp4转码为MP4，生成视频的时长与文件数量对应的总时长不符
• FFmpeg单独转换分段文件：执行时出现解码错误：

[h264 @ 000001522dc74b80] [error] non-existing PPS 0 referenced
[h264 @ 000001522dc74b80] [error] non-existing PPS 0 referenced
[h264 @ 000001522dc74b80] [error] decode_slice_header error
[h264 @ 000001522dc74b80] [error] no frame!

• Python MoviePy库拼接：通过代码拼接文件并保存为WebM后导入，仍无法得到完整可播放的视频

可行解决方案 #

1. 先确定分段文件的容器格式 #

MediaRecorder默认输出格式多为WebM（VP9/VP8编码）或MP4（H.264编码），先通过FFmpeg检测单个文件的格式：

ffmpeg -i 你的分段文件名

根据检测结果给文件添加对应扩展名（如.webm或.mp4），再进行后续处理。

2. 使用FFmpeg的concat协议正确合并 #

直接二进制合并会破坏视频容器结构，需用FFmpeg的concat功能按顺序合并：

1. 创建file_list.txt文件，按录制顺序列出所有分段文件，每行格式为：

file '分段文件名1'
file '分段文件名2'
file '分段文件名3'

2. 执行合并命令（以WebM为例，MP4同理替换扩展名）：

ffmpeg -f concat -safe 0 -i file_list.txt -c copy output.webm

-c copy参数可直接复制流，避免重新编码，保证效率和质量。

3. 修复分段数据的编码完整性 #

单个文件出现H.264解码错误，是因为分段缺少关键帧或序列参数集（SPS/PPS）：

• 前端录制时，修改MediaRecorder配置，确保每个1秒分段都包含关键帧：可在调用start(timeslice)时，同时设置videoBitsPerSecond参数，或通过requestData()触发录制时强制生成关键帧
• 检查服务器端的base64解码逻辑，确保完整解析前端发送的数据，避免二进制文件截断或损坏

4. 保证分段文件的存储与读取顺序 #

• 服务器保存文件时，要按前端发送的顺序命名（如加时间戳或序号后缀），避免合并时顺序混乱
• 合并时严格按照录制顺序拼接，顺序错误会导致视频播放异常或时长计算错误

内容的提问来源于stack exchange，提问作者user20057686