[发明专利]一种弹幕渲染方法有效

专利信息
申请号: 201611085559.4 申请日: 2016-11-30
公开(公告)号: CN106488314B 公开(公告)日: 2019-11-22
发明(设计)人: 蓝帆;谭兆歆 申请(专利权)人: 上海幻电信息科技有限公司
主分类号: H04N21/44 分类号: H04N21/44;H04N21/475;H04N21/4782;H04N21/488
代理公司: 11015 北京英特普罗知识产权代理有限公司 代理人: 程超<国际申请>=<国际公布>=<进入国
地址: 201210 上海市浦东新区张江高*** 国省代码: 上海;31
权利要求书: 查看更多 说明书: 查看更多
摘要: 一种弹幕渲染方法,根据不同浏览器版本选择不同的弹幕渲染方式,针对IE11以下的浏览器,采用CSS渲染方式进行弹幕渲染,针对火狐浏览器,采用Canvas渲染方式进行弹幕渲染,针对既不是IE11以下的浏览器,也不是火狐浏览器的其他浏览器,采用CSS3渲染方式进行弹幕渲染。本发明根据不同浏览器版本选择不同的弹幕渲染方式,优化了弹幕渲染方式,使用户获得最佳的视觉体验。
搜索关键词: 一种 弹幕 渲染 方法
【主权项】:
1.一种弹幕渲染方法,其特征在于,根据不同浏览器类型及版本选择不同的弹幕渲染方式,针对IE11以下的浏览器,采用CSS渲染方式进行弹幕渲染,针对火狐浏览器,采用Canvas渲染方式进行弹幕渲染,针对既不是IE11以下的浏览器,也不是火狐浏览器的其他浏览器,采用CSS3渲染方式进行弹幕渲染,具体的,所述方法包括:/n在视频开始播放时,加载弹幕列表,将所述弹幕列表按时间构造出有序弹幕列表;/n随着视频时间轴增长,浏览器在视频播放的每一帧判断所述有序弹幕列表中是否存在当前时间的弹幕,如果存在当前时间的弹幕,则判断用户使用的浏览器类型及版本,以及根据不同浏览器版本选择不同的弹幕渲染方式进行弹幕渲染,并展示弹幕内容,如果不存在当前时间的弹幕,则继续判断下一帧;/n其中,所述判断用户使用的浏览器类型及版本,以及根据不同浏览器版本选择不同的弹幕渲染方式进行弹幕渲染包括:/n如果判断用户使用的是IE11以下的浏览器,浏览器从所述有序弹幕列表中取出弹幕,通过每帧对弹幕区域内的弹幕进行坐标运算得出当前坐标,改变他们相对弹幕区域的定位,以采用CSS渲染方式进行弹幕渲染;/n如果判断用户使用的是火狐浏览器,浏览器从所述有序弹幕列表中取出弹幕,先预渲染到小Canvas画布,通过每帧对弹幕区域内的弹幕进行坐标运算得出当前坐标,再将每块所述小Canvas画布渲染到大弹幕画布上,然后将弹幕渲染至屏幕,以采用Canvas渲染方式进行弹幕渲染;/n如果判断用户使用的既不是IE11以下的浏览器,也不是火狐浏览器,浏览器从所述有序弹幕列表中取出弹幕,设置弹幕的过渡时间和过渡坐标轴距离,以采用CSS3渲染方式进行弹幕渲染;/n其中,所述根据不同浏览器类型及版本选择不同的弹幕渲染方式具体为根据不同浏览器渲染引擎选择不同的弹幕渲染方式。/n
下载完整专利技术内容需要扣除积分,VIP会员可以免费下载。

该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于上海幻电信息科技有限公司,未经上海幻电信息科技有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服

本文链接:http://www.vipzhuanli.com/patent/201611085559.4/,转载请声明来源钻瓜专利网。

×

专利文献下载

说明:

1、专利原文基于中国国家知识产权局专利说明书;

2、支持发明专利 、实用新型专利、外观设计专利(升级中);

3、专利数据每周两次同步更新,支持Adobe PDF格式;

4、内容包括专利技术的结构示意图流程工艺图技术构造图

5、已全新升级为极速版,下载速度显著提升!欢迎使用!

请您登陆后,进行下载,点击【登陆】 【注册】

关于我们 寻求报道 投稿须知 广告合作 版权声明 网站地图 友情链接 企业标识 联系我们

钻瓜专利网在线咨询

周一至周五 9:00-18:00

咨询在线客服咨询在线客服
tel code back_top