一种在电视上播放网页图文的方法、设备及系统的制作方法
【技术领域】
[0001] 本申请涉及电视广播技术以及计算机技术，尤其涉及一种在电视上播放网页图文 的方法、设备及系统。
【背景技术】
[0002] 电视作为传统媒体，在90年代以前提供了主流的信息娱乐资讯。进入2000年后 随着互联网的普及，以及2007年智能手机的出现带动移动互联网的发展，使得用户以电脑 或智能手机作为终端，通过互联网获取资讯变得随时随地，快捷方便。以电脑为例，从互联 网上通过WWW服务器下载超文本标记语言（HTML)脚本，在浏览器中解释渲染为网页界面， 该网页界面可以接受用户通过鼠标或键盘的输入做出各种响应，例如根据输入的字符串进 行检索，根据点击链接的操作进入相应页面，或者上下滚动以显示网页的不同部分。在智能 手机上通常采用app获取资讯，但同样是基于用户的输入进行各种响应。而电视通常采用 单向的播放模式，用户通过遥控器选择不同的频道，电视播放该频道的相应节目，而每个频 道播出的内容通常由电视台决定。
[0003] 目前已有的电视图文资讯频道，主要是人工制作包含图文信息的图片，然后在电 视图文播出系统中播放。这种格式自由，但人工制作太麻烦，效率很低。传统的电视图文系 统也提供简单的字符型模板，比如股市报盘，菜价等。其缺点是：
[0004] 模板不能随意切换，一旦制作好模板，每张图文都是同样的框架，视觉效果单一；
[0005] 模板支持的参数为：文字/数字，不支持图片等参数化；
[0006] 因此，现有的电视图文资讯频道的内容和形式都比较单调，相对于网页上的海量 信息，难以吸引用户观看。
[0007] 现有技术中，可以通过智能机顶盒或者智能电视，在电视屏幕上直接显示web网 页获取资讯。然而，直接把web网页投放到电视屏幕上观看，存在以下问题：
[0008] 1、观看距离及屏幕尺寸差异造成的问题
[0009] 现有的web网页通常是在电脑显示器或者手机屏幕上观看。电脑显示器通常在 19-27寸左右，宽大于高，观看距离30厘米左右；手机屏幕尺寸通常为4-7寸，宽小于高，观 看距离为20厘米。而电视尺寸通常在32至60寸，观看距离3米左右。由于电视的收视距 离远大于电脑以及手机等移动设备的观看距离，web网页上的文字字号以及图片尺寸并不 适用于在电视上直接观看。
[0010] 2、刷新方式差异造成的问题
[0011] Web网页是根据用户操作刷新或者滚动，因此在屏幕内可以同时显示大量文字内 容，用户看完后再刷新或滚动浏览新的内容，因此页面通常设计为滚动的长条。
[0012] 电视画面的刷新则是由电视台决定的，用户无法控制，横向不能拖拽，向下滚动则 影响观众收看效果，所以必须做成多屏切换的形式；同时，屏幕上不能显示过多内容，否则， 如果刷新间隔过短会造成来不及观看，刷新间隔太长又会使用户觉得无聊。
[0013] 3、收视习惯差异造成的问题
[0014] 电视通常作为娱乐终端，用户不习惯在TV上阅读大量文字，喜欢收看文字简明、 字号较大、图文并茂的图文资讯，并且图像切换节奏不能太慢。如果将web页面直接投放到 电视上，大量文字的静态页面会使用户很快失去兴趣。
[0015] 综上所述，由于存在获取资讯的需求，用户和电视台都希望能在电视屏幕上显示 丰富的资讯内容；然而将直接将网页内容显示在电视屏幕上并不适用，需要对网页内容进 行调整。
【发明内容】
[0016] 本申请提供了一种在电视上播放网页图文的方法及系统，可以将网页上的图文资 讯在电视上播放，符合电视的收视特点，适用于观众在家庭休息时间，通过电视屏幕了解网 上各种资讯。
[0017] 本申请实施例提供了一种在电视上播放网页图文的方法，包括：
[0018] A、对HTML文档的文档对象模型DOM树进行遍历，获取其中的文本节点和图像节 占.
[0019] B、根据预置的过滤策略，过滤掉不需要的文本节点和图像节点，保留需要的文本 节点和图像节点；
[0020] C、对保留的文本节点和图像节点进行重新排版，判断所要显示的内容是否能够在 电视的一屏内显示，若是，将转至执行步骤E，否则执行步骤D;
[0021 ] D、按电视屏幕高度，将所要显示的内容分为多个HTML文档，每个文档对应一个分 页，每个分页能够在一屏内显示；
[0022] E、将所述HTML文档渲染为图文页面，将所述图文页面转换为图片格式；将图片格 式的图文页面转换为电视节目频道的PAL视频信号，并在电视屏幕上播放。
[0023] 较佳地，所述过滤策略包含黑名单和/或白名单，对于符合黑名单条件的内容一 律过滤，对于符合白名单条件内容一律保留。
[0024] 较佳地，所述对保留的文本节点和图像节点进行重新排版包括：对文本字体放大， 对文本进行缩减和特征字符串替换，和/或，对图像进行放大。
[0025] 较佳地，所述对文本进行缩减包括：
[0026] 判断文本节点包含的文字总数是否大于预先设置的阈值N，若是，保留该文本节点 的前N个字或删除该文本节点，否则保持该文本节点不变。
[0027] 较佳地，所述N取值范围为5至15。
[0028] 较佳地，所述对图像进行放大为：宽度/高度各自独立拉伸，或者宽/高等比例放 大。
[0029] 较佳地，步骤D所述将所要显示的内容分为多个分页进一步包括：对当前分页进 行智能压缩。
[0030] 较佳地，所述对当前分页进行智能压缩策略包括如下内容的任意组合：
[0031] 宽度/高度独立缩小；
[0032] 先缩小宽度，然后按宽度缩小比例转换高度；
[0033] 降低文本节点和图像节点的边距；
[0034] 且压缩后文本字号与图像大小不小于预先规定的最小值。
[0035] 较佳地，步骤D包括：
[0036] D1、按照从前向后的顺序依次遍历web页面文档DOM树中body元素的直接子节 点，获取节点的底部坐标，如果节点A的底部坐标大于当前分页高度，记录节点A，继续遍历 下一个节点B;
[0037] D2、如果节点B的右边缘坐标大于节点B的下一个节点的右边缘坐标，将节点B之 前的所有节点，尝试进行智能压缩，压缩完毕后，刷新页面；
[0038] D3、如果节点A的底部坐标大于当前分页高度，则从节点A处分页，生成新一页电 视图文；
[0039] 如果节点A的底部坐标小于当前分页高度，则从节点B处分页，生成新一页电视图 文。
[0040] 较佳地，所述将所述HTML文档渲染为图文页面为：使用引擎库Phantomjs渲染所 述HTML文档，生成图文页面。
[0041] 本申请实施例还提供了一种在电视上播放网页图文的系统，该系统包括内容发布 服务器和图文资讯播出系统，所述内容发布服务器包括：
[0042] 获取模块，用于对HTML文档的DOM树进行遍历，获取其中的文本节点和图像节 占.
[0043] 过滤模块，用于根据预置的过滤策略，过滤掉不需要的文本节点和图像节点，保留 需要的文本节点和图像节点；
[0044] 排版模块，用于对保留的文本节点和图像节点进行重新排版，判断所要显示的内 容是否能够在电视的一屏内显示，若是，使能分页模块；
[0045] 分页模块，用于按电视屏幕高度，将所要显示的内容分为多个HTML文档，每个文 档对应一个分页，每个分页能够在一屏内显示；
[0046] 发布模块，用于通过互联网与图文资讯播出系统建立连接，通过所述连接将所述 分页模块得到的HTML文档发送至图文资讯播出系统；
[0047] 所述图文资讯播出系统将所述HTML文档渲染为图文页面，将所述图文页面转换 为图片格式；将图片格式的图文页面转换为电视节目频道的PAL视频信号。
[0048] 本申请另一实施例提供了另一种在电视上播放网页图文的系统，该系统包括内容 发布服务器和图文资讯播出系统，所述内容发布服务器包括：
[0049] 获取模块，用于对HTML文档的DOM树进行遍历，获取其中的文本节点和图像节 占.
[0050] 过滤模块，用于根据预置的过滤策略，过滤掉不需要的文本节点和图像节点，保留 需要的文本节点和图像节点；