RTSP-Simple-Server项目中HLS播放失败问题分析与解决方案

问题背景

在RTSP-Simple-Server项目(v1.8.5版本)使用过程中，用户反馈Android设备上的Chrome浏览器无法播放直播流，控制台出现"InvalidStateError: Failed to execute 'appendBuffer' on 'SourceBuffer'"错误。这个问题主要出现在通过MJEG格式采集摄像头视频并通过RTSP推流的场景下。

问题现象

当使用以下命令推送摄像头视频流时：

ffmpeg -f v4l2 -video_size 1360x768 -framerate 50 -pix_fmt mjpeg -i /dev/video0 -f alsa -i hw:$HW_NO -c:v libx264 -preset ultrafast -tune zerolatency -rtsp_transport tcp -async 1 -vsync 1 -f rtsp rtsp://192.168.x.x:8554/live/tv

Windows电脑可以正常播放，但Android手机和平板上的Chrome浏览器无法播放，控制台报错。有趣的是，当使用预录制的MP4文件推流时，所有设备都能正常播放。

根本原因分析

经过深入调查，发现问题根源在于FFmpeg编码输出时的像素格式设置。原始命令中没有明确指定输出像素格式(pix_fmt)，导致FFmpeg默认使用yuv422像素格式。这种格式在浏览器中的兼容性有限，特别是移动设备上的浏览器支持较差。

解决方案

解决此问题的方法是在FFmpeg编码命令中明确指定输出像素格式为yuv420p，这是Web环境中广泛支持的格式。修改后的命令如下：

ffmpeg \
-f v4l2 -video_size 1360x768 -framerate 50 -pix_fmt mjpeg -i /dev/video0 \
-f alsa -i hw:$HW_NO -c:v libx264 -pix_fmt yuv420p -preset ultrafast -tune zerolatency \
-rtsp_transport tcp -async 1 -vsync 1 -f rtsp rtsp://192.168.x.x:8554/live/tv

技术要点

1. 像素格式选择：yuv420p是Web视频播放最兼容的像素格式，几乎所有浏览器和设备都支持这种格式。

2. H.265编码问题：虽然本问题与H.265无关，但值得注意的是H.265编码在Web环境中的支持有限，通常只有Windows+Chrome+特定GPU组合才能播放H.265视频。

3. 跨设备兼容性：开发流媒体应用时，需要考虑不同终端设备的解码能力差异，选择最广泛支持的编码参数。

最佳实践建议

1. 始终明确指定输出像素格式为yuv420p
2. 对于Web播放场景，优先使用H.264编码而非H.265
3. 测试时应在多种设备和浏览器上进行验证
4. 监控服务器日志可以帮助快速定位兼容性问题

通过遵循这些实践，可以显著提高流媒体服务在各种终端设备上的兼容性和播放稳定性。