应用于社交平台的媒体内容展示方法及系统 本专利申请要求 2012 年 12 月 07 日提交的中国专利申请号为 201210521441.7, 发明名称为 "一种应用于社交平台的媒体内容展示方法及� � 统" 的优先权， 该申请的全文以引用的方式并入本申请中。 技术领域

本发明涉及计算机技术领域，具体涉及一种应 用于社交平台的媒体内容展 示方法及系统。 背景技术

在朋友网、 微博、 个人空间等社交平台中， 当用户上传至社交平台的图片 尺寸超出图片展示区时， 系统通常采用两种方法对上传的图片进行处理 展示。 第一种方法是，按照图片显示区的最高最宽尺 寸截取图片进行展示， 这种方法 会导致图片展示不完整，用户必须点击图片展 示区所展示的图片才能在大图浮 层中展示清晰、 完整的图片。 第二种方法是， 按照图片展示区的最高最宽尺寸 等比缩放上传的图片，使图片可以完整地展示 在图片展示区， 这种方法会导致 图片展示不清晰，用户必须点击图片展示区所 展示的图片才能在大图浮层中展 示清晰、 完整的图片。

由以上分析可知， 第一种方法中系统不仅需要截取图片， 而且还需要以大 图浮层来展示清晰、 完整的图片， 加剧了系统工作负担； 第二种方法中系统不 仅需要缩放图片， 而且还需要以大图浮层来展示清晰、 完整的图片， 同样加剧 了系统工作负担。 发明内容

在现有技术中， 对上传的图片进行处理展示的方法不但降低了 操作成本， 而且避免了截图和等比缩放带来的问题， 有利于减少系统工作负担。

有鉴于此，根据本发明实施例的一个方面，提 供一种应用于社交平台的媒 体内容展示方法及系统， 能够减轻系统工作负担。

所述应用于社交平台的媒体内容展示方法， 包括：

检测输入的针对位于媒体内容展示区周围的动 态区的操作； 及 - - 响应所述操作，并根据所述媒体内容展示区内 加载的媒体内容的布局方向 在所述媒体内容展示区内滚动展示所述媒体内 容； 其中，在与所述媒体内容的 布局方向相垂直的方向上的所述媒体内容的宽 度与所述媒体内容展示区的宽 度一致。

相应地，根据本发明的另一方面，提供一种应 用于社交平台的媒体内容展 示系统， 包括：

检测单元，检测输入的针对位于媒体内容展示 区周围的动态区的操作； 及 控制单元， 响应所述操作， 并根据所述媒体内容展示区内加载的媒体内容 的布局方向在所述媒体内容展示区内滚动展示 所述媒体内容； 其中，在与所述 媒体内容的布局方向相垂直的方向上的所述媒 体内容的宽度与所述媒体内容 展示区的宽度一致。

由上面的技术方案可知，在本发明的上述各方 面中， 当检测到输入的针对 位于媒体内容展示区周围的动态区的操作时， 可以根据媒体内容展示区内加载 的媒体内容的布局方向在媒体内容展示区内滚 动展示媒体内容，最终实现展示 清晰、 完整的媒体内容。 与现有技术相比， 本发明的上述各个方面不需要截取 媒体内容， 也不需要通过大图浮层来展示清晰、 完整的图片， 从而可以有效降 低系统工作负担。 附图说明

为了更清楚地说明本发明实施例中的技术方案 ，下面将对实施例中所需要 使用的附图作筒单地介绍，显而易见地， 下面描述中的附图仅仅是本发明的一 些实施例， 对于本领域普通技术人员来讲， 在不付出创造性劳动的前提下， 还 可以根据这些附图获得其他的附图。

图 1 为根据本发明的一个实施例的一种应用于社交 平台的媒体内容展示 方法的流程图。

图 2 为根据本发明的一个实施例的一种媒体内容的 布局方向以及媒体内 容的滚动方向示意图。

图 3 为根据本发明的另一个实施例的一种媒体内容 的布局方向以及媒体 内容的滚动方向示意图。

图 4 为根据本发明的再一个实施例的一种媒体内容 的布局方向以及媒体 - - 内容的滚动方向示意图。

图 5 为根据本发明的又一个实施例的一种媒体内容 的布局方向以及媒体 内容的滚动方向示意图。

图 6 为根据本发明的另一个实施例的一种应用于社 交平台的媒体内容展 示方法的流程图。

图 7 为根据本发明的一个实施例的一种应用于社交 平台的媒体内容展示 系统的结构图。 具体实施方式

下面将结合本发明实施例中的附图详细描述本 发明的各个实施例， 显然， 所描述的实施例仅仅是本发明一部分实施例， 而不是全部的实施例。基于本发 明中的实施例 ,本领域普通技术人员在没有做出创造性劳动� �提下所获得的所 有其他实施例， 都属于本发明保护的范围。

本发明实施例提供一种应用于社交平台的媒体 内容展示方法及系统，能够 减轻系统工作负担。 以下分别进行详细说明。

请参阅图 1 , 图 1为根据本发明的一个实施例的一种应用于社� �平台的媒 体内容展示方法的流程图。图 1所描述的应用于社交平台的媒体内容展示方� � 适用于朋友网、 微博、 个人空间、 即时通讯等社交平台， 本发明的实施例不作 应用场景的具体限定。如图 1所示， 本发明实施例所述的应用于社交平台的媒 体内容展示方法可以包括以下从步骤 101开始的步骤。

在步骤 101、 检测输入的针对位于媒体内容展示区周围的动 态区的操作。 在本发明的一个实施例中，上述输入的针对位 于媒体内容展示区周围的动 态区的操作可以包括但并不局限于将鼠标指针 移动并悬浮于位于媒体内容展 示区周围的动态区。

在本发明的另一个实施例中，上述输入的针对 位于媒体内容展示区周围的 动态区的操作可以包括但并不局限于用户手指 通过触屏触及位于媒体内容展 示区周围的动态区。

在本发明的实施例中， 所述媒体内容可以图片、 文档等， 本发明的各个实 施例不作限定。

在步骤 102、 响应上述操作， 根据媒体内容展示区内加载的媒体内容的布 - - 局方向在媒体内容展示区内滚动展示该媒体内 容。其中，在本发明的实施例中， 在与该媒体内容的布局方向相垂直的方向上的 媒体内容的宽度与媒体内容展 示区的宽度一致。

在本发明的实施例中，所述媒体内容的布局方 向一般和用户的观赏习惯相 适应， 举例来说， 所述媒体内容的布局可以是自上向下， 也可以是自下向上， 也可以是自左向右， 还可以是自右向左。

在本发明的一个实施例中，如图 2所示，如果所述媒体内容的布局方向为 自上向下（如图中黑箭头所示）， 那么上述步骤 102中根据媒体内容展示区内 加载的媒体内容的布局方向在媒体内容展示区 内滚动展示该媒体内容具体可 以为：

按照自下向上的方向（如图中白箭头所示）在 媒体内容展示区内滚动展示 媒体内容， 并且当该媒体内容的底部展示在媒体内容展示 区内时，再按照自上 向下的方向在媒体内容展示区内滚动展示该媒 体内容，当该媒体内容的起始部 分再次展示在媒体内容展示区内时，重复执行 上述的按照自下向上的方向在所 述媒体内容展示区内滚动展示所述媒体内容的 操作。

在本发明的另一个实施例中，如图 3所示，如果所述媒体内容的布局方向 为自下向上（如图中黑箭头所示 ) , 那么上述步骤 102中根据媒体内容展示区 内加载的媒体内容的布局方向在媒体内容展示 区内滚动展示该媒体内容具体 可以为：

按照自上向下的方向（如图中白箭头所示）在 媒体内容展示区内滚动展示 该媒体内容， 并且当该媒体内容的底部展示在媒体内容展示 区内时，再按照自 下向上的方向在媒体内容展示区内滚动展示该 媒体内容，当该媒体内容的起始 部分再次展示在媒体内容展示区内时，重复执 行上述的按照自上向下的方向在 媒体内容展示区内滚动展示该媒体内容的操作 。

在本发明的另一个实施例中，如图 4所示，如果所述媒体内容的布局方向 为自左向右（如图中黑箭头所示）， 那么上述步骤 102中根据媒体内容展示区 内加载的媒体内容的布局方向在媒体内容展示 区内滚动展示该媒体内容具体 可以为：

按照自右而左的方向（如图中白箭头所示）在 媒体内容展示区内滚动展示 该媒体内容， 并且当该媒体内容的底部展示在媒体内容展示 区内时，再按照自 - - 左向右的方向在媒体内容展示区内滚动展示该 媒体内容，当该媒体内容的起始 部分再次展示在媒体内容展示区内时，重复执 行上述的按照自右向左的方向在 媒体内容展示区内滚动展示该媒体内容的操作 。

在本发明的又一个实施例中，如图 5所示，如果所述媒体内容的布局方向 为自右向左（如图中黑箭头所示）， 那么上述步骤 102中根据媒体内容展示区 内加载的媒体内容的布局方向在媒体内容展示 区内滚动展示该媒体内容具体 可以为：

按照自左向右的方向（如图中白箭头所示）在 媒体内容展示区内滚动展示 该媒体内容， 并且当该媒体内容的底部展示在媒体内容展示 区内时，再按照自 右向左的方向在媒体内容展示区内滚动展示该 媒体内容，当该媒体内容的起始 部分再次展示在媒体内容展示区内时，重复执 行上述的按照自左向右的方向在 媒体内容展示区内滚动展示该媒体内容的操作 。

在本发明的一实施例中，在与所述媒体内容的 布局方向相同的方向上的媒 体内容的高度大于或等于媒体内容展示区的高 度。

在本发明的一个实施例中，图 1所描述的应用于社交平台的媒体内容展示 方法在步骤 101之前， 还可以至少包括以下步骤：

在步骤 A、 接收上传尺寸超出媒体内容展示区的媒体内容 。

在步骤 B、 将尺寸超出媒体内容展示区的媒体内容进行等 比缩放， 以使得 在与等比缩放后的媒体内容的布局方向相垂直 的方向上的等比缩放后的媒体 内容的宽度与媒体内容展示区的宽度一致。

其中，在与等比缩放后的媒体内容的布局方向 相同的方向上的等比缩放后 的媒体内容的高度大于或等于媒体内容展示区 的高度。

在步骤 C、按照等比缩放后的媒体内容的布局方向， 将等比缩放后的媒体 内容加载到媒体内容展示区 ,以使得等比缩放后的媒体内容的起始部分展� �在 媒体内容展示区内。

在本发明的一实施例中， 可以通过 lazy load的方式将等比缩放后的媒体 内容加载到媒体内容展示区加载图片。

在图 1所述的应用于社交平台的媒体内容展示方法� �，当检测到输入的针 对位于媒体内容展示区周围的动态区的操作时 ，可以根据媒体内容展示区内加 载的媒体内容的布局方向在媒体内容展示区内 滚动展示所述媒体内容，最终实 - - 现展示清晰、 完整的媒体内容。 与现有技术相比， 本发明图 1所述的方法不需 要截取媒体内容， 也不需要通过大图浮层来展示清晰、 完整的图片， 从而可以 有效降低系统工作负担。 进行了详细说明。

根据本发明的另一实施例，还提供了一种应用 于社交平台的媒体内容展示 方法。

请参阅图 6, 图 6为根据本发明的另一个实施例的一种应用于� �交平台的 媒体内容展示方法的流程图。图 6所描述的应用于社交平台的媒体内容展示方 法适用于朋友网、 微博、 个人空间、 即时通讯等社交平台， 本发明的实施例不 作应用场景的具体限定。如图 6所示，本发明实施例所述的应用于社交平台� � 媒体内容展示方法可以包括以下从步骤 601开始的步骤。

在步骤 601、 接收用户上传尺寸超出媒体内容展示区的图片 ， 其中， 该图 片的布局方向为自上向下。

在步骤 602、 将尺寸超出媒体内容展示区的图片进行等比缩 放， 以使得在 与等比缩放后的图片的布局方向相垂直的方向 上的等比缩放后的图片的宽度 与媒体内容展示区的宽度一致，以及在与等比 缩放后的图片的布局方向相同的 方向上的等比缩放后的图片的高度大于媒体内 容展示区的高度（即等比缩放后 的图片超出媒体内容显示区的部分被遮挡） 。

在步骤 603、 按照等比缩放后的图片的布局方向， 将等比缩放后的图片加 载到媒体内容展示区，以使得等比缩放后的图 片的起始部分展示在媒体内容展 示区内。

在步骤 604、当检测到鼠标指针移动悬浮在动态区时， 自下向上滚定图片， 当图片滚动至底部被展示时， 停顿一阈值时间（如 2秒）； 再自上向下滚动图 片， 当图片滚动至起始部分被展示时， 停顿该阈值时间（如 2秒）； 再自下向 上滚动图片， 依次反复滚动。

在步骤 605、 当检测到鼠标指针移动悬浮在图片上时， 图片停止滚动。 在步骤 606、 当检测到鼠标指针离开动态区时， 图片停止滚动。

在本发明的一实施例中， 当鼠标指针悬浮在图片上或者离开动态区时， 图 片停止滚动， 系统可以记录图片当前位置和滚动方向， 下次继续从当前位置和 滚动方向开始滚动。

在本发明的图 6所述的应用于社交平台的媒体内容展示方法� �，系统不需 要通过大图浮层来展示清晰、 完整的图片， 从而可以有效降低系统工作负担。 进行了详细说明。

根据本发明的另一实施例，还提供了一种应用 于社交平台的媒体内容展示 系统。

请参阅图 7, 图 7为根据本发明的一个实施例的一种应用于社� �平台的媒 体内容展示系统的结构图。图 7所描述的应用于社交平台的媒体内容展示系� � 适用于朋友网、微博、 个人空间等社交平台， 本发明的实施例不作应用场景的 具体限定。 如图 7所示， 该应用于社交平台的媒体内容展示系统可以包 括： 检 测单元 701及控制单元 702。

所述检测单元 701 , 检测输入的针对位于媒体内容展示区周围的动 态区的 操作。

所述控制单元 702, 响应上述操作， 并根据媒体内容展示区内加载的媒体 内容的布局方向， 在所述媒体内容展示区内滚动展示媒体内容。 其中， 在与媒 体内容的布局方向相垂直的方向上的媒体内容 的宽度与媒体内容展示区的宽 度一致。

在本发明的一个实施例中，图 7所述的应用于社交平台的媒体内容展示系 统还可以包括： 接收单元 703及加载单元 704。

所述接收单元 703 , 在所述检测单元 701检测输入的针对位于媒体内容展 示区周围的动态区的操作之前，接收上传尺寸 超出所述媒体内容展示区的媒体 内容。

所述加载单元 704, 将尺寸超出媒体内容展示区的媒体内容进行等 比缩 放，以使得在与等比缩放后的媒体内容的布局 方向相垂直的方向上的等比缩放 后的媒体内容的宽度与媒体内容展示区的宽度 一致。所述加载单元 704还按照 等比缩放后的媒体内容的布局方向，将等比缩 放后的媒体内容加载到媒体内容 展示区，以使得所述等比缩放后的媒体内容的 起始部分展示在媒体内容展示区 内。

在本发明的一个实施例中，上述媒体内容的布 局方向为自上向下， 所述控 - - 制单元 702响应所述操作，并按照自下向上的方向在所 述媒体内容展示区内滚 动展示所述媒体内容，并且当所述媒体内容的 底部展示在所述媒体内容展示区 内时， 再按照自上向下的方向在所述媒体内容展示区 内滚动展示所述媒体内 容， 当所述媒体内容的起始部分再次展示在所述媒 体内容展示区内时， 重复执 行所述的按照自下向上的方向在所述媒体内容 展示区内滚动展示所述媒体内 容的操作。

在本发明的另一个实施例中， 上述媒体内容的布局方向为自下向上， 所述 控制单元 702响应所述操作，并按照自上向下的方向在所 述媒体内容展示区内 滚动展示所述媒体内容，并且当所述媒体内容 的底部展示在所述媒体内容展示 区内时，再按照自下向上的方向在所述媒体内 容展示区内滚动展示所述媒体内 容， 当所述媒体内容的起始部分再次展示在所述媒 体内容展示区内时， 重复执 行所述的按照自上向下的方向在所述媒体内容 展示区内滚动展示所述媒体内 容的操作。

在本发明的另一个实施例中， 上述媒体内容的布局方向为自左向右， 所述 控制单元 702响应所述操作，并按照自右而左的方向在所 述媒体内容展示区内 滚动展示所述媒体内容，并且当所述媒体内容 的底部展示在所述媒体内容展示 区内时，再按照自左向右的方向在所述媒体内 容展示区内滚动展示所述媒体内 容， 当所述媒体内容的起始部分再次展示在所述媒 体内容展示区内时， 重复执 行所述的按照自右向左的方向在所述媒体内容 展示区内滚动展示所述媒体内 容的操作。

在本发明的另一个实施例中， 上述媒体内容的布局方向为自右向左， 所述 控制单元 702响应所述操作，并按照自左向右的方向在所 述媒体内容展示区内 滚动展示所述媒体内容，并且当所述媒体内容 的底部展示在所述媒体内容展示 区内时，再按照自右向左的方向在所述媒体内 容展示区内滚动展示所述媒体内 容， 当所述媒体内容的起始部分再次展示在所述媒 体内容展示区内时， 重复执 行所述的按照自左向右的方向在所述媒体内容 展示区内滚动展示所述媒体内 容的操作。

在本发明的其他实施例中，根据图 1及图 6所示的应用于社交平台的媒体 内容展示可以是由图 7 所示的应用于社交平台的媒体内容展示系统中 的各个 - -

101可以由图 7所示的检测单元 701来执行。 图 1所示的步骤 102及图 6所示 的步骤 604、 605及 606可以由图 7所示的控制单元 702来执行。 步骤 A及图 6所示的步骤 601可以由图 7所示的接发单员 703来执行。 步骤 B、 C及图 6 所示的步骤 602和 603可以由图 6所示的加载单元 704来执行。

在本发明的其他实施例中，图 6所示的应用于社交平台的媒体内容展示系 统中的各个单元可以分别或全部合并为一个或 若干个另外的单元来构成，或者 其中的某个（些）单元还可以再拆分为功能上 更小的多个单元来构成， 这可以 实现同样的操作， 而不影响本发明的实施例的技术效果的实现。 上述单元是基 于逻辑功能划分的，在实际应用中，一个单元 的功能也可以由多个单元来实现， 或者多个单元的功能由一个单元实现。在本发 明的其它实施例中，应用于社交 平台的媒体内容展示系统也可以包括其它模块 。但在实际应用中， 这些功能也 可以由其它单元协助实现， 并且可以由多个单元协作实现。

根据本发明的另一个实施例，可以通过处理单 元和存储介质的例如计算机 的通用计算设备上运行能够执行如图 1 中所示的人机交互方法的计算机程序 (包括程序代码 ) , 来构造如图 8中所示的应用于社交平台的媒体内容展示系 所述计算机程序可以记载于例如计算机可读记 录介质上，并通过计算机可读记 录介质装载于上述计算设备中， 并在其中运行。

其中，所述存储介质可以包括：闪存盘、只读 存储器（Read-Only Memory , ROM ) 、 随机存取器（Random Access Memory, RAM ) 、 磁盘或光盘等。

在本发明的图 7所描述的系统中，当检测到输入的针对位于� �体内容展示 区周围的动态区的操作时，可以根据媒体内容 展示区内加载的媒体内容的布局 方向在媒体内容展示区内滚动展示媒体内容， 最终实现展示清晰、 完整的媒体 内容。 与现有技术相比， 图 7所描述的系统不需要截取媒体内容， 也不需要通 过大图浮层来展示清晰、 完整的图片， 从而可以有效降低系统工作负担。

以上对本发明实施例提供的方法和系统进行了 详细介绍，本文中应用了具 助理解本发明的方法及其核心思想； 同时， 对于本领域的一般技术人员， 依据 本发明的思想， 在具体实施方式及应用范围上均会有改变之处 ， 综上所述， 本 说明书内容不应理解为对本发明的限制。