Dash.js V5版本中URL编码导致的播放问题分析

问题背景

在Dash.js V5版本升级过程中，开发团队发现了一个与URL编码相关的重要播放问题。该问题主要影响那些在流媒体URL中包含查询参数（特别是授权令牌）的使用场景。

问题表现

在V4版本中运行正常的流媒体播放，在升级到V5版本后出现了以下异常现象：

1. 初始清单文件(manifest)能够正常加载
2. 初始化片段(init segments)和前几个媒体片段也能成功获取
3. 但后续的清单请求会返回403错误
4. 最终导致播放完全失败

技术原因

问题的根源在于V5版本中对URL处理逻辑的修改。具体来说：

1. V5版本不再使用浏览器原生的URL()接口，而是实现了自己的查询参数处理逻辑
2. 这个修改原本是为了解决CMCD(Common Media Client Data)使用查询参数时的问题
3. 但意外影响了所有包含查询参数的请求，包括那些不涉及CMCD的普通请求

具体案例分析

典型的授权令牌在URL中原本是这样的格式：

...hdnts=ip=2a06:56c0:12:121:c3ae:4405:3c9:7f11~exp=1743759354~acl=*/~hmac=1a4389aa8be9f3fd7138152711a0c27936f14d0ba94e3dbb5bd6300f63369117

但在V5版本中被错误编码为：

...hdnts%3Dip%3D2a06%3A56c0%3A12%3A121%3Ac3ae%3A4405%3A3c9%3A7f11~exp%3D1743759354~acl%3D*%2F~hmac%3D1a4389aa8be9f3fd7138152711a0c27936f14d0ba94e3dbb5bd6300f63369117

这种过度编码导致服务器无法正确识别授权令牌，从而返回403禁止访问错误。

解决方案

开发团队已经通过修复补丁解决了这个问题。该修复确保了：

1. 对于包含特殊字符的查询参数能够正确处理
2. 不会对已经正确格式化的URL进行不必要的二次编码
3. 同时保持了CMCD功能的正常运作

开发者建议

对于使用Dash.js并遇到类似问题的开发者，建议：

1. 检查项目中是否使用了包含特殊字符的查询参数
2. 确认这些参数是否被正确处理
3. 及时更新到包含修复补丁的版本

这个问题提醒我们，在修改底层URL处理逻辑时需要特别谨慎，因为这类改动可能会影响到各种不同类型的请求，包括那些看似不相关的授权令牌处理场景。