浏览器动态皮肤的实现方法及装置、存储介质制造方法及图纸

技术编号:33528165 阅读:28 留言:0更新日期:2022-05-19 01:53
本申请公开了一种浏览器动态皮肤的实现方法及装置、存储介质和计算机设备。方法包括:创建多个显示图层,其中,显示图层包括第一显示图层以及与第一显示图层对应的第二显示图层,第一显示图层用于显示浏览器窗口,第二显示图层用于显示浏览器皮肤;在浏览器页面中确定动态皮肤区域,并在动态皮肤区域中按层级放置显示图层,其中,第一显示图层在第二显示图层的上方;在第二显示图层中插入视频并播放。本申请的方法,利用视频实现浏览器皮肤的动态效果,设置方法简单,占用存储空间较小。占用存储空间较小。占用存储空间较小。

【技术实现步骤摘要】
浏览器动态皮肤的实现方法及装置、存储介质


[0001]本申请涉及计算机
,尤其是涉及到一种浏览器动态皮肤的实现方法及装置、存储介质和计算机设备。

技术介绍

[0002]浏览器的动态皮肤可以给人以更震撼的视觉体验,以及沉浸式的上网体验。而现有技术均是利用配置文件依次读取多个图片文件来实现浏览器的动态皮肤的,因此需要预先设置很多个图片文件才能够保证动态效果,设置方法繁琐且占用存储空间较大。

技术实现思路

[0003]有鉴于此,本申请提供了一种浏览器动态皮肤的实现方法及装置、存储介质和计算机设备,可以利用视频实现浏览器皮肤的动态效果,设置方法简单且占用存储空间较小。
[0004]根据本申请的一个方面,提供了一种浏览器动态皮肤的实现方法,包括:
[0005]创建多个显示图层,其中,所述显示图层包括第一显示图层以及与所述第一显示图层对应的第二显示图层,所述第一显示图层用于显示浏览器窗口,所述第二显示图层用于显示浏览器皮肤;
[0006]在浏览器页面中确定动态皮肤区域,并在所述动态皮肤区域中按层级放置所述显示图本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种浏览器动态皮肤的实现方法,其特征在于,所述方法包括:创建多个显示图层,其中,所述显示图层包括第一显示图层以及与所述第一显示图层对应的第二显示图层,所述第一显示图层用于显示浏览器窗口,所述第二显示图层用于显示浏览器皮肤;在浏览器页面中确定动态皮肤区域,并在所述动态皮肤区域中按层级放置所述显示图层,其中,所述第一显示图层在所述第二显示图层的上方;在所述第二显示图层中插入视频并播放。2.根据权利要求1所述的实现方法,其特征在于,所述在所述第二显示图层中插入视频并播放,具体包括:在所述第二显示图层中插入所述视频;对所述视频开启画中画模式,以使所述视频缩小成为悬浮窗口;虚化所述第二显示图层;调整所述第二显示图层的显示尺寸;播放所述视频。3.根据权利要求2所述的实现方法,其特征在于,所述动态皮肤区域包括顶部皮肤区域和网页皮肤区域,其中,所述顶部皮肤区域包括工具栏区域,所述网页皮肤区域包括网页内容区域;在所述动态皮肤区域中按层级放置所述显示图层,具体包括:在所述顶部皮肤区域放置第一顶部显示图层以及第二顶部显示图层,其中所述第一顶部显示图层在所述第二顶部显示图层的上方;在所述网页皮肤区域放置第一网页显示图层以及第二网页显示图层,其中所述第一网页显示图层在所述第二网页显示图层的上方;在所述第二显示图层中插入视频并播放,具体包括:分别在所述第二顶部显示图层以及所述第二网页显示图层中插入第一视频和第二视频;调整所述第一视频以及所述第二视频,以使所述第一视频以及所述第二视频同步。4.根据权利要求3所述的实现方法,其特征在于,所述分别在所述第二顶部显示图层以及所述第二网页显示图层中插入第一视频和第二视频,具体包括:利用视频控件在所述第二顶部显示图层中插入所述第一视频;利用所述视频控件在所述第二网页显示图层中插入所述第二视频;所述调整所述第一视频以及所述第二视频,以使所述第一视频以及所述第二视频同步,具体包括:调用设置图层编码方法,分别为所述第二顶部显示图层和第二网页显示图层设置图层编码;根据所述图层编码,利用视频控件的第一接口调用第一自定义方法,并利用所述第一自定义方法引用所述第一视频以及所述第二视频的合成器框架流;利用所述合成器框架流,控制所述第一视频以及所述第二视频在同一时刻显示...

【专利技术属性】
技术研发人员:肖兵
申请(专利权)人:成都鲁易科技有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1