一种页面透明处理方法及装置制造方法及图纸

本发明专利技术公开了一种页面的透明处理方法及装置，在视频播放的过程中，若浏览器接收到web页面的显示指令，加载所述显示执行对应的目标web页面，浏览器对目标web页面进行显示处理，并获取正在播放的视频的播放窗口参数；并依据该正在播放的视频的播放窗口参数，对显示处理后的web页面进行透明处理。这样，通过对浏览器的改造，在浏览器在加载了目标web页面后，根据正在播放的视频的播放窗口参数，对目标web页面进行透明处理，实现了无论web页面在被浏览器加载前是否进行了透明处理，都不会对视频画面形成遮挡。

A method and device for transparent processing of pages

The invention discloses a transparent processing method and device for a page. In the process of video playing, if the browser receives the display instructions of the web page, loads the display and executes the corresponding target web page, the browser displays the target web page, and obtains the playback window parameters of the video being played; According to the playing window parameters of the playing video, transparent processing of the displayed web pages is processed. In this way, through the transformation of the browser, after the browser is loading the target web page, the target web page is transparently processed according to the playback window parameters of the video being played. It realizes that no matter whether the web page is transparently processed before the browser is loaded, the video screen will not be blocked.

【技术实现步骤摘要】
一种页面透明处理方法及装置
本专利技术涉及页面处理领域，尤其涉及一种页面透明处理方法及装置。
技术介绍
在播放视频时，若需要对web页面进行显示，通常情况下，web页面会覆盖正在播放的视频页面，在这种情况下，用户只能听到视频的声音，而无法看到视频画面。为了解决以上问题，目前，web页面在开发时，会根据需要，在编写页面代码的时候，会在视频要播放的区域，填充一个透明的背景投片或者将背景样式设置为透明色。这样，当视频和web页面重叠的情况下，就可以通过web页面的透明背景看到视频画面。但是，这种方式依赖于web页面的开发，对于未进行透明设置的web页面，还是会存在web页面覆盖视频画面的问题。
技术实现思路
有鉴于此，本专利技术实施例提供了一种页面的透明处理方法及装置，解决了现有技术中，浏览器在加载了未进行透明设置的web页面后，会存在web页面覆盖视频画面的问题。本专利技术实施例公开的一种视频显示方法，包括：在视频播放的过程中，若浏览器接收到web页面的显示指令，加载所述显示指令对应的目标web页面；所述浏览器对所述目标web页面进行显示处理；所述浏览器获取所述视频的播放窗口参数；所述浏览器依据所述视频的播放窗口参数，对显示处理后的web页面进行透明处理。可选的，所述播放窗口参数包括：播放所述视频的窗口坐标和尺寸。可选的，所述浏览器对所述目标web页面进行显示处理，包括：解析所述目标web页面；对所述目标web页面进行页面布局；对页面布局后的目标web页面进行分层渲染。可选的，所述依据所述视频的播放窗口参数，对渲染后的web页面进行透明处理，包括：依据所述视频的播放位置和尺寸，确定出所述显示处理后的目标web页面的透明处理区域；将所述显示处理后的目标web页面的透明处理区域中的各个像素点进行透明处理。可选的，还包括：当所述浏览器接收到视频的播放指令后，获取所述视频的播放资源；所述浏览器保存所述视频的播放资源中视频的播放窗口参数。本专利技术实施例公开的一种视频显示装置，包括：加载单元，用于在视频播放的过程中，若浏览器接收到web页面的显示指令，加载所述显示指令对应的目标web页面；显示处理单元，用于所述浏览器对所述目标web页面进行显示处理；第一获取单元，用于所述浏览器获取所述视频的播放窗口参数；透明处理单元，用于所述浏览器依据所述视频的播放窗口参数，对显示处理后的web页面进行透明处理。可选的，所述播放窗口参数包括：播放所述视频的窗口坐标和尺寸。可选的，所述显示处理单元，包括：解析子单元，用于解析所述目标web页面；页面布局子单元，用于对所述目标web页面进行页面布局；分层渲染子单元，用于对页面布局后的目标web页面进行分层渲染。可选的，所述透明处理单元，包括：确定子单元，用于依据所述视频的播放位置和尺寸，确定出所述显示处理后的目标web页面的透明处理区域；透明处理子单元，用于将所述显示处理后的目标web页面的透明处理区域中的各个像素点进行透明处理。可选的，还包括：第二获取单元，用于当所述浏览器接收到视频的播放指令后，获取所述视频的播放资源；保存单元，用于所述浏览器保存所述视频的播放资源中视频的播放窗口参数。本专利技术实施例提供的一种页面的透明处理方法及装置，在视频播放的过程中，若浏览器接收到web页面的显示指令，加载所述显示执行对应的目标web页面，浏览器对目标web页面进行显示处理，并获取正在播放的视频的播放窗口参数；并依据该正在播放的视频的播放窗口参数，对显示处理后的web页面进行透明处理。这样，通过对浏览器的改造，在浏览器在加载了目标web页面后，根据正在播放的视频的播放窗口参数，对目标web页面进行透明处理，实现了无论web页面在被浏览器加载前是否进行了透明处理，都不会对视频画面形成遮挡。附图说明为了更清楚地说明本专利技术实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本专利技术的实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据提供的附图获得其他的附图。图1示出了本专利技术实施例提供的视频遮挡示意图；图2示出了本专利技术实施例提供的一种页面透明处理方法的流程示意图；图3示出了本专利技术实施例提供的一种页面分层示意图；图4示出了本专利技术实施例提供的一种页面透明处理方法的又一流程示意图；图5示出了透明处理后的场景示意图；图6示出了本专利技术实施例提供的一种页面透明处理装置的结构示意图。具体实施方式下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本专利技术保护的范围。为了方便理解本方案，对本实施例中遇到的一些技术进行说明：中间件是机顶盒的核心软件，中间件包括：浏览器、视频播放器和dvb码流解析器。其中，通过中间件实现的功能可以包括：视频播放和web页面显示；针对于视频播放，当需要进行视频播放时，浏览器通过解析网页，获取视频播放的地址和其它的视频播放信息，并将视频播放地址和其它的视频播放信息发送给播放器，视频播放器请求视频播放资源，并对待播放的视频进行处理后，输出到视频层对应的相关内存区域中。针对于web页面显示，当需要显示页面时，浏览器加载页面，对该页面进行解析、页面布局和渲染，将渲染后的图像的像素点输出到OSD层。其中，OSD层为系统划分出来用于保存由浏览器渲染页面，产生的图像的像素点。参考图1，OSD层处于视频层的上面，当OSD层和视频层同时有像素数据的情况下，OSD层的图像就会遮挡视频层的图像。参考图2，示出了本专利技术实施例提供的一种页面的透明处理方法的流程示意图，在本实施例中，该方法包括：S101：在视频播放的过程中，若浏览器接收到web页面的显示指令，加载所述显示指令对应的目标web页面；S102：所述浏览器对所述目标web页面进行显示处理；本实施例中，浏览器在接收到web页面的显示指令后，需要加载目标显示页面，但是，在将页面显示在终端设备上之前，还需要对目标显示页面进行页面布局、渲染等操作，具体的，S102包括：解析所述目标web页面；对所述目标web页面进行页面布局；对页面布局后的目标web页面进行分层渲染。本实施例中，在对目标web页面进行渲染时，会根据页面的各个元素的属性和各个属性的从属关系，将目标web页面分成多个标签层，并分层对目标web页面进行渲染，具体的，是从下往上一层一层的渲染。渲染后，渲染之后上面的标签层会覆盖下面的标签层。举例说明：参考图3，假设目标页面分层后的结果包括：最下层为body标签层，中间层为div标签层，最上层为text标签层；在进行分层渲染时，渲染顺序可以为：body标签层-div标签层-text标签层。其中，对每一标签层进行渲染时，也要根据每层包含的不同内容对每个标签层进行渲染。具体的，对某一层进行渲染时，可以是先渲染该层的背景图片或者背景色，然后渲染该标签层的前景图片、前景色或者文字等信息。S103：获取所述视频的播放窗口参数；本实施例中，S103中提到的视频为在浏览器接收到web页面的显示指令时，经过本文档来自技高网...

【技术保护点】
一种页面透明处理方法，其特征在于，包括：在视频播放的过程中，若浏览器接收到web页面的显示指令，加载所述显示指令对应的目标web页面；所述浏览器对所述目标web页面进行显示处理；所述浏览器获取所述视频的播放窗口参数；所述浏览器依据所述视频的播放窗口参数，对显示处理后的web页面进行透明处理。

【技术特征摘要】
1.一种页面透明处理方法，其特征在于，包括：在视频播放的过程中，若浏览器接收到web页面的显示指令，加载所述显示指令对应的目标web页面；所述浏览器对所述目标web页面进行显示处理；所述浏览器获取所述视频的播放窗口参数；所述浏览器依据所述视频的播放窗口参数，对显示处理后的web页面进行透明处理。2.根据权利要求1所述的方法，其特征在于，所述播放窗口参数包括：播放所述视频的窗口坐标和尺寸。3.根据权利要求1所述的方法，其特征在于，所述浏览器对所述目标web页面进行显示处理，包括：解析所述目标web页面；对所述目标web页面进行页面布局；对页面布局后的目标web页面进行分层渲染。4.根据权利要求1所述的方法，其特征在于，所述依据所述视频的播放窗口参数，对渲染后的web页面进行透明处理，包括：依据所述视频的播放位置和尺寸，确定出所述显示处理后的目标web页面的透明处理区域；将所述显示处理后的目标web页面的透明处理区域中的各个像素点进行透明处理。5.根据权利要求1所述的方法，其特征在于，还包括：当所述浏览器接收到视频的播放指令后，获取所述视频的播放资源；所述浏览器保存所述视频的播放资源中视频的播放窗口参数。6.一种页面透明处理装置，其特征在于，包括：加载单元，用于在...

【专利技术属性】
技术研发人员：徐佳宏，毛建会，
申请(专利权)人：深圳市茁壮网络股份有限公司，
类型：发明
国别省市：广东,44