CN102611930A - 浏览器自适应显示方法和装置及电视机 - Google Patents

Abstract

本发明公开了一种浏览器自适应显示方法和装置及电视机，所述浏览器自适应显示方法包括：获取浏览器待显示信息的第一分辨率；根据显示设备的界面总分辨率和所述浏览器的界面总分辨率，将所述第一分辨率映射为第二分辨率；按照所述第二分辨率在所述显示设备上显示所述待显示信息。本发明可以方便的将浏览器待显示内容的原始第一分辨率映射到可以在显示设备上显示的第二分辨率，方便可靠，适应度高。由于采用标准的浏览器技术，无需定制浏览器中间件接口，浏览器平台移植后，非常容易集成第三方浏览器应用。

Description

浏览器自适应显示方法和装置及电视机

技术领域

本发明涉及一种浏览器自适应显示方法和装置及电视机，尤其涉及一种可以将浏览器内容自适应的显示在显示器上的方法和装置及电视机。

背景技术

随着时代的发展，人们已经不满足于在电脑上使用浏览器了，而且希望在通常生活中的最常用的显示设备-电视机上也使用网络浏览器，通过浏览器来使用软件产品。

在现有的嵌入式产品中，已经基于浏览器技术开发了很多软件产品，因为浏览器的接口都是定制的。所以导致软件移植时会比较麻烦，而且采用不同厂家的浏览器，浏览器的应用程序需要重新与浏览器中间件适配，否则界面显示不正常，甚至应用无法正常工作。

现有技术基于的浏览器中间件主要是采用私有协议和接口进行定制，但是采用这种浏览器方式平台的一致性不是很好。而且移植到其他浏览器上需要重新适配，开发的工作量大，而且可靠性不能得到保证。

所以如何通用的在电视机上方便的通过浏览器来使用软件产品成为亟待解决的问题。

发明内容

本发明的目的是针对现有技术的缺陷，提供一种浏览器自适应显示方法和装置及电视机，以实现方便的将浏览器的内容自适应的显示在显示设备上，从而方便的使用基于浏览器的软件产品

一方面，本发明提供了一种浏览器自适应显示方法，包括：

获取浏览器待显示信息的第一分辨率；

根据显示设备的界面总分辨率和所述浏览器的界面总分辨率，将所述第一分辨率映射为第二分辨率；

按照所述第二分辨率在所述显示设备上显示所述待显示信息。

另一方面，本发明提供了一种浏览器自适应显示装置，包括：

获取单元，用于获取浏览器待显示信息的第一分辨率；

映射单元，用于根据显示设备的界面总分辨率和所述浏览器的界面总分辨率，将所述第一分辨率映射为第二分辨率；

显示单元，用于按照所述第二分辨率在所述显示设备上显示所述待显示信息。

再一方面，本发明实施例提供了一种使用上述浏览器自适应显示方法的电视机。

本发明的浏览器自适应显示方法和装置及电视机，可以方便的将浏览器待显示内容的原始第一分辨率映射到可以在显示设备上显示的第二分辨率，从而可以将基于浏览器开发的软件产品在显示设备上使用，方便可靠，适应度高。由于采用标准的浏览器技术，无需定制浏览器中间件接口，浏览器平台移植后，非常容易集成第三方浏览器应用。

附图说明

图1为本发明一实施例浏览器自适应显示方法的流程图；

图2为本发明另一实施例浏览器自适应显示方法的流程图；

图3为本发明实施例的浏览器自适应显示装置的示意图。

具体实施方式

下面通过附图和实施例，对本发明的技术方案做进一步的详细描述。

本发明实施例的浏览器自适应显示方法和装置及电视机，是一种基于浏览器技术提供在电视终端上使用基于浏览器的软件的实现方法，本发明实施例采用通用的浏览器标准，全面支持W3C(World Wide Web Consortium，理事会或万维网联盟))标准，可移植性好，可以快速移植到电视终端的嵌入式***中。降低开发的难度，也降低了对开发人员能力的要求。

图1为本发明一实施例浏览器自适应显示方法的流程图，如图所示，本实施例的浏览器自适应显示方法具体包括如下步骤：

步骤101，获取浏览器待显示信息的第一分辨率；

其中浏览器待显示信息可以为基于浏览器开发的应用软件中的需要显示的用户界面(User Interface，UI)界面的各类信息；

步骤102，根据显示设备的界面总分辨率和浏览器的界面总分辨率，将第一分辨率映射为第二分辨率；

显示设备的界面总分辨率实现是可以得知的，而浏览器的UI界面总分辨率通常情况下也是可以获得的，各种浏览器大同小异，其UI界面的总分辨率一般均可获取到；

此步骤的目的就是为了将显示信息的第一分辨率映射到第二分辨率从而可以实现显示；

步骤103，按照第二分辨率在显示设备上显示待显示信息。

经过上一步骤的映射处理，待显示信息从第一分辨率映射到了第二分辨率，所以就可以在显示设备上显示了，从而实现了浏览器内容的自实行的显示。

由于是自适应全屏显示UI界面的，所以无论显示页面的分辨率是否与标准页面相一致，都可以自适应的从第一分辨率映射到第二分辨率进行显示。

而且显示设备上的分辨率不是固定的，所以本实施例可以适合不同的显示设备，包括但不限于电视、机顶盒、PAD，甚至PC机。

本实施例的浏览器自适应显示方法的浏览器具有处理应用程序UI自适应的能力，浏览器先获取当前显示装置，例如电视的界面总分辨率和当前应用程序UI的界面总分辨率，然后计算这两者的比率，最后将当前应用程序的UI界面中的每一个图标\位图\文字的第一分辨率情况，相应做一个映射，以得到每一个图标\位图和文字在电视机屏幕上的第二分辨率，最后显示在显示装置，如电视屏幕上.这样可实现UI的全屏显示。

本实施例的浏览器自适应显示方法可以基于标准的浏览器，所以不需要使用定制的浏览器或者浏览器中间件，所以只要符合W3C标准即可，移植很方便。

利用本实施例的浏览器自适应显示方法，可以方便的将浏览器待显示内容的原始第一分辨率映射到可以在显示设备上显示的第二分辨率，从而可以将基于浏览器开发的软件产品在显示设备，例如电视机上来使用了，方便可靠，适应度高。

图2为本发明另一实施例浏览器自适应显示方法的流程图，如图所示，本实施例的浏览器自适应显示方法具体包括如下步骤：

步骤201，根据网页地址(Uniform/Universal Resource Locator，URL)，获取URL地址所对应的HTML数据和XML数据；

在本步骤处理的时候，可以通过用户在浏览器的图形用户界面(Graphical User Interface，GUI)上输入网络地址，例如互联网网页URL地址，由此可以使得浏览器根据当前网页的URL地址，来获取URL地址所对应的超文本链接标示语言(Hypertext Markup Language，HTML)数据和可扩展标记语言(Extensible Markup Language，XML)数据；

同样，本步骤中的网页URL地址所对应的内容可以是基于浏览器的应用软件产品；

步骤202，解析HTML数据和XML数据；

例如可以通过XML/HTML解析器，来解析获取到的XML数据和HTML数据

步骤203，获取解析后的HTML数据和XML数据中需要在浏览器上的显示信息；

本步骤的作用就是具体获取需要在浏览器上需要显示的信息的内容，可以是IPTV(Internet Protocol Television，基于IP协议的电视广播服务)、游戏等等应用程序，其中包括按键(button)、图标、文字、框图、应用背景或位图信息等等；

步骤204，获取显示信息的第一分辨率。

需要显示的所有内容的分辨率都必须获取到，否则无法进行显示，这就需要应用软件的中的各个显示信息的分辨率必须齐备，都可以获取的到才可以；

步骤210，根据公式：第二分辨率＝第一分辨率×(显示设备的界面总分辨率/浏览器的界面总分辨率)，将第一分辨率映射为第二分辨率；

其中，显示设备的界面总分辨率/浏览器的界面总分辨率可以称为映射比率，因为程序UI界面的总分辨率与电视显示总分辨率没有明显的关系；

本步骤就是关于显示信息的分辨率进行映射的过程，因为如果不经过映射的话，只可能按照待显示信息的原始分辨率如第一分辨率在显示设备上进行显示，这显然是不可以的，无法体现自适应的过程，所以本步骤就是本实施例的关键，当将第一分辨率映射到第二分辨率的时候，就可以在显示设备上利用第二分辨率来显示待显示信息了；

步骤211，按照第二分辨率在所述显示设备上显示所述待显示信息。

在步骤204之后，还可以包括一个判断步骤，即判断第一分辨率，如果第一分辨率大于最大分辨率阈值，或小于最小分辨率阈值时，不显示待显示信息。因为，本实施例中的浏览器必须支持自适应功能，程序UI的每一个图标、位图和文字都必须有分辨率的属性。如果程序UI的分辨率过低或过高，不能使用自适应功能，否则会导致界面显示异常。

另外，在步骤211之前，同时要进行按照文档对象模型(Document ObjectModel，DOM)规则形成DOM树和渲染(Render)树信息；这样在步骤211显示带显示信息的时候，同时在显示设备上显示DOM树和Render树信息。

例如，如果浏览器需要显示的是IPTV：

则IPTV应用UI的每一个button、图标、文字、框图及整个应用背景等图都必须有分辨率属性，这样才能获取到这些需要显示信息的第一分辨率；

浏览器解析html程序中的button、图标、文字、框图及整个应用背景等图的分辨率属性，得到对应的第一分辨率参数值。

然后浏览器再利用电视屏幕显示的界面总分辨率得到映射比率值＝电视屏幕显示的界面总分辨率/浏览器的界面总分辨率。

Button(或图标、文字等)在电视屏幕上的第二分辨率值＝button(或图标、文字等)的第一分辨率属性值*映射比率值；

将应用程序的UI(button、位图、文字等)根据其电视屏幕界面总分辨率的情况显示在电视屏幕上。

例如，如果浏览器需要显示的是游戏的电子节目菜单(ElectronicProgram Guide，EPG)界面

游戏的EPG界面的每一个button、图标、文字、框图及整个应用背景等图都必须有分辨率属性；

浏览器解析游戏的html程序中的button、图标、文字、框图及整个应用背景等图的分辨率属性，得到对应的第一分辨率参数值；

然后浏览器再利用电视屏幕显示的界面总分辨率得到映射比率值＝电视屏幕显示的界面总分辨率/浏览器的界面总分辨率。

Button(或图标、文字等)在电视屏幕上的第二分辨率值＝button(或图标、文字等)的第一分辨率属性值*映射比率值；

将游戏EPG的UI界面(button、位图、文字等)根据其电视屏幕分辨率的情况显示在电视屏幕上。

因此，本发明实施例的浏览器自适应显示方法，只要在浏览器应用程序中增加对当前应用的分辨率属性的判断，然后根据当前电视终端UI的分辨率做相应的映射，浏览器内核无需更改任何代码。

显示装置即对应的电视机要嵌入基于浏览器的游戏EPG，而前期这些游戏是基于机顶盒开发的，分辨率比较低，大部分都是640*526。而电视机显示装置的UI分辨率一般为1280*720或者1366*768。这样显示在电视终端屏幕时无法全屏显示。

所以游戏EPG网页html文件中需要有分辨率属性。

现有的嵌入式软件的UI底层一般采用直接帧缓冲(Direct Frame Buffer，dfb)方式显示UI。对于显示装置，如电视机来说，其界面总分辨率是固定的，不会任意地修改它。此时不同的功能程序的UI第一分辨率不同的话，会导致每个应用程序的UI的显示情况不同，也许某些应用程序的UI超出显示装置屏幕，有些应用程序的UI不能全屏显示。

而本实施例的处理机制能适用不同应用的不同分辨率情况，都能做到全屏显示。

图3为本发明实施例的浏览器自适应显示装置的示意图，如图所示，本实施例的浏览器自适应显示装置包括：获取单元11、映射单元12、显示单元13、形成单元14。

获取单元11用于获取浏览器待显示信息的第一分辨率；映射单元12用于根据显示设备的界面总分辨率和浏览器的界面总分辨率，将第一分辨率映射为第二分辨率；映射单元12具体用于：根据公式：第二分辨率＝第一分辨率×(显示设备的界面总分辨率/浏览器的界面总分辨率)，将第一分辨率映射为第二分辨率。

显示单元13用于按照第二分辨率在显示设备上显示待显示信息。形成单元14用于按照DOM形成DOM树和Render树信息；显示单元13还用于在显示设备上显示DOM树和Render树信息。

本实施例的浏览器自适应显示装置的浏览器具有处理应用程序UI自适应的能力，浏览器先获取当前显示装置，例如电视的界面总分辨率和当前应用程序UI的界面总分辨率，然后计算这两者的比率，最后将当前应用程序的UI界面中的每一个图标\位图\文字的第一分辨率情况，相应做一个映射，以得到每一个图标\位图和文字在电视机屏幕上的第二分辨率，最后显示在显示装置，如电视屏幕上.这样可实现UI的全屏显示。

利用本实施例的浏览器自适应显示装置，可以方便的将浏览器待显示内容的原始第一分辨率映射到可以在显示设备上显示的第二分辨率，从而可以将基于浏览器开发的软件产品在显示设备，例如电视机上来使用了，方便可靠，适应度高。

本发明实施例还提供了一种使用上述浏览器自适应显示方法的电视机。

本发明实施例的浏览器自适应显示方法和装置及电视机所基于的软件构架中包括上层GUI界面，中间层的浏览器内核、浏览器接口(网络接口、按键输入接口和其他接口)，底层包括linux os操作***和硬件抽象层等。

本发明实施例根据当前应用程序的UI第一分辨率，设置DFB Layer的分辨率为目标大小，实现UI的全屏显示。这样能将不同分辨率的应用程序UI界面，自适应地扩展成全屏显示，即使是手机上的小应用，移植到电视上也能全屏显示。

浏览器打开应用程序页面，对其进行解析和显示，可以获取各个标签的位置，当有方向键等按下时，浏览器内部根据其位置进行比较判断，确定当前焦点的位置，移动焦点到新的位置，实现UI的焦点切换操作，这种操控方式符合电视用户的操作习惯。这样一个全新的基于浏览器的应用程序，只要符合W3C标准，满足基本的属性规范，除了需要音频和视频接口需要适配和对接外，就能直接运行在新的通用浏览器程序上。这大大扩展了电视应用的来源，丰富了电视的应用功能。大大降低了新的浏览器应用的移植成本和开发周期，有很好的经济效益。

本发明实施例由于采用标准的浏览器技术，无需定制浏览器中间件接口，浏览器平台移植后，非常容易集成第三方浏览器应用。

专业人员应该还可以进一步意识到，结合本文中所公开的实施例描述的各示例的单元及算法步骤，能够以电子硬件、计算机软件或者二者的结合来实现，为了清楚地说明硬件和软件的可互换性，在上述说明中已经按照功能一般性地描述了各示例的组成及步骤。这些功能究竟以硬件还是软件方式来执行，取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能，但是这种实现不应认为超出本发明的范围。

结合本文中所公开的实施例描述的方法或算法的步骤可以用硬件、处理器执行的软件模块，或者二者的结合来实施。软件模块可以置于随机存储器(RAM)、内存、只读存储器(ROM)、电可编程ROM、电可擦除可编程ROM、寄存器、硬盘、可移动磁盘、CD-ROM、或技术领域内所公知的任意其它形式的存储介质中。

以上所述的具体实施方式，对本发明的目的、技术方案和有益效果进行了进一步详细说明，所应理解的是，以上所述仅为本发明的具体实施方式而已，并不用于限定本发明的保护范围，凡在本发明的精神和原则之内，所做的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (10)

1.一种浏览器自适应显示方法，其特征在于，包括：

获取浏览器待显示信息的第一分辨率；

根据显示设备的界面总分辨率和所述浏览器的界面总分辨率，将所述第一分辨率映射为第二分辨率；

按照所述第二分辨率在所述显示设备上显示所述待显示信息。

2.根据权利要求1所述的浏览器自适应显示方法，其特征在于，所述获取浏览器待显示信息的第一分辨率具体为：

根据网页地址URL，获取所述URL地址所对应的超文本链接标示语言HTML数据和可扩展标记语言XML数据；

解析所述HTML数据和XML数据；

获取解析后的HTML数据和XML数据中需要在所述浏览器上的显示信息；

获取所述显示信息的第一分辨率。

3.根据权利要求2所述的浏览器自适应显示方法，其特征在于，所述需要在所述浏览器上的显示信息具体为，需要在所述浏览器上显示的按键、图标、文字、框图、应用背景或位图信息。

4.根据权利要求1所述的浏览器自适应显示方法，其特征在于，所述根据显示设备的界面总分辨率和所述浏览器的界面总分辨率，将所述第一分辨率映射为第二分辨率具体为：

根据公式：第二分辨率＝第一分辨率×(显示设备的界面总分辨率/浏览器的界面总分辨率)，将所述第一分辨率映射为第二分辨率。

5.根据权利要求1所述的浏览器自适应显示方法，其特征在于，所述获取浏览器待显示信息的第一分辨率之后还包括：判断所述第一分辨率，如果所述第一分辨率大于最大分辨率阈值，或小于最小分辨率阈值时，不显示所述待显示信息。

6.根据权利要求1所述的浏览器自适应显示方法，其特征在于，所述方法还包括：

按照文档对象模型DOM规则形成DOM树和渲染树信息；

在所述显示设备上显示所述DOM树和渲染树信息。

7.一种浏览器自适应显示装置，其特征在于，包括：

获取单元，用于获取浏览器待显示信息的第一分辨率；

映射单元，用于根据显示设备的界面总分辨率和所述浏览器的界面总分辨率，将所述第一分辨率映射为第二分辨率；

显示单元，用于按照所述第二分辨率在所述显示设备上显示所述待显示信息。

8.根据权利要求7所述的浏览器自适应显示装置，其特征在于，所述映射单元具体用于：根据公式：第二分辨率＝第一分辨率×(显示设备的界面总分辨率/浏览器的界面总分辨率)，将所述第一分辨率映射为第二分辨率。

9.根据权利要求7所述的浏览器自适应显示装置，其特征在于，所述装置还包括：

形成单元，用于按照DOM形成DOM树和Render树信息；

所述显示单元还用于在所述显示设备上显示所述DOM树和Render树信息。

10.一种使用上述权利要求1-6任一浏览器自适应显示方法的电视机。

Images