带有集成浏览器的媒体管理器的制作方法

专利名称：带有集成浏览器的媒体管理器的制作方法
技术领域：
本发明总体上涉及媒体管理。更具体来说，本发明涉及浏览媒体 内容。更具体来说，本发明涉及使用其操作被同步的多个浏览器来浏 览媒体内容。
背景技术：
个人计算机通常包括用于对诸如音乐和视频的各种媒体进行管 理的媒体管理程序。媒体管理程序通常采用图形用户界面，该图形用 户界面允许用户对他们的媒体进行播放、排序、修改、存储以及编制 目录。图形用户界面通常包括允许用户浏览和选择特定媒体轨道的基 于文本的浏览窗口 。媒体管理程序还可以与在线媒体库相链接以使得 可以购买并向个人计算机传送新媒体，以及随后由媒体管理程序管理
该新々某体。媒体管理程序的一个示例是由Apple Inc. of Cupertino, CA
制造的iTunes(TM)。
尽管单个基于文本的浏览窗口是足够的，但是仍然期望用于浏览 媒体项目的改进方法和系统。例如，单个浏览窗口对于希望在给定时 间浏览一个以上媒体组的用户来说可能有局限性。此外，在某些情况 下，在浏览许多行文本时，寻找期望的媒体项目会很困难。因此，期 望用于浏览媒体项目的改进方法和系统。

发明内容
在一个实施例中，本发明涉及一种由媒体应用程序产生的图形用 户界面。该图形用户界面包括由媒体应用程序产生的应用窗口。该应 用窗口同时包括第一浏览窗口和第二浏览窗口。所述第一浏览窗口以 类似于浏览器的方式显示与媒体文件有关的描述信息。所述第二浏览窗口以类似于浏览器的方式显示与一个或更多个媒体文件相关联的图 像。当在所述第一浏览窗口和所述第二浏览窗口中进行选择时，使所 述第一浏览窗口和所述第二浏览窗口中示出的内容自动同步。
在另 一实施例中，本发明涉及一种操作集成浏览器窗口的方法。 所述方法包括提供第 一浏览器窗口和第二浏览器窗口 。这些浏览窗口
中的每一个都提供不同的媒体内容浏览方式。所述方法还包括当在 所述第二浏览器窗口中选择了媒体内容时，使所述第 一浏览器窗口与 所述第二浏览器窗口同步。该方法还包括当在所述第一浏览器窗口 中选择了内容时，使所述第二浏览器窗口与所述第 一浏览器窗口同步。
在另一实施例中，本发明涉及一种操作集成浏览器窗口的方法。 该方法包括呈现第一浏览器窗口和第二浏览器窗口。所述第一浏览器 窗口包含媒体轨道的列表。所述第二浏览器窗口包含图像组。该方法 还包括根据导航命令在第一浏览窗口的查看区上移动媒体轨道行。该 方法还包括显示与所选媒体轨道相关联的媒体文件。该方法还包括确 定与所选媒体轨道相关联的图像。此外，该方法包括基于所选媒体轨 道更新第二浏览器窗口的图像。
在另一实施例中，本发明涉及一种操作集成浏览器窗口的方法。 该方法包括呈现第一浏览器窗口和笫二浏览器窗口 。第一浏览器窗口 包含媒体轨道的列表。第二浏览器窗口包含图像组。该方法还包括根 据导航命令在查看区上移动图像。该方法还包括确定与所选图像相关 联的媒体轨道和媒体轨道的顺序。该方法还包括播放与排序后的媒体 轨道组中的第一个媒体轨道相关联的媒体文件。此外，该方法包括基 于所述选择更新第一浏览器窗口 。
在另 一 实施例中，本发明涉及一种操作集成浏览器窗口的方法。 该方法包括播放媒体文件和提供更新后的第 一浏览器窗口和第二浏览 器窗口。第一浏览器窗口包含媒体轨道的列表。第二浏览器窗口包含 与第一浏览器窗口的一个或更多个媒体轨道相关联的多个图像。该方 法还包括在第二浏览器窗口中根据导航命令在查看区上转换 (transition)图像。该方法还包括每当第二浏览器窗口停止转换图像时启动定时器。该方法还包括如果在定时器期间在第二浏览器窗口中已 经作出了选择命令，则关闭该定时器，播放与所述选择相关联的新媒 体文件，然后基于所述选择更新第一和第二浏览器。此外，该方法包
括当定时器结束时，将第二浏览器窗口中的图像转换回与当前正在 播放的媒体文件相关联的图像。


通过结合附图参照以下说明，可以最好地理解本发明，在附图中 图l是根据本发明一个实施例的能够对媒体进行存储、编制目录、
选择和输出的电子装置的简化框图。
图2A-2D是根据本发明多个实施例的能够浏览图像的浏览窗口
的各种图。
图3是根据本发明一个实施例的媒体应用窗口的屏幕截图。 图4是根据本发明一个实施例的操作多个浏览器窗口的方法。 图5是根据本发明 一 个实施例的操作集成浏览器窗口的方法。 图6是根据本发明 一 个实施例的操作集成浏览器窗口的方法。 图7是根据本发明 一个实施例的操作集成浏览器窗口的方法。
具体实施例方式
本发明总体上涉及改进媒体的播放、排序、修改、存储以及编制 目录的方式的方法和系统。本发明的一个方面涉及允许用户对与媒体 项目相关联的图像进行导航和选择的浏览窗口 。这些图像例如可以是 专辑封面，并且媒体项目可以是专辑中的歌曲。在一个实施例中，可 以将浏览窗口配置成模仿翻页或者翻动盒(bin)中的LP唱片或CD。基 于图像的浏览器窗口可以适合于浏览本地存储在装置中的内容以及浏 览远程存储在在线媒体库中的内容。
本发明的另 一个方面涉及使用多个浏览窗口的媒体管理程序的 图形用户界面。用户因此可以选择他们期望如何浏览媒体内容。在某 些情况下，可以同时显示多个窗口，以使得用户可以在浏览窗口之间来回切换。在一个实施例中，GUI包括允许用户浏览带有可排序字段 的媒体轨道的文本地操作的第一媒体浏览窗口 ，和允许用户浏览与媒 体轨道相关联的图像的第二媒体浏览窗口 。
本发明另 一方面涉及同时显示的多个媒体浏览窗口 ，它们的操作 被集成在一起，以使得在进行选择时其中所示出的内容被自动同步。 用户在一个媒体浏览器中的选择会自动反映在另 一媒体浏览器中。例 如，当在基于文本的媒体浏览窗口中选择媒体轨道时，从基于图像的 媒体浏览窗口中的图像组中自动选择与该媒体轨道相关联的图像。此 外，当在基于图像的媒体浏览窗口中选择图像时，在基于文本的媒体 浏览窗口中自动选择与该图像相关联的媒体轨道。
本发明另 一方面涉及将浏览的内容复位到当前播放的媒体(在某 个延迟之后回到当前播放的专辑)。
以下参照图l-7对本发明的这些和其他实施例进行讨论。然而， 本领域技术人员容易理解，在此针对这些图给出的详细描述是出于说 明的目的，因为本发明超出这些有限的实施例的范围。
图l是根据本发明一个实施例的能够对媒体进行存储、编制目录、 选择和输出的电子装置10的简化框图。电子装置IO例如可以是个人 计算机、PDA、蜂窝电话、媒体播放器等。
电子装置10包括被配置成管理在电子装置10中执行的媒体操作 的媒体控制器12。媒体控制器12可以从各种输入装置接收输入。这 些输入装置例如可以包括鼠标、触摸板、导航板、按钮、触摸屏等。
媒体控制器12还可以与远程媒体库14相交互以获得媒体。媒体 库14是可以购买i某体的地方。远程媒体库例如可以是通过因特网出售 诸如音乐和视频的媒体的再现媒体库。
媒体控制器12还可以配置成播放本地存储在媒体文件系统16或 者远程存储在媒体库14中的媒体，并且控制其通过各种输出装置18 的输出。输出装置18例如可以包括显示器18A和一个或更多个扬声 器18B。作为示例，可以通过显示器18A输出诸如视频的基于图像的 媒体，以及可以通过一个或更多个扬声器18B输出诸如音乐的基于音频的媒体。
媒体控制器12还可以配置成在显示器18A上生成图形用户界面 20。图形用户界面20提供用于对在电子装置上执行的媒体操作进行控 制的易用界面。可以使用本地存储在媒体数据库24中的媒体内容来创 建图形用户界面20。媒体数据库24通常包括对存储在媒体文件系统 16中的特定媒体文件的各个方面进行描述的媒体内容。媒体内容例如 可以包括与特定媒体文件相关联的描述符和图像。作为示例，在歌曲 的情况下，媒体内容可以包括歌曲名、专辑名、艺术家名、时间、流 派、专辑封面、等等。还可以使用在例如媒体库14中远程找到的信息 来创建图形用户界面20。例如，媒体库可以提供由图形用户界面20 使用的媒体内容。
一般来说，GUI 20代表带有图形图像的应用、文件以及操作控 件。这些图形图像可以包括窗口、字段、对话框、菜单、图标、按钮、 光标、滚动条、文件夹、列表、文本等。这种图像可以按预定义版式 来布置，或者可以动态创建以服务于用户进行的特定动作。在操作期 间，用户可以选择并激活各种图形图像，以启动与其相关联的功能和 任务。作为示例，用户可以选择打开、关闭、最小化或最大化某个窗 口的按钮，或者选择启动特定应用的图标。GUI可以附加地或另选地 显示信息，诸如非交互式文本和图形。
根据一个实施例，图形用户界面20包括用于滚动或移动媒体信 息(本地信息和远程信息)的浏览窗口 26。在某些情况下，浏览窗口 26可以包括与特定媒体文件相关联的多行媒体轨道。每个媒体轨道都 包括含有基于文本的媒体数据的各种字段，这些媒体数据与媒体文件 相关联，并且通常来自媒体数据库24或远程媒体库14。基于文本的 浏览窗口允许用户浏览大量媒体轨道和与媒体轨道相关联的信息。浏 览窗口 26可以另选地配置成呈现与特定媒体文件相关联的图像。与基 于文本的媒体数据类似，这些图像也可以来自媒体数据库24或远程媒 体库14。基于图像的浏览窗口允许用户浏览图像，而不是多行基于文 本的媒体轨道。根据一个实施例，图形用户界面20包括多个浏览窗口 26A和 26B。例如，图形用户界面20可以包括基于文本的浏览窗口 26A和基 于图像的浏览窗口26B。通过使用多个浏览窗口 26，用户可以容易地 根据他们的需要来回移动。基本上，用户可以动态地选择他们希望如 何浏览。
才艮据一个实施例，还将多个浏览窗口 26A和26B集成起来，以 提供被浏览内容的一致的视觉表示。如应当理解的，如果浏览器独立 地操作，它们可能变得不同步(不显示关于同一媒体文件的信息)， 并且用户可能不容易知道如何使它们一起返回(它们具有独立的浏览 控件，诸如滚动条)。浏览窗口的集成解决了该问题。通过集成在一 起，当在一个浏览器中作出选择时，另一浏览器被配置成与所述浏览 器自动同步。此外，当在第二浏览器中作出选择时，另一浏览器被配 置成与第二浏览器自动同步。即，两个浏览器的内容同步，因此它们 显示与同一媒体文件相关的内容。这样，用户在浏览器之间来回切换 时不会产生混淆。
图2A-2D是根据本发明数个实施例的能够浏览图像的浏览窗口 50A-D的各种图。浏览窗口 50A-D例如可以在图l的图形用户界面中 使用。在这些实施例中的每一个中，浏览窗口 50A-D提供了一种滚动 型动作，该动作允许用户以高效且用户友好的方式滚动或翻动图像 56。图像56通常图形地描述一个或更多个媒体文件的某些方面。在歌 曲文件的情况下，图像56可以是专辑封面。在音频书文件的情况下， 图像56可以是书封面。在电影文件的情况下，图像56可以是海报画。 在游戏文件的情况下，图像56可以是游戏的封面套。 一旦找到了期望 的图像56，用户就可以选择期望的图像56，以便播放与该图像56相 关联的媒体文件。作为另一种选择，图像56也可以用于打开新窗口或 启动某个应用。
如图所示，浏览窗口 50A-D分别包括查看区52和浏览控件54。 查看区52提供了其中来自一组图像的图像56 (或图标)进入视野和 离开视野的位置。查看区52通常只显示所述图像组中的可用图像56的总数中的一小部分。在大多数情况下，图像56沿跨过查看区52的 路径或线路从一个位置移动到另一位置。该路径或线路可以是直的、 成角度的、曲线的、阶梯形的、波浪形的、或蛇形的等等。沿该线的 位置数量可以大范围变化，并且通常由观看区52的大小、图像56的 期望大小、路径或线路的长度、以及任何时刻要查看的图像56的期望 数量来确定。在某些情况下，图像56可以在带有视觉转换效果 (transition effect)或动画的情况下穿过观看区52移动。也可以使用声 音效果，诸如滴答声或轻拍噪声。
另一方面，浏览控件54提供了用于发起导航命令的位置。在一 个实施例中，浏览控件54包括水平滚动条58。为了移动图像56，用 户只要将标签滚动条(scrolling tab)向左或向右移动。用户还可以点 击左和右箭头按钮60以进行增量单次位置移动(例如每次点击将图像 移动一个位置)，或点住左和右箭头按钮，以进行连续多次位置移动 或加速移动。用户还可以选择标签与箭头按钮之间的区域，以进行单 次大的粗略移动。作为另一种选择或者附加的是，浏览控件54可以包 括位于图像56的侧边的箭头按钮，其与标签滚动条上的箭头按钮类似 地操作。
在大多数情况下，图像56呈现在主位置62和与主位置62相邻 的一个或更多个次位置64上。主位置62是图像56在其要被选择时所 移动到的位置。即，当图像56位于主位置62时，它们可以被选择。 实质上，将图像56放置在主位置62类似于将图像56高亮显示(被选 择但是未被激活)。次位置64是保持位置，并且位于其上的图像56 被锁定而不会被激活。尽管受到数量的限制，但是位于次位置64的图 像56使得用户可以查看位于主图像之前和之后的图像56，从而使得 浏览更容易(用户可以视觉地扫视到哪些图像是感兴趣的图像，哪些 不是)。在某些情况下，用户可以点击位于次位置64的图像，以将它 从次位置64移动到主位置62。实质上，选择位于次位置的图像会导 致其快速移动图像组，直到所选图像最终移动到主位置62。
图像56的版式和配置可以宽范围地变化。在一个实施例中，使得主位置62处的图像56从次位置64处的图像56中突出出来。这可 以通过以下方式来实现改变次图像的形式或将其配置成与主图像不 同，从而(通过调节图像的大小和/或形状)提示用户哪个图像是主图 像并且哪些图像是次图像。附加地或者作为另一种选择，这可以通过 为主位置处的图像加阴影、环绕该图像或者为该图像加下划线的图形 高亮效果来实现。例如，浏览器可以包括主位置62处的图像在跨过查 看区52移动时在其中移动的高亮窗口。附加地或者作为另一种选择， 这还可以通过在主位置62处的图像的下方或上方放置标识符或描述 符来实现。例如，该标识符可以是与该图像所代表的媒体文件相关联 的名称或标题。作为示例，在歌曲文件的情况下，该图像可以是专辑 封面，并且该标识符可以包括艺术家和专辑名。
现在将详细描述图2A-2D。在图2A中，所述路径或线路是水平 跨过查看区52的直线。在移动过程中，图像56作为一组跨过查看区 56从一个位置水平移动到另一位置。当用户发起左导航命令时，会在 查看区52的左位置处出现新图像56，并且所有其他图像56都移动一 个位置。如果查看区是满的，最右边的图像56移出查看区52。类似 的是，当用户发起右导航命令时，会在查看区52的右位置处出现新图 像56，并且所有其他图像56都移动一个位置。如果查看区是满的， 最左边的图像56移出查看区52。这使得用户可以查看当前保持在查 看区52之外的连续图像。此外，使次位置64中的图像56比主位置 62中的图像56小。在浏览过程中，当图像56从主位置62移动到次 位置64时，图像56的大小减小，而当图像56从次位置64移动到主 位置62时，图像56的大小增大。
图2B与图2A的类似之处在于图像56跨过查看区52水平移动。 但是，与图2A不同，使次位置64处的图像56看起来好像它们层叠 起来，而不是如图2A中那样在空间上分开。这使得可以呈现更多图 像。在该实现方式中，每个接连的次图像都部分地落在前一图像之下， 从而留出暴露的边沿部分57。暴露部分57可以提供使用户识别该图 像的足够的可视信息。暴露的边沿部分57还可以包括基于文本的信息。在浏览过程中，当图像56从主位置62移动到随后的次位置64 时，将图像56再配置成部分暴露的边沿部分57，而当图像56从次位 置64移动到主位置62时，将图像再配置成全图像视图。对图像进行 动态地再配置，或者可以将它们连同全视像一起存储在媒体数据 库中。
图2C与图2B的类似之处在于图像56跨过查看区52水平移动 并且层叠在一起，以使得可以呈现更多图像56。但是，与图2B不同， 紧临主图像的次图像呈全视图，而落在前一图像下方的每个连续的次
图像是部分视图。
此外，次位置64处的图像可以倾斜，以使得它看起来好像图像 从前景延伸到背景(3D效果)。该效果可以如下地产生将左边的次 位置中的每个图像的右上角放低并且将右下角抬高，并且将右边的次 位置中的每个图像的左上角放低并且将左下角抬高。在浏览过程中， 当图像56从主位置62移动到次位置64时，将图像56倾斜，并且当 图像56从次位置64移动到主位置62时，图像56变为正常。
此夕卜，图像56可以包括从图像56的底部向下延伸的反射部分66。 反射部分66可以通过以下方式来产生生成图像的拷贝、对图像的拷 贝进行裁剪(例如缩短)、垂直翻转裁剪后的图像、将翻转后的图像 的透明度从顶部处的半透明改变成底部处的全透明(例如梯度)、然 后将翻转后的图像的顶部接合到图像的底部。然后，该组合可以如上 所述地倾斜。可以将图像56放置在黑背景上，以进一步辅助反射效果。
类似于图2C，图2D包括层叠并倾斜的图像。然而，与前述实施 例不同，图2D包括图像56绕其旋转的椭圆路径。这样，可以在查看 区52中找到所有图像56。该实施例有点类似于旋转式名片架 (rolodex)，其中，页面绕着枢轴翻转(例如，虚拟rolodex)。而 且，在本实施例中，存在两张全尺寸中央图像，其中一张是主图像， 一张是次图像。
此外，将这些图像56配置成看起来好像它们位于一个虚拟平面 上，所述两张中央图像出现在前景中，而次位置处的其余图像渐变到背景中(好像它们在后方并且从前方位置上的图像渐变到消失点)。
该效果可以通过以下方式实现当图像56位于次位置时，将它们的尺 寸减小，并且图像离所述两个前方位置越远，就使图像56变得越来越 小。
当遵循这些规则时，在主位置位于路径上的最高点时，会产生虫 眼视野(观察者的视角低)，而在主位置位于路径上的最低点时(如 图所示)，会产生鸟眼视野(观察者的视角升高了 )。可以通过改变 椭圆路径的高度来调节虫眼视野或鸟眼视野中的视野深度。较大高度 的椭圓路径会产生较大的视野深度，较小高度的椭圆路径会产生较小 的视野深度。
在操作过程中，将图像56配置成沿线从一个预设位置移动到下 一预设位置。例如，当接收到导航命令时，将所有媒体图标都移动一 个位置。即，它们作为一组沿线移动，并且在它们全部移动到下一预 设位置时停止。如果导航命令是左命令，媒体图标通常以逆时针运动 绕着线转动。如果导航命令是右命令，媒体图标通常以顺时针运动绕 着线转动。
图3是根据本发明一个实施例的媒体应用窗口 IOO的屏幕截图。 将应用窗口 IOO配置成允许用户对他们的媒体进行播放、排序、修改、 存储以及编制目录。作为示例，应用窗口 IOO给予用户如下能力控 制回放、搜索内容、将媒体组织成文件夹(例如播放列表)、编辑文 件信息、记录媒体、传送媒体、通过例如因特网购买媒体、提供与正 在播放的媒体有关的反馈、和将媒体编码或代码转换成不同格式等。
如图所示，应用窗口 100的边界包括诸如软按钮和滑块的媒体回 放控件102。媒体回;^丈控件102通常取决于正在播放的媒体，因此可 以广泛地变化。在音乐的情况下，例如，边界可以包括音量滑块和用 于前一个、播放/暂停以及后一个的软按钮。应用窗口 100的边界还可 以包括提供与正在播放的媒体有关的信息的反馈窗口 104。例如，在 音乐的情况下，反馈窗口可以包括艺术家、歌曲名以及播放持续时间。 应用窗口 100还包括菜单窗口 106，其包括诸如库文件夹、存储文件夹以及播放列表文件夹之类的东西。菜单窗口 106还可以包括用于连 接到在线音乐库的链接。
根据一个实施例，应用窗口 100还包括一对链接的浏览器窗口 110和112，其中每一个都提供了不同的浏览媒体内容的方式。由于它 们相链接，在各浏览器窗口中提供的媒体内容是相关的并且往往是并 行的。这样，应用窗口 IOO看起来不是脱节的，因此提高了用户体验。
在一个实施例中，浏览器窗口 IIO和112以如下方式相链接在 一个窗口中的选择会影响另一个。例如，在第一浏览器窗口 110中显 示的内容与在第二浏览器窗口 112中已选择的内容自动同步，并且在 第二浏览器窗口 112中显示的内容与在第一浏览器窗口 IIO中已选择 的内容自动同步。
如图所示，将第一窗口 110配置成在特定文件夹被选择或打开时 显示该特定文件夹的内容。可以将该内容显示成以垂直列表格式放置 的媒体轨道114。每个媒体轨道114都关联或链接到特定媒体文件。 例如，每个媒体轨道114都可以代表特定歌曲或视频文件。每个媒体 轨道114都可以包括含有与该媒体轨道代表的媒体文件有关的基于文 本的数据的多个可排序字段。基于文本的数据可以包含在媒体数据库 中并从媒体数据库中取出。为了进行排序，选择特定标题字段，然后 基于所选择的排序字段对媒体轨道114的顺序进行再配置。为了打开 或播放与媒体轨道114相关联的媒体文件，高亮显示并且选择媒体轨 道114。
第一窗口 110还可以配置成带有水平滚动条116，以使得可以查 看所有字段，并且还可以带有用于移动媒体轨道行的垂直滚动条118。 例如，为了移动各行媒体轨道114，用户只要向上或向下移动滚动标 签。用户还可以点击滚动标签的上和下箭头按钮以进行增量单次位置 移动(例如，每次点击会将轨道移动一个位置)，或者按住滚动标签 的左和右箭头按钮，以进行连续多次位置移动或加速移动。用户还可 以选择标签与箭头按钮之间的区域，以进行单次大的粗略移动。
媒体文件例如可以对应于歌曲、电影、TV秀、播客(podcast)、无线电台、游戏等。此外，基于文本的媒体数据可以是描述特定媒体 文件的某些方面的元数据。在歌曲文件的情况下，元数据可以选自歌 曲名、时间、艺术家、专辑、流派、分级、播放计数、最后一次播放 等。类似的是，对于电影文件，元数据可以选自电影标题、持续时间、 演员、导演、制片人、分级、类型等。
另一方面，第二窗口 112提供了其中用户可以浏览一组图像120 的位置，每一个图像120都链接到一个或更多个媒体文件。类似于第 一窗口 110的基于文本的媒体内容，可以将图像120分配给特定媒体 文件。图像120通常描述一个或更多个媒体文件的某些方面。在歌曲 文件的情况下，图像120可以是专辑封面。在音频书文件的情况下， 图像120可以是书封面。在电影文件的情况下，图像120可以是海报 画。在游戏文件的情况下，图像120可以是游戏的封面套。
在一个实施例中，图像组120基于第一浏览窗口中的媒体轨道 114。即，在第二浏览窗口 112中只呈现与第一浏览器窗口 110的打开 文件夹中的媒体轨道114相关联的图像120。它们可以类似于第一浏 览器窗口 IIO被排序，或者它们可以遵循固定的分类准则，如按字母、 类别、分级、和/或类型等。在另一实施例中，在图像组中没有一个图 像120是冗余的。例如，如果多个轨道具有相同的图像，则在图像组 中只包括单个图像。应当明白，这些不是限制性的。例如，可以在图 像组中提供冗余图像，如果希望这样的话。在像这样的情况下，浏览 器112可以努力防止冗余图像在图像组120中被并排放置。
在第二窗口 112中，显示来自图像组的多个图像(或图标)120， 并允许它们在查看区122上水平移动。查看区122通常只显示图像组 中的可用图像120的总数中的一小部分。在大多数情况下， 一旦查看 区122已满，则每个新图像120会在查看区122的边沿出现，而所有 其他图像120移动一个位置。即，新图像120替代移出查看区122的 每个图像120。这允许用户查看当前保持在查看区122外部的连续图 像120。 一旦找到了期望的图像，用户就可以选择该期望的图像120 以播放与该图像120相关联的媒体文件。在所例示的实施例中，将图像120呈现在中央主位置124和中央 主位置124的左边和右边的一个或更多个次位置126中。如前所述， 主位置124是图像120在将要被选择时移动到的位置。另一方面，次 位置126是允许用户查看主图像之前和之后的图像120的保持位置， 从而使得浏览更容易(用户可以可视地扫视哪些图像是感兴趣的，哪 些不是)。在所例示的实施例中，在中央主位置124的左边和右边存 在8个次位置126。
第二窗口 112还可以配置成带有用于移动图像120的水平滚动条 119。例如，为了移动图像120，用户只要向左或向右移动滚动标签。 用户还可以点击滚动条119的左和右箭头按钮以进行增量单次位置移 动(例如，每次点击会将轨道移动一个位置)，或者按住滚动条119 的左和右箭头按钮，以进行连续多次位置移动或加速移动。用户还可 以选择滚动条119的标签与箭头按钮之间的区域，以进行单次大的粗 略移动。在大多数情况下，用户可以点击次位置126上的图像120， 以将它从次位置126移动到主位置124。实质上，选择位于次位置126 处的图像120会导致快速移动图像組，直到所选图像120最终移动到 主位置124。
当用户发起左导航命令时，会在查看区122的左位置出现新图像 120，并且所有其他图像都移动一个位置。如果查看区122已满，则最 右边的图像120会移出查看区122。类似的是，当用户发起右导航命 令时，会在查看区122的右位置出现新图像120，并且所有其他图像 120都移动一个位置。如果查看区122已满，则最左边的图像120会 移出查看区122。
图像120移动的位置数量通常取决于导航命令。当接收到单个位 置导航命令时，所有图像120都移动一个位置。即，它们作为一组线 性地移动，并且在它们全都移动到下一位置时停止。例如，如果接收 到右导航命令，从查看区122移除最左边的图像120，其余图像120 向左移动一个位置，并且在最右边的位置引入新图像120(对于左导 航命令，反之亦然)。当接收到多个位置导航命令时，所有图像120都移动由该多个位置导航命令表示的位置数量。即，它们作为一组移 动，并且在它们全部移动了合适数量的位置时停止。当用户希望加速
浏览图像120时，这种类型的导航是有利的。在某些情况下，提供可 视转换效果或动画，以可视表示加速滚动。
在一个实施例中，在位于主位置124的图像120的下方或上方设 置图像120的基于文本的标识符130。例如，与图像120代表的媒体 文件相关联的名称或标题。作为示例，在歌曲文件的情况下，图像可 以是专辑封面，而标识符可以包括艺术家和专辑信息。
作为另一种选择或附加的是，可以使次位置126上的图像120比 主位置124上的图像小。在浏览过程中，当图像120从主位置124移 动到次位置126时，图像120的尺寸减小，而当图像120从次位置126 移动到主位置124时，图像120的尺寸增大。
作为另一种选择或附加的是，使得位于次位置126上的图像120 看起来好像它们彼此层叠在一起。在该实现方式中，紧邻主图像124 的次图像126通常呈全视图，每个接连的次图像落在前一图像的下方。 位于全视像下方的图像120通常具有暴露部分。该暴露部分可以 提供使用户识别该图像的足够的可视信息。暴露部分还可以包括带有 基于文本的信息的边沿(类似于唱片或CD盒的边沿)。在浏览过程 中，当图像120从第一次位置126移动到随后的次位置126时，将图 像再配置成部分暴露的边沿，而当图像120从次位置126移动到第一 次位置126时，将图像120再配置成全图像视图。
作为另一种选择或附加的是，次图像126可以倾斜，以使得它看 起来好像图像从前景延伸到背景。该效果可以如下地产生将左边的 次位置中的每个图像的右上角放低并且将右下角抬高，并且将右边的 次位置中的每个图像的左上角放低并且将左下角抬高。在浏览过程中， 当图像120从主位置124移动到次位置126时，将图像倾斜，并且当 图像120从次位置126移动到主位置124时，图像变为正常。
作为另一种选择或附加的是，图像120可以包括从图像的底部向 下延伸的反射部分140。该反射部分可以通过以下方式来产生生成图像的拷贝、对图像的拷贝进行裁剪(例如缩短)、垂直翻转裁剪后 的图像、将翻转后的图像的透明度从顶部处的半透明改变成底部处的 全透明(例如梯度)、然后将翻转后的图像的顶部接合到图像的底部。 然后，该组合可以如上所述地倾斜。可以将该图像放置在黑背景上方， 以进一步辅助反射效果。
图4是根据本发明一个实施例的操作多个浏览器窗口的方法 150。该方法150在块152中通过提供第一和第二浏览器窗口而启动。 每个浏览器窗口通常都提供不同的浏览内容的方式。浏览器窗口可以 例如是图3所示的基于文本的浏览器窗口和基于图像的浏览器窗口 。
方法150还包括块154，其中，当在第二浏览器窗口中选择了内
容时，使第一浏览器窗口与第二浏览器窗口同步。例如，第一浏览器 窗口调节其内容以示出在第二浏览器窗口中作出的选择。在图3的浏
览器的情况下，如果用户通过选择第一浏览器窗口中的媒体轨道而启
动媒体文件的回放，则调整第二浏览器窗口中的图像，以呈现并且可
能高亮显示与该媒体轨道相关联的图像。这可以例如通过以下方式来
实现自动滚动或翻动图像，直到将合适的图像呈现到查看区中，然
后使该图像比所显示的其他图像更突出。
方法150还包括块156,其中，当在第一浏览器窗口中选择了内
容时，使第二浏览器窗口与第一浏览器窗口同步。例如，第二浏览器 窗口调节其内容以示出在第一浏览器窗口中作出的选择。在图3的浏
览器的情况下，如果用户在第二浏览器窗口中选择了图像，则调整第 一浏览器窗口以呈现与该图像相关联的一个或更多个媒体轨道。这可 以例如通过以下方式来实现自动滚动行，直到将合适的媒体轨道呈 现到查看区中。由于可能有一个以上媒体轨道关联于该图像，块156 还可以包括确定分配给该图像的媒体轨道的顺序、至少呈现该媒体 轨道组中的第一个媒体轨道、然后高亮显示所述第一个媒体轨道。所 述确定例如可以基于第一浏览器窗口中的排序准则。此外，选择某个 图像还可能会发起第一个媒体轨道的自动回放。
图5是根据本发明一个实施例的操作集成浏览器窗口的方法200。该方法在块202处开始，在块202中，呈现基于图像的浏览器窗 口和基于文本的浏览器窗口。例如参见图3。在块204中，确定是否 在基于文本的浏览器窗口中作出了导航命令。例如，用户是否向上或 向下移动了滚动条的标签。若是，则方法200进行到块206，其中， 根据导航命令在查看区上移动媒体轨道行。若否，则该方法进行到块 208,其中，确定是否在基于文本的浏览器窗口中作出了选择命令。例 如，用户是否点击了特定媒体轨道。若否，则方法200回到块202。 若是，则方法200进行到块210-214。
在块210中，播放、打开或启动与所述选择相关联的媒体文件。 在块212中，确定与所选择的媒体轨道相关联的图像。例如，可以查 询媒体数据库，或者媒体轨道可以包括指向特定图像的指针。在块214 中，基于所述选择更新基于图像的浏览器窗口。块214例如可以包括 多个图像的转换，直到与所选择的媒体轨道相关联的图像进入查看区 的视图中并且使得该图像比查看区中的其他图像更容易被认出来(例 如，较大的尺寸、主位置、高亮显示等)。
所述转换可以是瞬时的，或者另选地，所述转换可以将图像组移 动经过每个位置，直到找到期望的图像。由于该图像组可能相当长， 因此在执行图像的转换时，基于图像的浏览器窗口可以快速移动或跳 过所有或某些图像。在某些情况下，转换速度或被跳过的图像的数量 可以取决于先前的图像与新图像之间的图像数量。此外，可以使用动 画技术来进一步辅助图像的转换。
图6是根据本发明一个实施例的操作集成浏览器窗口的方法 300。方法300通常在块302处开始，其中，呈现基于图像的浏览器窗 口和基于文本的浏览器窗口。例如参见图1。
在块304中，确定是否在基于图像的浏览器窗口中作出了导航命 令。例如，用户是否向右或向左移动了滚动条的标签。若是，则方法 300进行到块306，其中，根据导航命令在查看区上移动图像。例如， 图像移动经过查看区。若否，则方法300进行到块308，其中，确定 是否在基于图像的浏览器窗口中作出了选择命令。例如，用户是否点击了可选择图像(例如，位于主位置的图像)。若否，则方法300回 到块302。若是，则方法300进行到块310，其中确定与图像相关联的 媒体轨道及其顺序。该顺序可以基于在基于文本的浏览窗口中的排序 准则。即，可以查询基于文本的浏览器窗口的字段和排序准则，以确 定媒体轨道的顺序。作为示例，如果艺术家名是一个排序准则，则按 艺术家名对媒体轨道进行排序。在一个实现方式中，通过以下方式确 定该顺序对排序后的媒体轨道行进行轮流检测(poll)，对具有到该图 像的链接的媒体轨道加标签，然后按媒体轨道被加标签的顺序保持已 加标签的媒体轨道。
在块310之后，方法300进行到块312和314。在块312中，播 放、打开或启动与排序后的轨道组中的第一个轨道相关联的媒体文件。 在块314中，基于所述选择更新基于文本的浏览器窗口。块314例如 可以包括多个媒体轨道行的转换，直到与所述第一个媒体轨道相关联 的媒体轨道进入查看区的视图中，然后高亮显示所述第一个媒体轨道。
所述转换可以是瞬时的，或者另选地，所述转换可以将媒体轨道 移动经过所有行，直到找到期望的媒体轨道。由于该图像組可能相当 长，因此在执行媒体轨道的转换时，基于文本的浏览器窗口可以快速 移动或跳过所有或某些媒体轨道。在某些情况下，转换速度或被跳过 的媒体轨道的数量可以取决于先前的媒体轨道与新媒体轨道之间的媒 体轨道数量。
图7是根据本发明一个实施例的操作集成浏览器窗口的方法 400。方法400在块402处开始，在块402中，播^文々某体，并且已经更 新了浏览器。这可能例如在图5和6的方法200和300之后发生。
在块402之后，方法400进行到块404，其中，确定是否在基于 图像的浏览器窗口中作出了导航命令。例如，用户是否向右或向左移 动了滚动条的标签。若否，则本方法400回到块402。若是，则方法 400进行到块406，其中，根据导航命令在查看区上移动图像。
当基于图像的浏览器窗口停止转换图像时(导航完成)，方法400 包括在块408处启动定时器。然后，在块410中，确定是否在基于图像的浏览器窗口中作出了新导航命令。若是，则将该定时器关闭，然
后方法400回到块406。若否，则在块412，确定是否在基于图像的浏 览器窗口中作出了选择命令。若是，则方法400回到块414，其中， 关闭定时器，然后播放新媒体并且基于所述选择更新浏览器。若否， 则方法400进行到块416，其中确定定时器是否已结束。该定时器例 如可以在5-30秒之间，更具体地，15秒。在某些情况下，与定时器 相关联的时间量是可编程的和用户可选择的。如果定时器尚未结束， 则本方法回到块410。如果定时器已结束，则方法400进行到块418， 其中，基于图像的浏览器窗口中的图像转换回与当前正在播放的媒体 相关联的图像(例如块402处的图像)。
本发明的上述各个方面、特征、实施例或实现方式可以单独或以 各种组合使用。例如，图5-7中描述的方法可以全部一起使用。
在此通过引用将美国专利^>布No. 2004/0268451 Al并入于此。在 此通过引用将美国专利7>布No. 2005/0021478 Al并入于此。
本发明优选地用软件来实现，但是也可以用硬件或硬件和软件的 組合来实现。本发明还可以实现为计算机可读介质上的计算机可读代 码。计算机可读介质是可以存储数据的任何数据存储装置，该数据其 后可以由计算机系统读取。计算机可读介质的示例包括只读存储器、 随机存取存储器、CD-ROM、 DVD、磁带、光数据存储装置以及载波。 计算机可读介质还可以通过连接到网络的计算机系统来分发，从而以 分布式方式存储和执行计算机可读代码。
尽管针对几个优选实施例对本发明进行了描述，但是存在各种变 更、置换以及等同物，这些都落在本发明范围内。
例如，应当指出，在此描述的基于图像的浏览器窗口并不限于浏 览本地内容。基于图像的浏览器窗口还可以用于浏览存储在例如服务 器的远程位置上的内容。服务器例如可以是使得能够通过网络购买媒 体项目的媒体商业服务器。在该实施例中，从存储图像和媒体项目的 远程服务器获得与可供购买的媒体项目有关的图像。然后，浏览窗口 例如使用在此描述的任何基于图像的浏览器窗口 ，在客户机上显示可供购买的媒体项目的图像。如果需要，可以将图像本地再配置成支持 浏览器的图形表示(例如尺寸、倾斜、反射等)。作为另一种选择， 服务器可以提供用于(例如通过各种缩略图)图形地支持浏览器的所 有所需图像。
在选择图像时，可以使与图像相关联的媒体项目可用。可以在开 始时与图像一起获得媒体项目，或者可以在选择之后获得它们。例如， 可以发送对与所选图像相关联的媒体项目的请求，如果收回了响应， 则可以显示媒体项目以供购买。此外，如果作出了导航命令，则根据 导航命令移动这些图像。可以在开始时提供用于导航所需的所有图像， 或者作为另一种选择，可以在需要时由远程服务器按照导航命令提供 这些图像。在一个实施例中，为了提高性能，在正在移动图像时使用 低分辨率版本的图像，而在图像被停止时使用高分辨率的图像。
还应当指出，存在许多实现本发明的方法和设备的另选方式。 因此，所附权利要求应当被解释成涵盖落入本发明的真实精神和 范围内的所有这种变更、置换以及等同物。
权利要求
1、一种由媒体应用程序产生的图形用户界面，所述图形用户界面包括由所述媒体应用程序生成的应用窗口，所述应用窗口同时包括第一浏览窗口和第二浏览窗口，所述第一浏览窗口显示与至少一个媒体文件有关的描述信息，所述第二浏览窗口显示与一个或更多个媒体文件相关联的图像，其中，当在所述第一浏览窗口和所述第二浏览窗口中的至少一个中进行选择时，使所述第一浏览窗口和所述第二浏览窗口中示出的内容自动同步。
2、 根据权利要求1所述的图形用户界面，其中所述媒体文件属于各专辑，其中所述图像是所述各专辑中的一个或更多个的专辑封面，并且其中显示在所述第一浏览窗口中的所述描述信息包括在所述各专辑中的一个或更多个内的歌曲的列表。
3、 根据权利要求2所述的图形用户界面，其中当用户选择在所述第一浏览窗口中的所述歌曲的列表中的歌曲之一时，可视地指定在所述第一浏览窗口中的所述歌曲的列表中的对应的一首或更多首歌曲。
4、 根据权利要求2所述的图形用户界面，其中当用户针对所述各专辑中的特定的一个专辑选择了在所述第二浏览窗口中的专辑封面时，可视地指定在所述第一浏览窗口中的所述各专辑的所选的一个内的对应的一首歌曲。
5、 根据权利要求4所述的图形用户界面，其中当用户选择在所述第 一 浏览窗口中的所述歌曲的列表中的歌曲之一时，可视地指定在 所述第一浏览窗口中的所述歌曲的列表中的对应的一首或更多首歌 曲。
6、 根据权利要求1-5中的任一项所述的图形用户界面，其中响 应于用户输入，用户能够使所述图像自动翻页，以使得所述用户能够 浏览在所述第二浏览窗口中显示的所述图像。
7、 一种操作集成浏览器窗口的方法，所述方法包括呈现第一浏览器窗口和第二浏览器窗口 ，所述第 一浏览器窗口和 所述第二浏览器窗口中的每一个都提供不同的媒体内容浏览方式。
8、 根据权利要求7所述的方法，其中所述方法还包括当在所述第二浏览器窗口中选择了媒体内容时，使所述第 一浏览 器窗口与所述第二浏览器窗口同步；以及当在所述笫一浏览器窗口中选择了内容时，使所述第二浏览器窗 口与所述第一浏览器窗口同步。
9、 根据权利要求8所述的方法，其中所述第一浏览器窗口呈现能够根据第一用户输入而垂直滚 动的媒体项目的列表；并且其中所述第二浏览器窗口呈现能够根据第二用户输入而水平滚 动的水平排列的媒体项目的图像。
10、 根据权利要求9所述的方法，其中所述第一浏览器窗口显示 媒体轨道的列表，并且其中所述第二浏览器窗口显示一组图像。
11、 根据权利要求10所述的方法，其中如果已经在所述第一浏览窗口中作出了导航命令，则根据所述导航命令在观看区域上移动各媒体轨道行；并且其中如果已经在所述第一浏览器窗口中作出了选择命令，则播放 与所选媒体轨道相关联的媒体文件，确定与所述所选媒体轨道相关联 的图像，并且基于所述所选媒体轨道更新所述第二浏览器窗口的图像。
12、 根据权利要求10所述的方法，其中如果已经在所述第二浏览器窗口中作出了导航命令，则根据 所述导航命令在观看区域上移动所述图像；并且其中如果已经在所述第二浏览器窗口中作出了选择命令，则确定 与所述图像相关联的媒体轨道和媒体轨道顺序，播放与来自排序后的 媒体轨道组的第一媒体轨道相关联的媒体文件，并且基于所述选择而 更新所述第一浏览器窗口。
13、 根据权利要求10所述的方法，其中如果已经在所述第二浏览器窗口中作出了导航命令，则根据 所述导航命令在观看区域上移动所述图像；并且其中如果已经针对显示在所述第二浏览器窗口中的特定图像作 出了选择，则更新所述第一浏览器窗口以可视地指定与所选图像相关 联的至少一个媒体轨道。
14、 根据权利要求10所述的方法，其中所述方法还包括播放媒体文件和更新所述第 一 浏览器窗口 和所述第二浏览器窗口；并且其中将显示在所述第二浏览器窗口中的所述图像与所述第 一 浏 览器窗口的所述媒体轨道的一个或更多个相关联。
15、 根据权利要求14所述的方法，其中如果在所述第二浏览器 窗口中作出了导航命令，则根据所述导航命令在观看区域上转换所述图像。
16、 根据权利要求15所述的方法，其中所述方法还包括 每当所述第二浏览器窗口停止按照所述导航命令转换所述图像时，启动定时器；在所述定时器期间，如果已经在所述第二浏览器窗口中作出了关 闭定时器的选择命令，则播放与所述选择相关联的新的媒体文件，并 且基于所述选择更新所述第一浏览器和所述第二浏览器；以及如果所述定时器已结束，则将所述第二浏览器窗口中的所述图像 转换回与当前正在播放的媒体文件相关联的图像。
17、 一种用于操作计算装置的计算机可读介质，所述计算机可读 介质包括用于在与所述计算装置相关联的显示器上呈现第一浏览器窗口 和第二浏览器窗口的计算机程序代码，所述第 一浏览器窗口支持基于 列表的浏览，而所述第二浏览器窗口支持基于图像的浏览。
18、 根据权利要求17所述的计算机可读介质，其中如果已经接收到针对所述第二浏览器窗口的导航命令，则根 据所述导航命令在观看区域上移动属于媒体项目的媒体图像；并且其中如果接收到针对所述第二浏览器窗口中显示的特定媒体图 像的选择，则更新所述第 一浏览器窗口以可视地指定与所选媒体图像 相关联的至少一个媒体轨道。
19、 根据权利要求17所述的计算机可读介质， 其中如果已经接收到针对所述第一浏览器窗口的导航命令，则根据所述导航命令在观看区域上移动显示的^f某体轨道行；并且其中如果接收到针对所述第 一浏览器窗口的选择媒体轨道的选 择命令，则播放与所选媒体轨道相关联的媒体文件，确定与所述所选媒体轨道相关联的图像，并且基于所述所选^ 某体轨道更新所述第二浏 览器窗口的图像。
全文摘要
公开了一种改进了对媒体进行播放、排序、修改、存储以及编制目录的方式的方法和系统。一个方面涉及允许用户对与媒体项目相关的图像进行导航和选择的浏览窗口。另一方面涉及使用多个浏览窗口的媒体管理程序的图形用户界面。另一方面涉及同时显示的媒体浏览窗口，其操作被集成在一起，以使得其中显示的内容在进行选择时被自动同步。另一方面涉及将浏览的内容复位为当前播放的媒体。
文档编号G06F17/30GK101542479SQ200780033703
公开日2009年9月23日 申请日期2007年9月10日 优先权日2006年9月11日
发明者A·琼斯, D·赫勒尔, T·道迪 申请人:苹果公司