操纵网页的方法

专利名称：操纵网页的方法
技术领域：
本发明涉及显示网页。更具体而言，本发明涉及用于修改网页的显示 的方法。
背景技术：
用户频繁地访问包含文本、图形和图像的文件。例如，因特网用户使 用浏览器来频繁地访问网页。浏览器程序一般解释对图像和文本进行编码 的标记语言，并以用户可读形式来呈现信息。遗憾的是，观看体验极大地 受到源素材的格式化信息的支配。虽然一些浏览器允许用户进行微小的改 变，例如文本字体的大小或背景颜色，但是源素材的创建者极大地支配了 向用户的呈现。需要的是一种用于观看来自网页的文本和图像以及其它基 于计算机的文件的改进型方法。由于注重便携性，所以便携设备的显示器通常非常有限。 一些便携数 字娱乐设备可以用于承载音乐、照片、视频、电子书籍、和其它类型的媒 体。越来越多地，便携设备正在被用于访问因特网。为了作为有用的便携 设备，它们必须很小，而这又限制了它们可以使用的屏幕的大小。屏幕通 常用于配置该设备，并且最重要的是使得用户可以与设备进行交互，例 如，选择要观看或收听的下一项目。虽然屏幕大小有限，但是设备的存储量持续增加。典型的设备可以存储数千首歌曲，这使得很难找到特定的一 首且很耗时。此外，诸如PDA和蜂窝电话之类的便携设备上的显示器越来越多地 用于访问各种类型的文件，例如文本和图像文件。例如，有时候需要用在 音频播放器配置中的便携电子设备来访问关于定音乐曲目或曲目集合的细 节。这种信息可以包括关于艺术家、曲目或集合的文本以及与它们相关联 的图像。近来，蜂窝电话已经设置有浏览器，用于访问呈现文本和图像的 因特网页面(网页)。但是，便携设备上的显示屏幕一次仅能够处理和向 用户呈现有限量的文本、图像、和图形信息， 一般远远小于从网页可得的需要的是访问网页和其它文本和图像文件以呈现给用户的改进型方法。发明内容为了实现上述目的，本发明提供了以更加用户友好的配置来呈现网页 的方法。根据一个实施例，过滤方法被提供用于分析、操纵、和向用户呈现来 自网页的源素材或者其它计算机文件。诸如网页之类的计算机文件被检 索。利用图像处理技术来分析页面，以识别至少一个相干区域或区段。多 个相干区段中的各个被映射到网页的相应计算机代码区段。选择多个区段 中的至少一个以用于刷新网页。随后在显示屏幕上刷新网页，以提供原始 页面的经过过滤或重新格式化后的表示。根据另一个实施例，提供了修改网页的呈现的方法。经过渲染的图像呈现源自网页的诸如HTML (超文本标记语言)之类的标记语言代码。使用 图像处理技术，经过渲染的图像呈现被分割成多个区段。这多个区段中的 至少一个被选择用于经过刷新的图像，并且所述网页被使用所选择的部分 来刷新。在一个实施例中，显示器提供用以访问设备的存储器中的媒体项目的 列表，或者源自网页的所识别区域的列表、文本、或图像。对显示的增强对在焦点区域(即，最小失真区域)中的项目提供了比出现在所显示的列 表或区域的上下文区域中的项目或细节更高的可视性。在一个变形例中，列表或区域被投射到椭圆或刻面表面(faceted surface)上。在又一个实施 例中，最小失真区被定位为偏离经过刷新的区段的中心线，以在某个方向 上偏移失真。在又一个实施例中，失真区是动态的，根据滚动方向或滚动 速度向上或向下滚动。以下将参考附图来描述本发明的这些和其它特征和优点。


图1是图示出根据本发明一个实施例的过滤网页的方法的示图。图2是图示出根据本发明一个实施例的过滤网页的方法的示图的流程图。图3是图示出根据本发明一个实施例的完整网页和将页面分割成条带 的示图。图4A和4B是图示出根据本发明一个实施例的放大后的条带的滚动的 示图。图5A和5B是图示出根据本发明一个实施例通过数学函数来进行的转 换的示图。图6A和6B是图示出根据本发明一个实施例通过数学函数来进行的转 换的示图。图7A和7B图示了根据本发明一个实施例的另一种转换技术。 图8是图示出传统滚动列表的示图。图9是图示出传统显示屏幕、观察者、和平面列表的侧视图的示图。 图10是图示出根据本发明一个实施例的显示屏幕、观察者、和圆形列表的侧视图的示图。图IIA和IIB是分别图示出根据本发明一个实施例的平面列表和弯曲列表的示图。图12是图示出根据本发明一个实施例的观察者、显示屏幕、和椭圆 列表的侧视图的示图。图13是图示出根据本发明一个实施例的观察者、显示屏幕、和具有 变化了的偏心度的椭圆列表的侧视图的示图。图14是图示出根据本发明一个实施例的观察者、显示屏幕、和具有 刻面的列表的侧视图的示图。图15是图示出根据本发明一个实施例的观察者、显示屏幕、和具有三个刻面的列表的侧视图的示图。图16是图示出根据本发明一个实施例的观察者、显示屏幕、和经过 旋转的椭圆列表的侧视图的示图。图17是图示出根据本发明一个实施例的观察者、显示屏幕、和大小 增大了的椭圆列表的侧视图的示图。图18是图示出根据本发明一个实施例的分割和增强网页的方法的流 程图。
具体实施方式
现在将详细地参考本发明的优选实施例。在附图中图示了优选实施例 的示例。虽然将结合这些优选实施例来描述本发明，但是应当了解，并不 旨在将本发明限制于这些优选实施例。相反，旨在覆盖包括在所附权利要 求所限定的本发明的精神和范围内的替代体、修改体、和等同物。在以下 的描述中，阐述了许多具体细节以提供对本发明的彻底理解。在没有这些 具体细节中的一些或全部的情况下也可以实施本发明。在其它情况下，为 了不必要地模糊本发明，而没有详细地描述公知的机构。这里，应当注意，在各幅图中相似的标号指示相似的部分。这里所图 示并描述的各幅图被用于图示本发明的各个特征。就特定特征在一幅图中 且没有在另一幅图中图示的情况而言，除非另有说明或者结构固有地禁止 并入该特征，则应当理解为那些特征可以适于包括在其它附图所呈现的实 施例中，就好像它们在那些附图中被完整地图示一样。除非另有说明，附 图不一定成比例。附图所提供的任何尺寸并不意图对本发明的范围进行限 制，而仅仅是示意性的。本发明提供了用于过滤网页、电子文本文档、或其它计算机文件以呈现给用户的方法和系统。根据第一实施例，web浏览器或其它经适当配置 的软件应用程序检索要观看的网页，并对其进行过滤以向用户提供定制观 看体验。即，包含标记语言的网页被接收、被分析以识别区段(segment)，并进行刷新(redraw)，从而增强至少一个区段，其中，标 记语言描述了诸如文本、图像和图形之类的各种对象的布局。图1是图示出根据本发明一个实施例的过滤网页的方法的示图。首 先，网页被下载并优选地高速缓存在设备中。更一般而言，浏览器102检 索可能包含文本和图形或图像两者的计算机文件。优选地，所述文件是 HTML或其它标记语言文件，例如可以经由网络作为网页来访问。在整篇 说明书中，出于例示的目的，标记语言代码将被描述成HTML。但是，该 示例并不意图进行限制。本发明各个实施例的范围意图包括毫无限制地使 用任何形式的标记语言代码或其它用于阿页的描述语言。例如，手持式设 备己经利用它们自身的诸如HDML (手持式设备标记语言)和WML (无 线标记语言)之类的标记语言，并且这里所描述的方法可以适当地用于用 那些语言进行编码的页面。作为初始步骤，浏览器优选地作为完整网页104来存储网页以用于进 一步处理。接下来，浏览器对与完整网页相对应的html代码进行翻译或渲 染(render)，以生成网页的图像。然后，对网页执行分析106以识别相 干区域(coherent region)，并且优选地识别那些区域的边界。更详细地， 所述分析将优选地将网页分割成该网页中的相干区域108的集合107。接下来，生成适当的控制信号(109)，用于指示浏览器刷新一个或 多个所识别的区域(区段)。为了刷新网页，在所识别的图像区段和用于 所述网页的相应HTML代码之间进行关联。这使得浏览器可以逐个区域地 对重格式化命令作出响应。最后一个步骤的结果是浏览器向与系统相关联 的显示屏幕提供至少一个经过刷新的区域110。这样，以更加适合用户或 显示屏幕的限制的方式来向用户呈现经过刷新的区域。例如，显示屏幕可 以设置在便携电子设备上，因而大小有限。对于小型显示屏幕，可能很难 或者无法在一个显示屏幕上呈现完整的网页。在一种情形中经过刷新的显 示屏幕例如可以局限于仅仅一个所识别的相干区域，因而能够以易读文本来显示与该区域相关联的内容。在其它情形中，多个区域或区段可以在经 过刷新的显示屏幕上仍然以易读大小的文本但没有关联图像地呈现。在又 一个实施例中，具有用户所感兴趣的内容的多个区域被呈现，而具有用户 不怎么感兴趣或者不感兴趣的内容的区域被过滤出去，即，不被显示。应 当了解，这些是可能应用的示例，并且并不希望对本发明的范围进行限 制。图2是图示出根据本发明一个实施例的过滤网页的方法的细节的流程图。首先，检索完整的网页202并将其存储(高速缓存)在合适的存储缓 冲器中。然后，对所缓存的网页进行分析。优选地，对网页的分析包括应 用图像处理技术，以分割根据网页标记语言来生成的经过渲染的图像。在一个实施例中，网页被分割或"划分"成条带以用于本地设备操 纵。如块204所图示的，可以将网页划分成垂直(204A)、正方(204B、 204C)和/或水平条带(204D)。优选地，使用图像处理技术来分析来自 缓冲器的"绘制"(dmwn)页面，SP，高速缓存的页面中的经过渲染的 图像。优选地对所存储的图像执行图像分析技术。此时无需显示与目的网 页相对应的(即，来自未经改变的HTML代码的)图像。虽然本发明的范 围将不局限于对绘制页面的分析，但是对绘制页面的分析较之其它分割技 术是优选的。网页描述一般是未组织的。即，在图像被绘制之前，结构并 不清楚。设计者通常使用标准视觉方法来对页面上的项目进行分组。因 此，优选的分析技术使用标准视觉方法来识别网页中的相干区域。并非限 制性的，本发明的范围意图包括通过共同的背景颜色、文本块、文本标 题的使用、边界来识别区域，并识别图像。接下来，用户优选地选择一个或多个所识别的区域。对显示屏幕(例 如，出现在个人计算机或手持式设备的显示器上的显示屏幕)进行选择的 方法是相关领域技术人员所公知的，因而这里将不提供完整的细节。并不 意图进行限制，用户可以交互地识别感兴趣的区域，或者由系统处理器来 自动地选择并过滤所感兴趣的区域。在前一种情况下，用户可以用鼠标和 光标、其它用户输入设备、或者任何适当的手持式设备替代体来点击所需 区域。大多数网页具有可以剥离的"付费广告"。因此，处理器可以被配置 为自动地识别广告并将它们清除，以使得它们不在经过过滤(刷新)的显 示屏幕上出现。例如，付费广告在网页中的位置通常一致，特别地与单个 网页提供商相关联。这种信息可以用于分析来自该提供商的不同网页。对 于另一个示例，付费广告通常出现在网页的顶部，并且在某种程度上包括 图像和关键字或符号(例如，"$")。在其它实施例中，自动过滤可以包含用户原先所提供的并且或许用户 有权进行更新的用户偏好。例如，用户通过在呈现给个人计算机或其它电 子设备的用户的用户界面屏幕中进行选择可以指示其偏好。这样的偏好在 父母对小孩的观看习惯的控制方面可预期是特别有用的。例如，系统可以 被配置为从经过刷新的网页中过滤"成人"、暴力、或其它讨厌的文本或 图像。在另 一个实施例中，处理器被配置为自动地识别用户的网页使用习 惯。即，处理器被配置为根据经过刷新的显示屏幕中的选择用于进一步观 看的网页区域的特征、或者例如在那些网页中的那些区域的位置来识别用 户偏好或典型的感兴趣区域。相反，处理器可以被配置为"学习"用户一 般丢弃的区域的特征或位置。因此，可以以手动模式或者基于在识别对先 前所访问的网站的偏好方面的用户历史、针对用户所提供的偏好对网页进 行定制。根据另一个实施例，可以基于用户对站点的访问频率来应用设计模版 或页面主题。例如，频繁访问的站点可以被解释成推荐站点，并且在经过 刷新的页面中可得的内容将被指定为比不经常访问的站点更加广泛(例 如，包括更多区域)。在对区域的分析和选择完成之后，发生对一个或多个所选择区域的操 纵206。可以利用用于操纵(增强)所选择区域的各种技术，包括但并不限于放大211、转换212、滚动213、和漂浮(floating) 214。在一个实施 例中，针对经过刷新的显示屏幕的区域选择和对那些区域的呈现都适合以 增加可视项目的数目同时保持它们的可视性或易读性的方式。在其它实施 例中，选择和操纵技术适合与用户偏好更一致地、与对增加所选择项目的易读性的考虑相独立地或相结合地呈现经过刷新的显示屏幕。可以对各个所选择的条带(例如，204A、 204B、 204C禾B 204D中的 任一个或全部)进行放大以增加它们的可视性。例如，当像在图1中一样 选择单个区域时，浏览器可以对所选择的区域进行放大以使得其充满屏幕 大小。在其它情况下，例如，当2个或更多个区域被选择时，它们的放大 取决于可用屏幕空间的共享布局。可以对区域应用多个操纵。例如，可以 应用放大211和滚动213两者。虽然没有限制于所描述的应用，但是这种 技术在小型设备屏幕上可预期特别有用。例如，在一个实施例中，各个条 带被放大并且还设置有滚动速度，以使得该条带内的"菜单"在小型设备 屏幕上自动滚动。可以通过其它数学函数来转换212所选择的区域或条带。例如，如图 5A所示，条带或区段可以球面化。当应用于地图时，这种转换可预期对 用户特别有用，例如，在图像的"焦点"区域和上下文区域之间提供平 衡。漂浮214是这样的技术，通过该技术，信息可以出现在网页的不同区 域上，并且可以根据用户输入而移动。这对于"菜单"项目而言可预期是 特别有用的，"菜单"项目例如是允许用户超链接到其它HTML文件(网 页)的列表。"其它"操纵技术215包括应用阴影或其它效果。阴影可以 使得页面看起来像三维物体(例如，显示在地球仪上的地图)，并帮助用 户区分处于显示器的中央的焦点信息和被提供用于帮助用户了解所显示的 信息关于整个(例如，原始)网页的位置的外围信息。即，阴影以及其它 转换和操纵技术预期将通过在页面的"上下文"中的信息布置向用户提供 帮助。最后，经过过滤的网页或文件被刷新208。一般而言，可以被定义为具有无限形状和大小的各种条带可以附有静 止或移动的时间元素。还可以对这些条带应用各种数学函数以用于不同的 呈现。对所存储的网页进行过滤提供了更好的可读性并且更容易访问，所述 过滤允许用户从经过刷新(经过过滤)的页面中删除特定区段。通常，网页上的菜单位于左侧，当一个人阅读文章时，他/她将页面向下滚动。在足 够大的显示器上，用鼠标来移动到位于左侧的菜单是很容易的，但是在具 有小型LCD的小型设备上，这不仅仅是挑战。如果菜单可以作为独立的 条带来容易地调用并独立滚动，则这将向用户提供更快的响应和更好的导 航。本实施例对于所有大小的显示器而言都很有用。另外，对习惯便携设 备用户界面的用户而言将很有效，所述便携设备用户界面包含用于访问便 携设备的功能的菜单或列表。例如，PDA (便携数字助理)、便携媒体播 放器、和其它手持式设备一般在它们的菜单功能中集成了全屏列表。过滤 可以用于移除不想要的区段。大多数网页都具有可以根据本发明的实施例 的技术来"剥离"的"付费广告"。图3是图示出根据本发明一个实施例的完整网页和页面分割成多个区 域或条带的示图。如图3A所示，呈现了具有多个"区域"302、 304、和 306的完整网页300。通过使用本发明的技术，这些区域可以独立地被呈 现并经历如图2所示的适当的操纵技术。图3B图示出了经过放大以增强 其可视性的区域302。图3C图示出了菜单304的放大，又是具有增强的可 视性。图3D图示出了经过放大以增强其可视性的区域306。应当注意， 图3C所示的的新闻菜单304事实上是链接列表。例如，在一些浏览器 中，使用输入设备在列表项目上移动光标将显示出链接的URL。点击该链 接致使浏览器访问与该链接相关联的文件(网页)。滚动是适用于在经过刷新的显示器上呈现的任何区域或者甚至是整个 经过过滤的显示屏幕的一种操纵技术。图4图示出了根据本发明实施例的 滚动操纵技术。图4A图示出了例如进行滚动以适应便携电子设备中的有 限屏幕高度的菜单304。优选地，可以选择时间参数并将其与条带相关联 以使得可以作为移动的或静止的条带来感知条带。图4A示出了静态条 带。条带的不同部分可以通过适当的用户输入变得可视。例如，用户可以 滚动鼠标上的滚轮以致使条带上的内容向上或向下移动。在动态模式下， 用户可以从针对条带的自动移动的诸如弹出菜单之类的菜单中选择速度。 在后一个实施例中，系统被配置为使得条带的内容连续轮换以变为对用户 可视。图4B图示了表示区域302的水平条带302b。如图所示，仅仅完整可以通过滚轮、方向键(向上、向下、向左和/或 向右滚动)、或相关领域技术人员所公知的其它合适的用户输入设备手动 地访问完整内容。或者，可以按由用户偏好或者条带内将要显示的素材类 型或者两者确定的速度来自动地进行滚动。例如，包含项目列表的菜单可 以被设置为比诸如新闻文章之类的用于阅读的文本块更快地滚动。根据本发明的实施例也可以对所选择区域的经过渲染的图像进行增强 以用于呈现给用户。图5A和5B是图示出根据本发明一个实施例的通过数学函数来进行的 转换的示图。图5A图示出了区域306所表示的内容的球面化转换306c。 该转换技术很像放大镜的效果，其中，经由针对页面一部分的典型放大镜 再现而有改进。该转换在概念上等同于拿起与屏幕平行的平面网页，在其 后放置一球体并且通过该球体向用户眼睛方向推动页面。页面的中央被扭 曲且被有效放大而背景保持平面。这种描述是例示性的而非限制性的，例 如，垂直轴之一可以大于其它垂直轴，以容纳非正方形状的所选择区域或 条带，如图5A所示。在这种情况下，放大后的经转换部分不是真正的球 面，而是扁圆球面。图5B图示了相同的转换对地图的应用。由于所选择的参数，页面的 中央与边缘相比没有很多的放大，但是你看起来却更大，这是因为映射到 球体边缘的部分被压縮了。这种转换具有这样的优点可以容易地阅读中 央，充分地阅读边缘，但是中间部分(即，接近球体的边缘)却并非如 此。这与普通的放大镜不同，这是因为效果包括平面的一些部分的压縮外 加其它部分的放大。因而避免了由放大镜边缘处的突然截断导致的视觉伪 像(例如，内容丢失)。在另一个实施例中，用户可选择的半径和偏移参数提供了显示屏幕呈 现的变化。将半径设置为较小值同时具有较大的偏移量(即，将球体推挤 页面很多)提供了非常锐利(steep)的边。大半径加上小偏移量提供了柔 和的边和较小的压縮。如果使边变得太过锐利，则页面一部分的可视性可 能会受损害。在一个实施例中，选择偏移量的适中设置以避免在球体与表 示页面或地图的其余部分的平面之间的突然接合处的球体边缘附近产生的"锯齿"伪像。图6A和6B是图示出根据本发明一个实施例的通过数学函数来进行的转换的示图。图6A图示出了一种转换，其中，页面600的外围604被压 縮，而页面图像的中央部分602处于正常大小或被放大。图6B图示出了 这样的页面600,其中，为了图示清楚起见，在没有图像和文本的情况下 识别出中央部分602和外围604。这种转换技术提供了例如适合阅读的可 视且易读的区域602。其还提供了经过压縮且不容易阅读的外围区域。但 是，外围区域602提供了一些上下文以帮助用户识别他处于网页内的哪 里。优选地，给予用户手动滚动控制，以在垂直和水平方向上滚动页面。 虽然这里针对滚动整个网页来图示，但是滚动技术描述(即，上下和左右 两者)同样适用于在本说明书中早先描述的条带或区域。图7A和7B图示了根据本发明一个实施例的另一个转换技术。图7A 图示了应用于便携设备上的网页以相对于外围区域放大页面区域的数学转 换。便携设备700包括显示屏幕702和用户输入设备704，该用户输入设 备704允许用户左右和上下地滚动所显示的页面部分。本发明的范围意图 应用任何转换，所述转换包括但并不限于以下这些模仿页面的中央部分 从页面突出或者陷入页面。示例性的非限制性的实施例包括应用凸出转换 和凹入转换。图7B还图示了阴影效果以模仿所示出的页面为三维的。这些操纵和转换技术希望是例示性的而非限制性的。优选地，逐个区 域地执行操纵技术。即，利用任何操纵技术来修改第一区域，并且利用任 何可用的操纵技术来修改第二区域。这为用户提供了更大的可视性选择。图18是图示出根据本发明一个实施例的分割和增强网页的方法的流 程图。处理从操作1S02开始。接下来，在操作1804对网页进行检索、存 储和渲染。这里，与网页相对应的计算机代码的内容被翻译以准备与标记 语言或者用网页标识的其它计算机代码相对应的图像。接下来，在操作1806中，优选地通过图像处理技术来分析与网页的 计算机代码相对应的所渲染图像，以识别相干区域。即，图像分析将生成 与网页相对应的相干区域的集合。接下来，在操作1808中，各个所识别 区域被与刷新该区域所需的相应标记语言代码相关联。应当了解，将原始网页标记语言(例如，HTML代码)与各个所识别区域相关联在所有实施例中都并不是必须的。即，可以在不求助于HTML代码的情况下识别、操 纵(以某种方式来增强)和刷新与所识别的区域相对应的图像。但是，将 代码与所识别的区域相关联将提供几个优点，这些优点包括在文本和图像 的呈现时允许互动链接到其它网页和更多的选项。例如，在几个实施例 中，可以对文本进行重新格式化以适合较窄的窗口，从而避免用户的左右 滚动。为了呈现定制网页，在操作1810中，选择将要刷新的至少一个区 域。将要刷新的区域的选择可以是在其自身中的过滤形式。例如，经过分 析以识别相干区域的页面可能得到10个分立的区域。在完整大小的屏幕 可用的情况下，如果那些区域中的一个或多个被视为不需要，则或许可以 选择那些区域中的8或9个以用于在经过刷新的显示器上呈现。在较小的 显示屏幕的情况下，区域的选择由于大小限制和可视性权衡而将等于或接 近于单个区域或最少量的区域。因此，在应用中，可以通过对区域的可视 性的要求来启动选择，并且在其它方面过滤讨厌的素材。接下来，在操作1812中，所选择的一个或多个区域被增强。增强可 以采取各种形式，这些形式包括但不限于相对于相邻区域重新定位所识 别的区域，操纵区域的大小(例如，放大或縮小)，针对与所识别的区域 相关联的内容来实现时间元素(例如，滚动)，以及对区域进行重整形。 可以应用于所识别区域的增强的具体非限制性的示例包括垂直方向上的手 动滚动、水平方向上的手动滚动、垂直和水平两个方向上的手动滚动、垂 直方向上的自动滚动、水平方向上的自动滚动，对区域进行放大、縮小、 组合放大和縮小，使用非线性转换将区域隔离成焦点和上下文区域，对区 域应用球面化，以及对一个或多个区域中的文本和图形应用新的色彩模 板。当多个区域被选择用于经过刷新的显示时，优选地对不同的区域独立 地应用增强。即，例如，可以滚动一个区域，而对另一个区域进行放大， 同时将修改又一个区域的形状。接下来，在操作1814中，优选地通过被配置用于翻译或渲染经过增 强的标记语言的浏览器来刷新所识别的区域。在优选实施例中，与所选择 的增强区域相对应的标记语言被修改，从而允许使用标准浏览器。通过这种方式，使得网页既适合用户的兴趣又适合显示网页的设备的限制。处理 在操作1816处结束。以下实施例描述了便携设备，该便携设备被配置用于增强网页，并增 强控制菜单、媒体内容、以及与设备的非网页功能相关的其它列表的显 示。 一般而言，在以下实施例中，描述涉及增大便携数字娱乐设备的有效 屏幕区域以使得可以在有限大小的显示屏幕上观看项目列表中的更多项目 的方法。应当了解，这些增强技术不仅对增强控制菜单和来自便携播放器 媒体库的媒体项目列表的呈现很有用，而且还对增强从网页选择的区域或 区段很有效。因此，本发明的实施例通过对网页的所识别相干区域执行以 下所述的转换来增强所识别相干区段的呈现。出于例示目的，以下实施例 中的列表一般地描述内容项目。这些将不应被解释成将本发明的范围限制 于媒体内容项目。本发明的范围包括所有类型的列表和图像，而没有限 制。换而言之，以下描述的增强技术还适用来自网页的文本行、链接(超 链接)列表、图形、和图像，而不希望将本发明的范围限制于所枚举的项 目。在一个实施例中，显示器提供了访问设备存储器中的媒体项目的列 表、或者得自网页的所识别区域的列表、文本、或图像。对显示器的增强 对焦点区域(即，最小失真区域)中的项目提供了比出现在所显示的列表 或区域的上下文区域中的项目或细节更高的可视性。在一个变形例中，列 表或区域被投射到椭圆或刻面表面上。在又一个实施例中，最小失真区被 定位成偏离阅读器的中心线以在某个方向上偏移失真。在又一个实施例 中，失真区是动态的，根据滚动方向或滚动速度来向上或向下滚动。在又 一个实施例中，至少一个所识别区域的增强包括改变由刻面表面模仿的椭 圆度或曲率以匹配用户手动滚动的速度或者自动滚动速度。在一个实施例中，提供了以增加可视项目的数目同时保持它们的可视 性的方式、在屏幕上显示项目列表的装置。虽然项目列表可能很长，但是 在任何时间仅仅列表的一部分在屏幕上可视。如果列表被想象成位于一张在一窗口之后拉开的平面纸上，参见图8，则通过窗口 804的示图表示将 在屏幕上看到的。图8图示了滚动列表802，该滚动列表802可以被视为其上具有项目的、在一窗口之下拉开的一张长条纸。根据传统方法，任何 时间可见的项目数目是通过将屏幕高度除以组成列表的项目高度来确定 的。这种列表呈现被称为平面，并且是标准显示方法，如图9所示。图9按侧向投影图示了观察者902、屏幕904、和平面列表906的表 示。观察者沿视轴908査看显示了列表的一部分的屏幕。屏幕可以被视为 在列表的一部分上的窗口。如果纸张列表现在被想像成包覆在弯曲的物体上，其中，该物体的曲 率直径约等于屏幕高度，则将获得列表的不同视觉效果。列表的弯曲使得 在窗口的顶部和底部的项目比接近中心的那些项目占据较小的屏幕量。列 表的曲率可以被描述成遵循任何表面，例如包括圆形或椭圆形表面。在一 个实施例中，如图10所示，列表的曲率遵循圆形。图10图示了观察者1002、屏幕1012、和圆形列表1006的表示的侧 面投影。观察者沿着视轴1008查看显示了列表的一部分的屏幕1004。列 表被弯曲成圆形形状，这相对于屏幕高度增大了其周长大小。弯曲列表被 投影到屏幕1004上，从而得到列表的可视区域的非线性弯曲变形。这幅 图表示示出了观察者、显示了列表的屏幕、和好像通过屏幕观看的列表的 明显弯曲的侧视图。通过屏幕可视的半圆的周长1010由下式给出p = s * 7f / 2其中，s是屏幕1012的高度。通过将列表包覆在直径d等于屏幕高度 的圆上，通过窗口 1012可视的列表的量是平面表示的tt/2 (或者约为 1.5)倍。当通过窗口或者在屏幕上观看时，列表好像是平面的，但是其上 具有更多的可视项目。如果添加阴影效果，则弯曲列表看起来是三维的， 并且添加了列表确实弯曲起来的假象。图11对平面列表和弯曲列表进行比较。在平面列表图IIA上可以看 到项目l到9，而在弯曲列表图IIB上可以看到项目1到13，这几乎是原 来的1.5倍。弯曲列表上的阴影使得其看起来是三维的。可以通过用朗伯 (Lambert)余弦定律近似光照效果来计算合适的阴影i = k cos⑨其中，i是阴影的亮度，k是常数，并且0是曲面法线和照射方向之间的角度。更多细节可以在以下参考文献中找到Computer Graphics, James D. Foley, Andries van Dam, Steven K. Feiner, John F. Hughes; Addison-Wesley Professional; 2 edition (August 4, 1995)。很清楚，实际屏幕空间并没有增加，但是如图IIB所示，将弯曲表面 精确地投射到屏幕上使得图像弯曲，这以对眼睛而言舒适且自然的方式增 加了可视项目的数目。所施加的弯曲因为其沿滚动轴变化所以是非线性 的，这使得接近屏幕边缘的项目小于在中心的项目；项目宽度(假设垂直 滚动)基本上不受弯曲影响，因为如果项目被弯曲，则其变得很难阅读。 应当注意，这种效果并不限于手动或自动滚动的屏幕。相同的效果在呈现 链接列表、诸如新闻文章中的文本之类的文本方面，或者甚至对图像而言 会是很有利的。在后一种情况下，在顶部或底部附近显示的像素将示出比 中心的像素更大的压縮。在通常情况下，显示器处理包括渲染平面列表，并在随后根据所需曲 率来对其进行弯曲。过滤应当在弯曲期间应用，以减少由被丢弃的一些信 息导致的混叠(aliasing)伪像。文本的高频率内容使得其尤其容易受混叠 的影响。过滤可能局限于下述轴，弯曲是沿着该轴来施加的。合适的过滤 器包括双线性的、立方的、或者高阶过滤器；更多细节可以在以下参考文 献中手戈至U:' Reconstruction Filters in Computer Graphics; Mitchell, Netravalt; Computer Graphics Vol. 22， Number 4, August 1988。还可以将渲染和弯曲这 两个阶段组合成一个步骤，在这种情况下，列表项目被按它们的弯曲形式 来渲染。这种替代方法具有减少完成显示所需的分立阶段的数目的好处， 但是使渲染操作复杂化了。弯曲列表以使得其看起来像是包覆在弯曲表面上，这不仅仅使得更多 项目可视，而且还通过显示器给予滚动自然的旋转外观。当滚动被触发 时，可以简单地立即将下一项目移动到位，但通过在弯曲表面上平滑地滑 动列表可以看到更加舒适的效果。在另一个实施例中，列表曲率遵循椭圆的形状。如图12所示，椭圆 可以按照长轴和短轴来限定。特别地，图12图示了观察者1202、屏幕 1204、和椭圆列表1206的表示的侧向投影。观察者1202沿视轴1203观看显示了列表的一部分的屏幕1204。列表1206沿着椭圆弯曲，这相对于圆 形而言增大了其周长大小，因而增加了可视项目的数目。如果长轴和短轴(1209、 1211)长度相同，则形状为圆形。当长轴1209变得比短轴1211 长时，椭圆1215的偏心度(eccentricity)增加；当偏心度增加时，在屏幕 1204上可视的椭圆1215的周长增加，因此可视项目的数目也增加(参见 图13)。图13特别图示了当椭圆的偏心度增加时，其周长也增加，从 而使得列表的更多部分可视。椭圆的圆周或周长难以精确计算，但是有用的近似值为; 42(a2 + 62) - (")2 / 2}其中，p是周长，a是长轴，并且b是短轴。因此，作为表面上的屏幕 高度和实际屏幕高度的比率来给出的表面屏幕空间的增加为屏幕高度比率《 42(fl2 + (s/2 )2) — (a—0 / 2))2 / 2} / 2其中s是屏幕高度。其中，对于圆形而言比率是1.57，对于长轴为短 轴的两倍的椭圆形而言比率是2.42，这意味着在这种形状的椭圆形上可以 显示在平面表示上的2.42倍那么多的项目。但是，尽管可视项目数目增加 了，但是中心项目的大小基本上不变，因此很容易识别。项目被放置得越 远离视轴，它们就遭受越多的失真，并且越难以识别。在另一个实施例中，圆或椭圆的平滑曲面可以用表示曲面的分段近似 的刻面来代替，例如图14所示的。当刻面1420变得更大时，曲面看起来 不再平滑，但是表面上增加的屏幕空伺的相同效果依然保持。极端地，曲 面可以减少到仅仅三个刻面，如图15所示，其中，可以对上表面和下表 面(1521、 1522)施加弯曲效果，这使得项目朝屏幕1504的顶部和底部 的方向变小，而在中心表面1523上的项目保持近似正确大小。总体而 言，图14图示了可以用刻面而不是连续曲面来表示弯曲表面。图15图示 了在仅仅三个刻面上可以再现类似效果。本领域技术人员将认识到，曲率直径并不需要与屏幕高度相匹配，并 且如果直径大于屏幕高度则将看到更加平坦的曲率，其中在边缘处具有较 小的失真。在其它实施例中，使用与椭圆不同的曲面作为弯曲图像的基 础。在如图10-15所描述并图示的优选实施例中，显示在屏幕中心的项目 具有最小的失真，以保持它们最清楚可见。在另一个实施例中，最小失真 可以被布置为偏离中心线，以在某个方向上偏移失真。图16图示了椭圆1615可以旋转偏离视轴1608。图16示出了经过旋 转以将最小失真朝显示屏幕1604的顶部方向定位的椭圆1615。如果列表 1606被向上滚动，则如图所示将椭圆1615朝顶部旋转将最大化在其下方 的可视项目的数目，这可以给予接近目标项目的提前警告。曲面的旋转通 过用户界面的设计可以固定，或者可以是动态的，根据滚动方向和速度来 向上或向下旋转。在又一个实施例中，列表1606的弯曲程度可以与滚动 速度相链接。例如，更快的滚动可以使得曲率增加以使更多项目可见。在另一个实施例中，曲面的直径可以大于屏幕大小，但是曲面的中心 将从屏幕中心偏移。很大的椭圆可能从视轴偏移，以给予更多关于被滚动 进入视野的项目的警告。图17示出了很大的椭圆1715，该椭圆1715已经 被偏移以使得非失真区域接近于屏幕1704的顶部。这种布局对于被向上 滚动的列表而言是合适的，因为该屏幕给予出现在屏幕底部的那些项目最 大的可视性。曲面从中心的偏移量可以受滚动方向和速度的影响。以上的实施例全部描述了项目列表的垂直滚动。本领域技术人员将会 认识到，相同的技术可以应用于列表的水平滚动，并且列表毫无限制地可 以包含诸如超文本链接之类的链接、包括名称的文本、包括照片的图像、 和控制菜单选项。应当了解，本发朋的范屈将包括用于显示列表内的项目的其它装置和 技术。出于例示目的，项目列表一般地描述成了文本项目的列表。本发明 的范围意图扩展至与文本项目相关联的任何内容，包括但不限于通过用户 界面可以访问的音频文件、视频文件、其它媒体文件、和诸如菜单选项之 类的控制项目。特别地，与音频文件相关的文本项目包括标题、艺术家、 类型、专辑、或者任何其它用于导航到曲目的元数据，例如(特别但并不 仅仅)在便携媒体播放器中访问的那些内容项目，便携媒体播放器例如是 具有多条所存储或从播放器可访问的曲目的音频MP3播放器。此外，所述 范围意图扩展至至少是在列表中利用图标或其它非文本标识手段来表示的相同内容项目。
虽然，出于清楚理解的目的，已经相当详细地描述了本发明，但是显 然，在所附权利要求的范围内可以进行特定的改变和修改。因此，这些实 施例应当被视为是例示性的而非限制性的，并且本发明并不局限于这里所 给出的细节，而可以在所附权利要求的范围和等同物内进行修改。
权利要求
1.一种修改网页的呈现的方法，该方法包括接收网页；对所述网页的图像进行分析以识别多个相干区域；以及选择所述多个相干区域中的至少一个以用于在显示屏幕上呈现。
2. 如权利要求1所述的方法，还包括在刷新所述网页时增强所述多 个区域中的至少一个。
3. 如权利要求1所述的方法，其中，分析所述图像包括图像处理技术。
4. 如权利要求1所述的方法，还包括将所述多个相干区域中的每一个映射到所述网页的相应的标记语言代码部分。
5. 如权利要求4所述的方法，还包括使用浏览器来呈现经过刷新的 网页，以渲染多个所识别区域的标记语言代码。
6. 如权利要求5所述的方法，其中，在刷新时，所述多个区域中的 至少一个被增强。
7. 如权利要求6所述的方法，其中，所述增强包括与对应于所述区 域的数据的第二部分相关地、时间上顺序地呈现对应于所述区域的数据的 第一部分。
8. 如权利要求7所述的方法，其中，所述呈现包括在所述显示屏幕 的窗口中滚动与所述区域相关联的数据。
9. 如权利要求7所述的方法，还包括提供用于控制所述滚动的速度 的用户控制参数。
10. 如权利要求7所述的方法，其中，所述滚动的方向是水平的，并 且其中，显示了所选择的区域的所述显示屏幕的窗口是水平的。
11. 如权利要求6所述的方法，其中，所述增强是一种转换，该转换 包括以正常的大小和比例来呈现所述区域的中央部分，并且其中，所述区 域的外围被压縮。
12. 如权利要求6所述的方法，其中，所述增强是一种转换，该转换包括以与扁圆球形状相对应的放大率来呈现所述区域的中心部分。
13. 如权利要求6所述的方法，其中，所述增强是一种转换，该转换 包括连续地滚动呈现在所述区域中的信息。
14. 如权利要求6所述的方法，其中，所述增强是一种转换，该转换包括以最小失真的方式来呈现所述区域的焦点部分并在所述焦点区域的外 部提供上下文区域，所述上下文区域是通过对所述区域应用非线性弯曲来 生成的。
15. 如权利要求14所述的方法，其中，所述焦点部分相对于所述经 过刷新的区域的中心不对称。
16. —种用于处理网页的方法，包括 接收与网页相对应的数据； 对所述数据进行渲染以生成图像；应用图像处理技术，以从所述图像中识别多个相干内容区段； 将所述多个相干内容区段映射到与所述网页相关联的多个计算机代码区段中的各个；以及通过对所述多个计算机代码区段中的至少一个进行重新格式化来刷新所述网页。
17. 如权利要求16所述的方法，其中，在经过刷新的显示中重新定 位至少一个所述相干内容区段。
18. 如权利要求16所述的方法，其中，所述重新格式化包括放大、 球面化、縮小、和动态滚动之一。
19. 一种修改网页的呈现的方法，所述方法包括 将网页的标记语言代码翻译成经过渲染的图像呈现； 使用图像处理将所述经过渲染的图像呈现分割成多个区域； 将所述多个区域中的至少一个指派给在出现在显示器上的经过刷新的图像中的窗口；以及对所述显示器上的网页进行刷新以生成具有至少一个窗口的图像。
全文摘要
提供了一种过滤网页或其它计算机文件的方法。对网页进行分析并将其分割成多个区域或区段。选择这些区域中的至少一个用于显示。对所选择的区域进行操纵以增强网页的优选区域的可视性。在一个实施例中，操纵包括根据所选择的数学转换来呈现页面图像。
文档编号G06F17/00GK101331473SQ200680046349
公开日2008年12月24日 申请日期2006年12月6日 优先权日2005年12月7日
发明者尼克·墨菲, 廖钟福 申请人:三维实验室公司