直播间小时榜
2017-05-18 10:05:49 0 举报小时榜
作者其他创作
大纲/内容
通过计算渲染出与前一名的差距后，展示一键送礼按钮
当前主播是否处于榜首
点击一键送礼
影响：由于直播间现在的功能都已模块化，小时榜也作为一个单独模块进行加载，如果失败也不影响别的模块，UI方面--多了小时榜排名按钮（拥有两种状态），按钮处于hover状态时，小时榜榜单会浮现在关注和抢座上方。
测试通过
小时榜模块加载后，不进行接口请求，直到主播开播
用户进入正在开播的直播间
例如12点，socket推送300303命令号，清理上一小时的榜单排名
直播间小时榜常规化需求
否
一键送礼测试场景
兼容性测试：IE8+、Firefox、chrome等主流浏览器通过
渲染小时榜榜单，如果排名按钮处于hover状态则关注区域上方显示
整点时间
主播下播
鼠标hover按钮
不渲染一键送礼按钮和相关数据，并且高亮榜首
相关订阅函数会隐藏所有与小时榜有关的元素，并解除全部事件绑定和取消所有定时器
每10秒自动刷新排名数据
每次赠送都会刷新数据
是
在数据没有变化的情况下超越前一名（数据5秒更新一次有可能有误差）
socket推送2301命令号，订阅函数会初始化小时榜功能模块
请求getRoomRank接口获取小时榜按钮数据
请求getRoomRankList接口获取小时榜榜单数据
渲染小时榜排名按钮模板后展示在视频区左上角
主播是否开播
主播开播
socket推送2302命令号通知前端
每5秒自动刷新榜单数据
当排名发生变化时展现距离前一名多少星币状态，否则只展示排名状态并且每30秒与星光票来回切换
主播进入自己的直播间（唯一特殊情况）
socket推送300302命令号更新排名数据
用户进入某一直播间
0 条评论
下一页
