直播间小时榜
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 条评论
下一页