RTSP-Simple-Server中Safari浏览器无法播放fmp4录制视频的问题分析

问题背景

RTSP-Simple-Server是一个开源的实时流媒体服务器，支持RTSP、RTMP、HLS等多种协议。在1.8.0版本中，用户反馈通过该服务器录制的fmp4格式视频在Safari浏览器上无法正常播放，而在Firefox等其他浏览器上则可以正常工作。

问题现象

当用户尝试通过以下方式在Safari中播放录制的视频时：

<video controls>
  <source src="https://example.com:9996/get?path=outdoor&start=2024-05-03T11:46:53.141439Z&duration=337.247275"
    type="video/mp4" />
</video>

Safari会显示"Failed to load resource: Plug-in handled load"错误，视频无法加载。同样的URL在Firefox中可以正常播放。

根本原因分析

经过深入分析，发现该问题主要与以下两个因素有关：

1. URL编码问题：开发者错误地对整个URL路径进行了编码，而实际上只需要对时间参数中的特殊字符进行编码。正确的做法应该是只对时间参数中的冒号(:)进行编码(转为%3A)。

2. 时间格式兼容性：服务器返回的时间戳格式为ISO 8601标准，包含微秒和Z时区标识符(如2024-05-06T11:32:34.935427Z)，而某些浏览器(特别是Safari)对这种格式的支持可能存在差异。

解决方案

针对这个问题，开发者提供了正确的URL格式示例：

<video controls>
  <source src="https://example.com:9996/get?path=outdoor&start=2024-01-14T16%3A33%3A17%2B00%3A00&duration=337.247275"
    type="video/mp4" />
</video>

关键点在于：

• 只对时间参数中的特殊字符进行编码
• 使用+00:00时区表示法替代Z标识符
• 确保时间格式符合RFC 3339标准

技术细节

1. 时间格式处理：

   • 服务器返回的时间格式：2024-05-06T11:32:34.935427Z
   • Safari兼容格式：2024-05-06T11:32:34.935427+00:00
   • 需要将Z时区标识符转换为+00:00格式

2. URL编码规范：

   • 路径参数(path)不需要编码
   • 时间参数中的冒号(:)需要编码为%3A
   • 加号(+)需要编码为%2B

3. 浏览器兼容性：

   • Firefox对时间格式的兼容性较好
   • Safari对严格符合标准的URL要求更高
   • iOS设备上的浏览器(包括Chrome)都使用WebKit内核，因此表现与Safari一致

最佳实践建议

1. 在处理录制视频URL时，应该：

   • 从/list接口获取原始时间戳
   • 将Z时区标识符替换为+00:00
   • 对时间参数中的特殊字符进行正确编码

2. 对于开发者：

   • 在文档中明确标注时间参数的格式要求
   • 考虑在服务器端提供自动转换时间格式的选项
   • 对常见客户端进行兼容性测试

3. 对于用户：

   • 使用标准的时间格式转换工具处理时间参数
   • 在Web应用中添加浏览器检测逻辑，针对Safari进行特殊处理
   • 考虑使用JavaScript动态生成符合要求的视频URL

总结

RTSP-Simple-Server录制视频在Safari上的播放问题主要源于URL编码和时间格式的浏览器兼容性差异。通过正确编码时间参数并使用更广泛兼容的时间格式表示法，可以解决这个问题。这提醒我们在处理Web媒体资源时，需要特别注意不同浏览器对标准和格式的差异化支持。