2024/06/03 16:15:41

频道秒开

秒开是指在观众进入频道时，画面能够在最短的时间内加载并显示出来，没有明显的加载过程。秒开功能可以优化观看体验，让观众能够更快速地进入频道并即刻看到内容，提升观看的连贯性和流畅度。本文介绍实现秒开功能的关键逻辑。

下图是秒开最佳实践的原理图：

秒开的最佳实践主要体现在如下环节：

1. 在频道列表页面

在频道列表页面，对用户视野范围内的频道进行预加载，并按需使用通配 Token。

具体操作如下：

如果频道总数量不超过 10，通过 preload 方法对所有进行频道预加载。
如果频道总数量超过 10，通过 preload 方法对仅前 10 个进行频道预加载。如果用户滑动频道列表，那么当滑动停止时，再通过 preload 方法对视野范围内的频道进行预加载。
preload 方法的 token 参数可以使用通配 Token，以加快后续加入频道的速度。

在频道列表页面，用户通过鼠标悬停在某个频道的入口。对于不同的鼠标交互动作，你需要为秒开做的具体操作如下：

用户将鼠标悬停到某个频道的入口时，进入频道前，建议提前加入频道，订阅音视频流。

具体操作如下：

当用户触碰频道入口完成有效点击后，进入频道，那么建议操作如下：

当用户完成有效点击时，App 界面应该从“频道列表页面”切换到“单个频道页面”，建议你增加页面切换动画。
音视频分别调用 IRemoteAudioTrack.play 和 IRemoteVideoTrack.play 方法，注意视频需要传入指定的 DOM 元素。

如果用户悬停频道入口后，移开鼠标，未完成有效点击，不进入频道，那么建议操作：调用 leave 离开频道。