[发明专利]电视浏览器的视频播放实现方法及浏览器应用运行方法

说明书

本发明公开了一种基于Android电视浏览器的视频播放实现方法，包括：通过定制浏览器内核词法解析模块，将传统播放流程剥离，解析video标签并创建相应的video节点插入DOM树，解析并存储web逻辑控制的video标签属性及将播放状态同步至应用层；定制内核布局和渲染模块，将词法解析模块创建的DOM节点加入布局，再将渲染树中该区域内容清除，同时将绝对坐标和宽高数据同步至应用层，应用层通过获取词法解析模块、布局和渲染模块的属性和参数实现控制播放。本发明的方法解决了浏览器应用引用外部SDK实现播放功能时视频播放窗口与web悬浮UI存在层级遮挡的问题。

技术领域

本发明涉及电视浏览器技术领域，特别涉及一种基于Android电视浏览器的视频播放实现方法及浏览器应用运行方法。

背景技术

随着电视资源越来越丰富，传统应用通过海报、文本呈现内容资源的方式已不能满足用户的需求，视频播放窗口与UI融合的交互界面已经成为资源聚合应用的标配功能。

传统浏览器处理视频播放，主要两种方式：

1、web页面使用HTML5标准的video标签加入页面布局，通过video标签的属性控制播放源地址和播放状态，浏览器内核的网络、解码和渲染模块进行处理，最终再与web页面合成，最终呈现出完整的显示效果；

2、浏览器扩展JS播放器对象，web页面逻辑控制Android应用层创建播放器，并且将该播放器关联的输出层布局至应用UI底层，同时将浏览器控件设置为透明，再将web页面涉及到播放窗口区域的元素属性设置为透明，从而将布局底层的播放内容“透出”。

由于视频资源方的限制，Android电视应用播放某些独立版权的视频源时，通常需要引入外部应用的播放SDK，若应用为了交互性更好的显示效果，需要在视频窗口上方的显示悬浮UI，上述两种方案均存在缺陷：

方案1由于无法直接获取视频源的地址设置video标签属性，无法调用标准播放流程；若在应用层调用外部SDK实现播放，video区域又将显示黑色背景遮挡播放窗口；

方案2播放与浏览器解耦独立管理，可以实现播控状态控制，但是当web页面设置实体图片作为背景时，位于浏览器布局下方的播放窗口将被背景图遮挡。

发明内容

本发明的目的是克服上述背景技术中不足，提供一种基于Android电视浏览器的视频播放实现方法及浏览器应用运行方法，解决了浏览器应用引用外部SDK实现播放功能时视频播放窗口与web悬浮UI存在层级遮挡的问题。

为了达到上述的技术效果，本发明采取以下技术方案：

一种基于Android电视浏览器的视频播放实现方法，包括：通过定制浏览器内核词法解析模块，将传统播放流程剥离，解析video标签并创建相应的video节点插入DOM树，解析并存储web逻辑控制的video标签属性及将播放状态同步至应用层；定制内核布局和渲染模块，将词法解析模块创建的DOM节点加入布局，再将渲染树中该区域内容清除，同时将绝对坐标和宽高数据同步至应用层，应用层通过获取词法解析模块、布局和渲染模块的属性和参数实现控制播放；

本发明的方法通过定制浏览器内核处理video标签涉及的解析、布局和渲染模块，将video标签作为一个占位元素，清理低于该元素图层层级的所有显示内容，从浏览器内部实现指定区域透明效果，进而实现调用外部SDK播放的视频窗口上悬浮WebUI的效果。

进一步地，具体包括以下步骤：

A.定制电视浏览器内核词法解析模块；所述词法解析模块用于解析video标签属性，定义扩展方法响应video标准播放定义的player控制事件，定义播放事件存储对象进行存储，维护web逻辑控制的播放状态机；

B.定制电视浏览器内核布局模块；所述布局模块用于通过样式计算获取video节点在可视区域内的绝对位置和宽高数据；