浏览器视频显示方法及装置、存储介质及电子设备制造方法及图纸

本公开涉及视频显示技术领域，提供了一种浏览器视频显示方法及装置、计算机可读存储介质和电子设备。其中，该方法包括：在确定浏览器当前待显示页面的播放模式为窗口播放时，获取浏览器当前待显示页面中视频显示区域的位置信息；基于浏览器当前待显示页面对应的渲染层次树，获取当前待显示页面中页面元素的布局信息；在确定页面元素的布局与视频显示区域的位置存在重叠部分时，对存在重叠部分的页面元素进行透明化处理，以得到目标显示页面；基于目标显示页面，在视频显示区域进行视频显示。本方案基于对重叠的页面元素进行透明化处理，可以在小窗口播放时，避免浏览器页面元素对视频的遮挡，提高浏览器视频显示的准确性。提高浏览器视频显示的准确性。提高浏览器视频显示的准确性。

【技术实现步骤摘要】
浏览器视频显示方法及装置、存储介质及电子设备


[0001]本公开涉及视频显示
，具体而言，涉及一种浏览器视频显示方法、浏览器视频显示装置、计算机可读存储介质以及电子设备。

技术介绍

[0002]视频播放是IPTV(交互式网络电视)浏览器的核心功能。通常，IPTV浏览器的视频播放分为全屏播放和小窗口两种模式。
[0003]对于小窗口播放模式而言，存在视频播放区域被页面元素进行遮挡而导致视频画面无法正常显示的问题。
[0004]需要说明的是，在上述
技术介绍
部分公开的信息仅用于加强对本公开的背景的理解，因此可以包括不构成对本领域普通技术人员已知的现有技术的信息。

技术实现思路

[0005]本公开的目的在于提供一种浏览器视频显示方法、浏览器视频显示装置、计算机可读存储介质、电子设备，进而至少在一定程度上改善浏览器小窗口视频播放时，页面元素对视频显示区域存在遮挡的问题。
[0006]本公开的其他特性和优点将通过下面的详细描述变得显然，或部分地通过本公开的实践而习得。
[0007]根据本公开的第一方面，提供了一种浏览器视频显示方法，包括：
[0008]在确定浏览器当前待显示页面的播放模式为窗口播放时，获取所述浏览器当前待显示页面中视频显示区域的位置信息；
[0009]基于浏览器当前待显示页面对应的渲染层次树，获取所述当前待显示页面中页面元素的布局信息；
[0010]在确定所述页面元素的布局与所述视频显示区域的位置存在重叠部分时，对存在重叠部分的所述页面元素进行透明化处理，以得到目标显示页面；
[0011]基于所述目标显示页面，在所述视频显示区域进行视频显示。
[0012]在本公开的一种示例性实施例中，基于前述方案，所述对存在重叠部分的所述页面元素进行透明化处理，包括：
[0013]根据重叠元素的元素标识和重叠区域的绝对位置坐标以及尺寸信息，对所述元素标识对应的页面元素中的重叠区域进行透明化处理；
[0014]其中，所述重叠元素包括与所述视频显示区域的位置存在重叠部分的页面元素。
[0015]在本公开的一种示例性实施例中，基于前述方案，所述根据重叠元素的元素标识和重叠区域的绝对坐标以及尺寸信息，对所述元素标识对应的页面元素中的重叠区域进行透明化处理，包括：
[0016]将所述重叠元素的元素标识和重叠元素对应的重叠区域的绝对坐标以及尺寸信息确定为预设透明化处理代码的参数，以生成目标透明化处理代码；
[0017]获取浏览器的当前运行环境，将所述目标透明化处理代码注入到所述当前运行环境中，以对所述元素标识对应的页面元素的重叠区域进行透明化处理。
[0018]在本公开的一种示例性实施例中，基于前述方案，所述获取所述浏览器当前待显示页面中视频显示区域的位置信息，包括：
[0019]基于浏览器当前待显示页面对应的页面对象的视频区域设置方法，获取浏览器当前待显示页面中视频显示区域在图形用户界面中的绝对位置坐标和显示尺寸。
[0020]在本公开的一种示例性实施例中，基于前述方案，所述基于浏览器当前待显示页面对应的渲染层次树，获取所述当前待显示页面中页面元素的布局信息，包括：
[0021]遍历浏览器当前待显示页面对应的渲染层次树，获取当前待显示页面中每个页面元素在图形用户界面中的绝对位置坐标和显示尺寸。
[0022]在本公开的一种示例性实施例中，基于前述方案，所述方法还包括：
[0023]在浏览器启动后，对显示浏览器页面元素控件的画板进行透明化处理。
[0024]在本公开的一种示例性实施例中，基于前述方案，所述基于所述目标显示页面，在所述视频显示区域进行视频显示，包括：
[0025]将浏览器页面元素控件叠加在浏览器视频显示控件上方，以在所述目标显示页面的视频显示区域中进行视频显示。
[0026]根据本公开的第二方面，提供了一种浏览器视频显示装置，包括：
[0027]视频显示区域确定模块，被配置为在确定浏览器当前待显示页面的播放模式为窗口播放时，获取所述浏览器当前待显示页面中视频显示区域的位置信息；
[0028]元素布局信息获取模块，被配置为基于浏览器当前待显示页面对应的渲染层次树，获取所述当前待显示页面中页面元素的布局信息；
[0029]透明化处理模块，被配置为在确定所述页面元素的布局与所述视频显示区域的位置存在重叠部分时，对存在重叠部分的所述页面元素进行透明化处理，以得到目标显示页面；
[0030]视频显示模块，被配置为基于所述目标显示页面，在所述视频显示区域进行视频显示。
[0031]根据本公开的第三方面，提供了一种计算机可读存储介质，其上存储有计算机程序，所述程序被处理器执行时实现如上述实施例中第一方面所述的浏览器视频显示方法。
[0032]根据本公开实施例的第四方面，提供了一种电子设备，包括：处理器；以及，存储装置，用于存储一个或多个程序，当所述一个或多个程序被所述一个或多个处理器执行时，使得所述一个或多个处理器实现如上述实施例中第一方面所述的浏览器视频显示方法。
[0033]由上述技术方案可知，本公开示例性实施例中的浏览器视频显示方法、浏览器视频显示装置，以及实现所述浏览器视频显示方法的计算机可读存储介质及电子设备，至少具备以下优点和积极效果：
[0034]在本公开的一些实施例所提供的技术方案中，在确定浏览器的播放模式为窗口播放时，首先，获取所述浏览器当前待显示页面中视频显示区域的位置信息；然后，基于浏览器的当前待显示页面对应的渲染层次树，获取所述当前待显示页面中页面元素的布局信息；其次，在确定所述当前待显示页面中页面元素的布局与所述视频显示区域的位置存在重叠部分时，对存在重叠部分的所述页面元素进行透明化处理，以得到目标显示页面；最
后，基于所述目标显示页面，在所述视频显示区域进行视频显示。与相关技术相比，本公开通过判断浏览器的视频显示区域和页面元素的布局是否存在重叠，从而可以在视频显示之前，对存在重叠的页面元素进行透明化处理，进而避免页面元素对视频显示区域造成遮挡，提高浏览器视频显示的准确性。
[0035]本公开应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。
附图说明
[0036]此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理。显而易见地，下面描述中的附图仅仅是本公开的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
[0037]图1示出本公开一示例性实施例中浏览器视频显示方法的流程示意图；
[0038]图2示出本公开一示例性实施例中对页面元素进行透明化处理的方法的流程示意图；
[0039]图3示出本公开一示例性实施例中的浏览器视频显示装置的结构示意图；
[0040]图4示出本公开一示例性本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种浏览器视频显示方法，其特征在于，包括：在确定浏览器当前待显示页面的播放模式为窗口播放时，获取所述浏览器当前待显示页面中视频显示区域的位置信息；基于浏览器当前待显示页面对应的渲染层次树，获取所述当前待显示页面中页面元素的布局信息；在确定所述页面元素的布局与所述视频显示区域的位置存在重叠部分时，对存在重叠部分的所述页面元素进行透明化处理，以得到目标显示页面；基于所述目标显示页面，在所述视频显示区域进行视频显示。2.根据权利要求1所述的浏览器视频显示方法，其特征在于，所述对存在重叠部分的所述页面元素进行透明化处理，包括：根据重叠元素的元素标识和重叠区域的绝对位置坐标以及尺寸信息，对所述元素标识对应的页面元素中的重叠区域进行透明化处理；其中，所述重叠元素包括与所述视频显示区域的位置存在重叠部分的页面元素。3.根据权利要求2所述的浏览器视频显示方法，其特征在于，所述根据重叠元素的元素标识和重叠区域的绝对坐标以及尺寸信息，对所述元素标识对应的页面元素中的重叠区域进行透明化处理，包括：将所述重叠元素的元素标识和重叠元素对应的重叠区域的绝对坐标以及尺寸信息确定为预设透明化处理代码的参数，以生成目标透明化处理代码；获取浏览器的当前运行环境，将所述目标透明化处理代码注入到所述当前运行环境中，以对所述元素标识对应的页面元素的重叠区域进行透明化处理。4.根据权利要求1所述的浏览器视频显示方法，其特征在于，所述获取所述浏览器当前待显示页面中视频显示区域的位置信息，包括：基于浏览器当前待显示页面对应的页面对象的视频区域设置方法，获取浏览器当前待显示页面中视频显示区域在图形用户界面中的绝对位置坐标和显示尺寸。5.根据权利要求1所述的浏览器视频显示方法，其特征在于，所...

【专利技术属性】
技术研发人员：屈海伟，孟蔷，邹文斌，刘亮，
申请(专利权)人：中国电信股份有限公司，
类型：发明
国别省市：