[发明专利]视频窗口组件半透明显示方法、装置以及计算机设备有效
| 申请号: | 201910026845.0 | 申请日: | 2019-01-11 |
| 公开(公告)号: | CN109874048B | 公开(公告)日: | 2022-08-23 |
| 发明(设计)人: | 王锁平 | 申请(专利权)人: | 平安科技(深圳)有限公司 |
| 主分类号: | H04N21/431 | 分类号: | H04N21/431;H04N21/482 |
| 代理公司: | 北京英特普罗知识产权代理有限公司 11015 | 代理人: | 林彦之 |
| 地址: | 518000 广东省深圳市福田区福*** | 国省代码: | 广东;44 |
| 权利要求书: | 查看更多 | 说明书: | 查看更多 |
| 摘要: | |||
| 搜索关键词: | 视频 窗口 组件 半透明 显示 方法 装置 以及 计算机 设备 | ||
1.一种视频窗口组件半透明显示方法,应用于终端设备的网页页面,其特征在于,所述方法包括步骤:
获取视频窗口组件的尺寸,以及终端设备的屏幕分辨率;
将视频窗口组件的原始背景图像导入DIV图层模板得到对应所述视频窗口组件的尺寸以及所述终端设备的屏幕分辨率的DIV图层;
将DIV图层导入到canvas元素,再对所述canvas元素进行半透明显示设置;
将半透明显示设置后的canvas元素填充到所述视频窗口组件。
2.如权利要求1所述的视频窗口组件半透明显示方法,其特征在于,所述“获取视频窗口组件的尺寸,以及终端设备的屏幕分辨率”的步骤,包括:
通过查询视频页面的API从而获得视频窗口组件的尺寸;
通过查询终端系统配置信息从而获得终端设备的屏幕分辨率。
3.如权利要求1所述的视频窗口组件半透明显示方法,其特征在于,所述“将视频窗口组件的原始背景图像导入DIV图层模板得到对应所述视频窗口组件的尺寸以及所述终端设备的屏幕分辨率的DIV图层”的步骤包括:
根据所述视频窗口组件的尺寸建立DIV图层模板;
根据所述屏幕分辨率和所述视频窗口组件的尺寸将原始背景图像进行相应的尺寸和分辨率的调整;
将调整后的背景图像导入到所述DIV图层模板得到DIV图层。
4.如权利要求1所述的视频窗口组件半透明显示方法,其特征在于,所述“将DIV图层导入到canvas元素,再对所述canvas元素进行半透明显示设置”的步骤包括:
将所述DIV图层导入到canvas元素模板;
根据预先设置的半透明配置参数将所述canvas元素进行半透明设置。
5.一种视频窗口组件半透明显示装置,其特征在于,所述装置包括:
获取模块,用于获取视频窗口组件的尺寸,以及终端设备的屏幕分辨率;
编辑模块,用于将视频窗口组件的原始背景图像导入DIV图层模板得到对应所述视频窗口组件的尺寸以及所述终端设备的屏幕分辨率的DIV图层;
设置模块,用于将DIV图层导入到canvas元素,再对所述canvas元素进行半透明显示设置;
填充模块,用于将半透明显示设置后的canvas元素填充到所述视频窗口组件。
6.如权利要求5所述的视频窗口组件半透明显示装置,其特征在于,所述获取模块,还用于:
通过查询视频页面的API从而获得视频窗口组件的尺寸;
通过查询终端系统配置信息从而获得终端设备的屏幕分辨率。
7.如权利要求5所述的视频窗口组件半透明显示装置,其特征在于,所述编辑模块,还用于:
根据所述视频窗口组件的尺寸建立DIV图层模板;
根据所述屏幕分辨率和所述视频窗口组件的尺寸将原始背景图像进行相应的尺寸和分辨率的调整;
将调整后的背景图像导入到所述DIV图层模板得到DIV图层。
8.如权利要求5所述的视频窗口组件半透明显示装置,其特征在于,所述设置模块还用于:
将所述DIV图层导入到canvas元素模板;
根据预先设置的半透明配置参数将所述canvas元素进行半透明设置。
9.一种计算机设备,其特征在于,所述计算机设备包括存储器、处理器,所述存储器上存储有可在所述处理器上运行的计算机程序,所述计算机程序被所述处理器执行时实现如权利要求1-4任一项所述的视频窗口组件半透明显示方法的步骤。
10.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质存储有计算机程序,所述计算机程序可被至少一个处理器执行,以使所述至少一个处理器执行如权利要求1-4中任一项所述的视频窗口组件半透明显示方法的步骤。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于平安科技(深圳)有限公司,未经平安科技(深圳)有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/201910026845.0/1.html,转载请声明来源钻瓜专利网。
- 上一篇:直播互动方法、装置及系统
- 下一篇:一种优化提取视频帧读取速度的方法





