[发明专利]在网页上分时显示视频信息的方法及装置有效
申请号: | 201710405095.9 | 申请日: | 2017-05-31 |
公开(公告)号: | CN107197387B | 公开(公告)日: | 2020-04-24 |
发明(设计)人: | 曲晓奎 | 申请(专利权)人: | 聚好看科技股份有限公司 |
主分类号: | H04N21/4782 | 分类号: | H04N21/4782;H04N21/431;H04N21/81 |
代理公司: | 北京律智知识产权代理有限公司 11438 | 代理人: | 邢雪红;乔彬 |
地址: | 266100 山*** | 国省代码: | 山东;37 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 网页 分时 显示 视频 信息 方法 装置 | ||
1.一种在网页上分时显示视频信息的方法,所述视频信息包括用于描述视频内容的文本信息和解析所述视频内容后得到的图像帧,其特征在于,所述方法包括:
在当前网页内嵌入视频播放器,且在所述视频播放器的画布上方显示所述文本信息生成的视图并使所述画布加载所述视频内容,所述画布的部分区域与所述视图同时显示;
当所述视图上的触控事件被触发时,移除所述视图且生成用于播放所述视频内容的指令;
接收所述指令后,在所述画布上显示所述视频内容对应的图像帧。
2.根据权利要求1所述的方法,其特征在于,所述在当前网页内嵌入视频播放器,且在所述视频播放器的画布上方显示所述文本信息生成的视图步骤包括:
在所述网页的页面中,初始化视频播放器并配置所述视频播放器所需数据;
在所述视频播放器的画布上方显示所述视图,并使所述画布的部分区域和所述视图同时显示;
将所述图像帧加载到所述视频播放器。
3.根据权利要求2所述的方法,其特征在于,所述在所述视频播放器的画布上方显示所述视图,并使所述画布的部分区域和所述视图同时显示步骤包括:
通过设置所述画布长度大于所述视图的长度,或/和,所述画布宽度大于所述视图的宽度,使所述画布的部分区域和所述视图同时显示。
4.根据权利要求1所述的方法,其特征在于,所述当所述视图上的触控事件被触发时,移除所述视图且生成用于播放所述视频内容的指令步骤包括:
在网页的页面上预设检测区域,在所述检测区域内检测是否有触控事件被触发;
当存在触控事件被触发时,生成用于指示从所述视频播放器上隐藏所述视图的属性信息;
当调用所述属性信息时,隐藏所述视图,同时生成用于播放所述视频的指令。
5.根据权利要求1所述的方法,其特征在于,所述接收所述指令后,在所述画布上方显示所述视频内容对应的图像帧步骤包括:
当在所述视频播放器上检测到触控事件时,生成用于停止播放所述视频的指令;
接收所述指令后,在所述画布上方重新显示被移除的所述视图。
6.一种在网页上分时显示视频信息的装置,所述视频信息包括用于描述视频内容的文本信息和解析所述视频内容后得到的图像帧,其特征在于,所述装置包括:
视图显示模块,用于在当前网页内嵌入视频播放器,且在所述视频播放器的画布上方显示所述文本信息生成的视图并使所述画布加载所述视频内容,所述画布的部分区域与所述视图同时显示;
视图移除模块,用于当所述视图上的触控事件被触发时,移除所述视图且生成用于播放所述视频内容的指令;
图像显示模块,用于接收所述指令后,在所述画布上显示所述视频内容对应的图像帧。
7.根据权利要求6所述的装置,其特征在于,所述视图显示模块包括:
初始化单元,用于在所述网页的页面中,初始化视频播放器并配置所述视频播放器所需数据;
显示单元,用于在所述视频播放器的画布上方显示所述视图,并使所述画布的部分区域和所述视图同时显示;
加载单元,用于将所述图像帧加载到所述视频播放器。
8.根据权利要求7所述的装置,其特征在于,所述显示单元包括:
像素配置单元,用于通过设置所述画布长度大于所述视图的长度,或/和,所述画布宽度大于所述视图的宽度,使所述画布的部分区域和所述视图同时显示。
9.根据权利要求6所述的装置,其特征在于,所述视图移除模块包括:
检测单元,用于在网页的页面上预设检测区域,在所述检测区域内检测是否有触控事件被触发;
信息生成单元,用于当存在触控事件被触发时,生成用于指示从所述视频播放器上隐藏所述视图的属性信息;
移除单元,用于当调用所述属性信息时,隐藏所述视图,同时生成用于播放所述视频的指令。
10.根据权利要求6所述的装置,其特征在于,所述图像显示模块包括:
停止播放指令生成单元,用于当在所述视频播放器上检测到触控事件时,生成用于停止播放所述视频的指令;
显示移除单元,用于接收所述指令后,在所述画布上方重新显示被移除的所述视图。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于聚好看科技股份有限公司,未经聚好看科技股份有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/201710405095.9/1.html,转载请声明来源钻瓜专利网。
- 上一篇:一种前后级静子自适应吹吸气的多级轴流压气机
- 下一篇:一种泊利度胺的纯化方法