[发明专利]前端弹幕控制方法及装置在审
申请号: | 201611002580.3 | 申请日: | 2016-11-09 |
公开(公告)号: | CN106792225A | 公开(公告)日: | 2017-05-31 |
发明(设计)人: | 杜伟 | 申请(专利权)人: | 武汉斗鱼网络科技有限公司 |
主分类号: | H04N21/475 | 分类号: | H04N21/475;H04N21/4788;H04N21/435;H04N21/4782;H04N21/462 |
代理公司: | 北京众达德权知识产权代理有限公司11570 | 代理人: | 刘杰 |
地址: | 430000 湖北省武汉市东湖开*** | 国省代码: | 湖北;42 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 前端 弹幕 控制 方法 装置 | ||
技术领域
本发明涉及互联网技术领域,具体涉及一种前端弹幕控制方法及装置。
背景技术
随着网络通信技术的进步和宽带网络的提速,网络视频应用在各个行业得到了越来越广泛的发展。直观而生动的高清视频应用,可以极大拉近用户之间的距离,并达到最好的交流效果。
弹幕时互联网视频的一大特色。弹幕指直接显现在视频上的评论,可以以滚动、停留甚至更多动作特效方式出现在视频上,是观看视频的任发送的简短评论。弹幕视频,顾名思义,即带有弹幕的视频。很多网站提供视频发送弹幕的功能,例如,影视视频网站、直播网站,等等。
以直播网站弹幕为例,在直播间实现前端弹幕渲染的效率一般较差,特别是在用户高峰期,海量的弹幕使用户在观看视频时会感觉网页特别卡顿,影响视频播放效果。
发明内容
鉴于上述问题,提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的前端弹幕控制方法及装置。
依据本发明的一个方面,提供一种前端弹幕控制方法,包括:前端接收服务器发送的弹幕数据,对弹幕数据进行格式转换,得到超文本代码;将所述超文本代码注入到预置的弹幕池中;从所述弹幕池中选取多条超文本代码,将所述多条超文本代码一次性插入到前端的弹幕显示区域。
优选的,所述前端接收服务器发送的弹幕数据,包括:所述前端通过套接字方式接收服务器发送的弹幕数据;所述对弹幕数据进行格式转换,得到超文本代码,包括:解析所述弹幕数据,得到JSON数据对象;根据所述JSON数据对象,并结合网站业务类型,转换得到html代码。
优选的,所述将所述超文本代码注入到预置的弹幕池中,包括:预先定义弹幕池为一维数组;将所述超文本代码存入所述一维数组中。
优选的,还包括:设置推送迭代器,通过启动所述推送迭代器,将所述多条超文本代码一次性插入到前端的弹幕显示区域。
优选的,当将所述超文本代码注入到预置的弹幕池中时,启动所述推送迭代器;和/或,轮询所述弹幕池,并判断所述弹幕池中是否存在预定数目的超文本代码,如果有,启动所述推送迭代器,从而将所述预设数目的超文本代码一次性插入到前端的弹幕显示区域,如果没有,将弹幕池中所有超文本代码一次性插入到前端的弹幕显示区域,并停止轮询。
根据本发明的另一个方面,提供一种前端弹幕控制装置,包括:接收单元,用于接收服务器发送的弹幕数据;转换单元,用于对弹幕数据进行格式转换,得到超文本代码;缓冲单元,用于将所述超文本代码注入到预置的弹幕池中;控制单元,用于从所述弹幕池中选取多条超文本代码,将所述多条超文本代码一次性插入到前端的弹幕显示区域。
优选的,所述接收单元具体用于:通过套接字方式接收服务器发送的弹幕数据;所述转换单元具体用于:解析所述弹幕数据,得到JSON数据对象;根据所述JSON数据对象,并结合网站业务类型,转换得到html代码。
优选的,所述缓冲单元具体用于:预先定义弹幕池为一维数组;以及,将所述超文本代码存入所述一维数组中。
优选的,该装置还包括:推送迭代单元,用于设置推送迭代器,通过启动所述推送迭代器,将所述多条超文本代码一次性插入到前端的弹幕显示区域。
优选的,当所述缓冲单元将所述超文本代码注入到预置的弹幕池中时,启动所述推送迭代器;和/或,轮询所述弹幕池,并判断所述弹幕池中是否存在预定数目的超文本代码,如果有,启动所述推送迭代器,从而将所述预设数目的超文本代码一次性插入到前端的弹幕显示区域,如果没有,将弹幕池中所有超文本代码一次性插入到前端的弹幕显示区域,并停止轮询。
本发明实施例的有益效果分析如下:
由于在浏览器中,弹幕数据所基于的JavaScript是单线程语言,DOM结构的变化会非常消耗性能,本发明之前的现有方案中,一般是采取将html代码一条一条的插入到弹幕显示区域中,并完成视图渲染,每次弹幕的html代码在弹幕显示区域的插入都会触发一次DOM的重绘,在网站的数量高峰期,前端可能在1秒钟内接收到几千条弹幕,这种单次插入的方式会极大消耗浏览器性能,甚至会导致浏览器卡顿,影响视频观看。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于武汉斗鱼网络科技有限公司,未经武汉斗鱼网络科技有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/201611002580.3/2.html,转载请声明来源钻瓜专利网。
- 上一篇:一种链状饰品吊坠固定结构
- 下一篇:一种多镶钻的基座