React Native移动端视频服务方案：为何LTE网络下HLS加载缓慢？

1. 主播放列表带宽参数配置错误 #

你提供的主播放列表码率参数存在明显的数值偏差，这是最核心的故障原因：

• 1080P档位标注的带宽为1205600（约1.2Mbps），对应6秒分片大小约900KB，和你提到的800KB基本吻合
• 但720P档位标注的带宽仅为105600（约103Kbps），480P/360P档位更是只有52800（约51Kbps），该数值远低于实际码率，会直接导致播放器带宽判断逻辑失效，即使在LTE网络下也不会触发自适应降码，始终拉取高码率分片。

你需要手动修正每个EXT-X-STREAM-INF标签的BANDWIDTH参数为对应码流的实际平均码率，单位为bps，比如720P实际码率为800Kbps就填800000，确保自适应码率逻辑正常运行。

2. 播放器缓冲区配置过低 #

react-native-video默认的HLS缓冲区时长非常短，你需要手动调整缓冲区相关参数，保证播放器提前缓存足够的分片：

• 安卓端：配置bufferConfig参数，将minBufferMs设为15000（15秒）、maxBufferMs设为30000（30秒）、bufferForPlaybackMs设为2500、bufferForPlaybackAfterRebufferMs设为5000
• iOS端：将forwardBufferDuration设为10秒以上，保证提前缓存至少2-3个分片，避免播放到分片边界时还未完成下一个分片的下载。

3. HLS分片关键帧配置异常 #

如果生成HLS时没有强制关键帧对齐，可能出现分片开头不是关键帧的情况，导致播放器下载完分片后还要等待关键帧加载，额外增加耗时。生成HLS时需要补充以下ffmpeg参数：
-force_key_frames "expr:gte(t,n_forced*6)" 强制每6秒生成一个关键帧，和分片时长完全对齐，同时添加-hls_flags independent_segments标记分片可独立解码，进一步加快加载和seek速度。

4. CDN缓存规则配置问题 #

DigitalOcean Spaces默认的CDN规则可能存在两处影响加载速度的配置：

• 未开启Range请求支持，导致无法分片加载资源
• .ts后缀分片的缓存TTL设置过短，每次加载都需要回源请求，额外增加请求耗时

你需要在DO Spaces后台开启Range请求支持，同时将.ts文件的缓存TTL设置为7天以上，避免频繁回源。如果测试后发现LTE下单个800KB分片的下载耗时仍然超过1秒，可以考虑将hls_time调整为4秒，降低单个分片的大小，进一步降低缓冲概率。

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