专利名称：一种应用于社交平台的媒体内容展示方法及系统的制作方法
技术领域：
本发明涉及计算机技术领域，具体涉及一种应用于社交平台的媒体内容展示方法及系统。
背景技术：
在朋友网、微博、个人空间等社交平台中，当用户上传至社交平台的图片尺寸超出图片展示区时，系统通常采用两种方法对上传的图片进行处理展示。第一种方法是，按照图片显示区的最高最宽尺寸截取图片展示，这种方法会导致图片展示不完整，用户必须点击图片展示区所展示的图片才能在大图浮层中展示清晰、完整的图片；第二种方式是，按照图片展示区的最高最宽尺寸等比缩放上传的图片，使图片可以完整地展示在图片展示区，这种方法会导致图片展示不清晰，用户必须点击图片展示区所展示的图片才能在大图浮层中展示清晰、完整的图片。由以上分析可知，第一种方法中系统不仅需要截取图片，而且还需要以大图浮层来展示清晰、完整的图片，加剧了系统工作负担；第二种方式中系统不仅需要缩放图片，而且还需要以大图浮层来展示清晰、完整的图片，同样加剧了系统工作负担。
发明内容
本发明实施例提供一种应用于社交平台的媒体内容展示方法及系统，能够减轻系统工作负担。本发明实施例提供一种应用于社交平台的媒体内容展示方法，包括检测输入的针对位于媒体内容展示区周围的动态区的操作；响应所述操作，根据所述媒体内容展示区中加载的媒体内容的布局方向在所述媒体内容展示区中滚动展示所述媒体内容；其中，在与所述媒体内容的布局方向垂直的方向上的所述媒体内容的宽度与所述媒体内容展示区的宽度一致。本发明实施例提供一种应用于社交平台的媒体内容展示系统，包括检测单元，用于检测输入的针对位于媒体内容展示区周围的动态区的操作；控制单元，用于响应所述操作，根据所述媒体内容展示区中加载的媒体内容的布局方向在所述媒体内容展示区中滚动展示所述媒体内容；其中，在与所述媒体内容的布局方向垂直的方向上的所述媒体内容的宽度与所述媒体内容展示区的宽度一致。本发明实施例中，当检测到输入的针对位于媒体内容展示区周围的动态区的操作时，可以根据媒体内容展示区中加载的媒体内容的布局方向在媒体内容展示区中滚动展示媒体内容，最终实现展示清晰、完整的媒体内容。与现有技术相比，本发明实施例不需要截取媒体内容，也不需要通过大图浮层来展示清晰、完整的图片，从而可以有效降低系统工作负担。
为了更清楚地说明本发明实施例中的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。图1为本发明实施例提供的一种应用于社交平台的媒体内容展示方法的流程图；图2为本发明实施例提供的一种媒体内容的布局方向以及媒体内容的滚动方向示意图；图3为本发明实施例提供的另一种媒体内容的布局方向以及媒体内容的滚动方向示意图；图4为本发明实施例提供的另一种媒体内容的布局方向以及媒体内容的滚动方向示意图；图5为本发明实施例提供的又一种媒体内容的布局方向以及媒体内容的滚动方向示意图；图6为本发明实施例提供的另一种应用于社交平台的媒体内容展示方法的流程图；图7为本发明实施例提供的一种应用于社交平台的媒体内容展示系统的结构图。
具体实施例方式下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。本发明实施例提供一种应用于社交平台的媒体内容展示方法及系统，能够减轻系统工作负担。以下分别进行详细说明。请参阅图1，图1为本发明实施例提供的一种应用于社交平台的媒体内容展示方法的流程图。图1所描述的应用于社交平台的媒体内容展示方法适用于朋友网、微博、个人空间、即时通讯等社交平台，本发明实施例不作应用场景的具体限定。如图1所示，该应用于社交平台的媒体内容展示方法可以包括以下步骤。101、检测输入的针对位于媒体内容展示区周围的动态区的操作。一个实施例中，上述输入的针对位于媒体内容展示区周围的动态区的操作可以包括将鼠标指针移动并悬浮于位于媒体内容展示区周围的动态区。另一个实施例中，上述输入的针对位于媒体内容展示区周围的动态区的操作可以包括用户手指通过触屏触及位于媒体内容展示区周围的动态区。本发明实施例中，媒体内容可以图片、文档等，本发明实施例不作限定。102、响应上述操作，根据媒体内容展示区中加载的媒体内容的布局方向在媒体内容展示区中滚动展示该媒体内容；其中，在与该媒体内容的布局方向垂直的方向上的媒体内容的宽度与媒体内容展示区的宽度一致。本发明实施例中，媒体内容的布局方向一般和用户的观赏习惯相适应，举例来说，媒体内容的布局方便可以是自上向下，也可以是自下向上，也可以是自左向右，还可以是自右向左。一个实施例中，如图2所示，如果媒体内容的布局方向为自上向下(用黑箭头表示)，那么上述步骤102中根据媒体内容展示区中加载的媒体内容的布局方向在媒体内容展示区中滚动展示该媒体内容具体可以为按照自下向上的方向(用白箭头表示)在媒体内容展示区中滚动展示媒体内容，并且当该媒体内容的底部展示在媒体内容展示区内时，再按照自上向下的方向在媒体内容展示区中滚动展示该媒体内容，当该媒体内容的起始部分再次展示在媒体内容展示区内时，重复执行上述的按照自下向上的方向在所述媒体内容展示区中滚动展示所述媒体内容的操作。另一个实施例中，如图3所示，如果媒体内容的布局方向为自下向上(用黑箭头表示)，那么上述步骤102中根据媒体内容展示区中加载的媒体内容的布局方向在媒体内容展示区中滚动展示该媒体内容具体可以为按照自上向下的方向(用白箭头表示)在媒体内容展示区中滚动展示该媒体内容，并且当该媒体内容的底部展示在媒体内容展示区内时，再按照自下向上的方向在媒体内容展示区中滚动展示该媒体内容，当该媒体内容的起始部分再次展示在媒体内容展示区内时，重复执行上述的按照自上向下的方向在媒体内容展示区中滚动展示该媒体内容的操作。另一个实施例中，如图4所示，如果媒体内容的布局方向为自左向右(用黑箭头表示)，那么上述步骤102中根据媒体内容展示区中加载的媒体内容的布局方向在媒体内容展示区中滚动展示该媒体内容具体可以为按照自右而左的方向(用白箭头表示)在媒体内容展示区中滚动展示该媒体内容，并且当该媒体内容的底部展示在媒体内容展示区内时，再按照自左向右的方向在媒体内容展示区中滚动展示该媒体内容，当该媒体内容的起始部分再次展示在媒体内容展示区内时，重复执行上述的按照自右向左的方向在媒体内容展示区中滚动展示该媒体内容的操作。又一个实施例中，如图5所示，如果媒体内容的布局方向为自右向左(用黑箭头表示)，那么上述步骤102中根据媒体内容展示区中加载的媒体内容的布局方向在媒体内容展示区中滚动展示该媒体内容具体可以为按照自左向右的方向(用白箭头表示)在媒体内容展示区中滚动展示该媒体内容，并且当该媒体内容的底部展示在媒体内容展示区内时，再按照自右向左的方向在媒体内容展示区中滚动展示该媒体内容，当该媒体内容的起始部分再次展示在媒体内容展示区内时，重复执行上述的按照自左向右的方向在媒体内容展示区中滚动展示该媒体内容的操作。本发明实施例中，在与媒体内容的布局方向相同的方向上的媒体内容的高度大于或等于媒体内容展示区的高度。一个实施例中，图1所描述的应用于社交平台的媒体内容展示方法在步骤101之前，还可以包括以下步骤A、接收上传的尺寸超出媒体内容展示区的媒体内容。B、将尺寸超出媒体内容展示区的媒体内容进行等比缩放，以使在与等比缩放后的媒体内容的布局方向垂直的方向上的等比缩放后的媒体内容的宽度与媒体内容展示区的
览度一致。 其中，在与等比缩放后的媒体内容的布局方向相同的方向上的等比缩放后的媒体内容的高度大于或等于媒体内容展示区的高度。C、按照等比缩放后的媒体内容的布局方向，将等比缩放后的媒体内容加载到媒体内容展示区，以使等比缩放后的媒体内容的起始部分展示在媒体内容展示区内。本发明实施例中，可以通过lazy load的方式将等比缩放后的媒体内容加载到媒体内容展示区加载图片。在图1所描述的方法中，当检测到输入的针对位于媒体内容展示区周围的动态区的操作时，可以根据媒体内容展示区中加载的媒体内容的布局方向在媒体内容展示区中滚动展示媒体内容，最终实现展示清晰、完整的媒体内容。与现有技术相比，图1所描述的方法不需要截取媒体内容，也不需要通过大图浮层来展示清晰、完整的图片，从而可以有效降低系统工作负担。请参阅图6，图6为本发明实施例提供的另一种应用于社交平台的媒体内容展示方法的流程图。图6所描述的应用于社交平台的媒体内容展示方法适用于朋友网、微博、个人空间、即时通讯等社交平台，本发明实施例不作应用场景的具体限定。如图6所示，该应用于社交平台的媒体内容展示方法可以包括以下步骤。601、接收用户上传的尺寸超出媒体内容展示区的图片，该图片的布局方向为自上向下。602、将尺寸超出媒体内容展示区的图片进行等比缩放，以使在与等比缩放后的图片的布局方向垂直的方向上的等比缩放后的图片的宽度与媒体内容展示区的宽度一致，以及在与等比缩放后的图片的布局方向相同的方向上的等比缩放后的图片的高度大于媒体内容展示区的高度(即等比缩放后的图片超出媒体内容显示区的部分被遮挡)。603、按照等比缩放后的图片的布局方向，将等比缩放后的图片加载到媒体内容展示区，以使等比缩放后的图片的起始部分展示在媒体内容展示区内。604、当检测到鼠标指针移动悬浮在动态区时，自下向上滚定图片，当图片滚动至底部被展示时，停顿2秒；再自上向下滚动图片，当图片滚动至起始部分被展示时，停顿2秒；再自下向上滚动图片，依次反复滚动。605、当检测到鼠标指针移动悬浮在图片上时，图片停止滚动。606、当检测到鼠标指针离开动态区时，图片停止滚动。本发明实施例中，当鼠标指针悬浮在图片上或者离开动态区时，图片停止滚动，系统可以记录图片当前位置和滚动方向，下次继续从当前位置和滚动方向开始滚动。在图6所描述的方法中，系统不需要通过大图浮层来展示清晰、完整的图片，从而可以有效降低系统工作负担。请参阅图7，图7为本发明实施例提供的一种应用于社交平台的媒体内容展示系统的结构图。图7所描述的应用于社交平台的媒体内容展示系统适用于朋友网、微博、个人空间等社交平台，本发明实施例不作应用场景的具体限定。如图7所示，该应用于社交平台的媒体内容展示系统可以包括检测单元701，用于检测输入的针对位于媒体内容展示区周围的动态区的操作；
控制单元702，用于响应上述操作，根据媒体内容展示区中加载的媒体内容的布局方向在媒体内容展示区中滚动展示媒体内容；其中，在与媒体内容的布局方向垂直的方向上的媒体内容的宽度与媒体内容展示区的宽度一致。一个实施例中，图7所描述的系统还可以包括接收单元703，用于在检测单元701检测输入的针对位于媒体内容展示区周围的动态区的操作之前，接收上传的尺寸超出所述媒体内容展示区的媒体内容；加载单元704，用于将尺寸超出媒体内容展示区的媒体内容进行等比缩放，以使在与等比缩放后的媒体内容的布局方向垂直的方向上的等比缩放后的媒体内容的宽度与媒体内容展示区的宽度一致；以及按照等比缩放后的媒体内容的布局方向，将等比缩放后的媒体内容加载到媒体内容展示区，以使等比缩放后的媒体内容的起始部分展示在媒体内容展示区内。一个实施例中，上述媒体内容的布局方向为自上向下，控制单元702用于响应所述操作，按照自下向上的方向在所述媒体内容展示区中滚动展示所述媒体内容，并且当所述媒体内容的底部展示在所述媒体内容展示区内时，再按照自上向下的方向在所述媒体内容展示区中滚动展示所述媒体内容，当所述媒体内容的起始部分再次展示在所述媒体内容展示区内时，重复执行所述的按照自下向上的方向在所述媒体内容展示区中滚动展示所述媒体内容的操作。 另一个实施例中，上述媒体内容的布局方向为自下向上，控制单元702用于响应所述操作，按照自上向下的方向在所述媒体内容展示区中滚动展示所述媒体内容，并且当所述媒体内容的底部展示在所述媒体内容展示区内时，再按照自下向上的方向在所述媒体内容展示区中滚动展示所述媒体内容，当所述媒体内容的起始部分再次展示在所述媒体内容展示区内时，重复执行所述的按照自上向下的方向在所述媒体内容展示区中滚动展示所述媒体内容的操作。另一个实施例中，上述媒体内容的布局方向为自左向右，控制单元702用于响应所述操作，按照自右而左的方向在所述媒体内容展示区中滚动展示所述媒体内容，并且当所述媒体内容的底部展示在所述媒体内容展示区内时，再按照自左向右的方向在所述媒体内容展示区中滚动展示所述媒体内容，当所述媒体内容的起始部分再次展示在所述媒体内容展示区内时，重复执行所述的按照自右向左的方向在所述媒体内容展示区中滚动展示所述媒体内容的操作。另一个实施例中，上述媒体内容的布局方向为自右向左，控制单元702用于响应所述操作，按照自左向右的方向在所述媒体内容展示区中滚动展示所述媒体内容，并且当所述媒体内容的底部展示在所述媒体内容展示区内时，再按照自右向左的方向在所述媒体内容展示区中滚动展示所述媒体内容，当所述媒体内容的起始部分再次展示在所述媒体内容展示区内时，重复执行所述的按照自左向右的方向在所述媒体内容展示区中滚动展示所述媒体内容的操作。在图7所描述的系统中，当检测到输入的针对位于媒体内容展示区周围的动态区的操作时，可以根据媒体内容展示区中加载的媒体内容的布局方向在媒体内容展示区中滚动展示媒体内容，最终实现展示清晰、完整的媒体内容。与现有技术相比，图7所描述的系统不需要截取媒体内容，也不需要通过大图浮层来展示清晰、完整的图片，从而可以有效降低系统工作负担。本领域普通技术人员可以理解上述实施例的各种方法中的全部或部分步骤是可以通过程序来指令相关的硬件来完成，该程序可以存储于一计算机可读存储介质中，存储介质可以包括闪存盘、只读存储器(Read-Only Memory,ROM)、随机存取器(Random AccessMemory, RAM)、磁盘或光盘等。以上对本发明实施例提供的方法和系统进行了详细介绍，本文中应用了具体个例对本发明的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本发明的方法及其核心思想；同时，对于本领域的一般技术人员，依据本发明的思想，在具体实施方式
及应用范围上均会有改变之处，综上所述，本说明书内容不应理解为对本发明的限制。
权利要求
1.一种应用于社交平台的媒体内容展示方法，其特征在于，包括 检测输入的针对位于媒体内容展示区周围的动态区的操作； 响应所述操作，根据所述媒体内容展示区中加载的媒体内容的布局方向在所述媒体内容展示区中滚动展示所述媒体内容；其中，在与所述媒体内容的布局方向垂直的方向上的所述媒体内容的宽度与所述媒体内容展示区的宽度一致。
2.根据权利要求1所述的方法，其特征在于，所述检测输入的针对位于媒体内容展示区周围的动态区的操作之前，所述方法还包括 接收上传的尺寸超出所述媒体内容展示区的媒体内容； 将所述尺寸超出所述媒体内容展示区的媒体内容进行等比缩放，以使在与等比缩放后的媒体内容的布局方向垂直的方向上的所述等比缩放后的媒体内容的宽度与所述媒体内容展示区的宽度一致； 按照等比缩放后的媒体内容的布局方向，将所述等比缩放后的媒体内容加载到所述媒体内容展示区，以使所述等比缩放后的媒体内容的起始部分展示在所述媒体内容展示区内。
3.根据权利要求2所述的方法，其特征在于，所述媒体内容的布局方向为自上向下，所述根据所述媒体内容展示区中加载的媒体内容的布局方向在所述媒体内容展示区中滚动展示所述媒体内容包括 按照自下向上的方向在所述媒体内容展示区中滚动展示所述媒体内容，并且当所述媒体内容的底部展示在所述媒体内容展示区内时，再按照自上向下的方向在所述媒体内容展示区中滚动展示所述媒体内容，当所述媒体内容的起始部分再次展示在所述媒体内容展示区内时，重复执行所述的按照自下向上的方向在所述媒体内容展示区中滚动展示所述媒体内容的操作。
4.根据权利要求2所述的方法，其特征在于，所述媒体内容的布局方向为自下向上，所述根据所述媒体内容展示区中加载的媒体内容的布局方向在所述媒体内容展示区中滚动展示所述媒体内容包括 按照自上向下的方向在所述媒体内容展示区中滚动展示所述媒体内容，并且当所述媒体内容的底部展示在所述媒体内容展示区内时，再按照自下向上的方向在所述媒体内容展示区中滚动展示所述媒体内容，当所述媒体内容的起始部分再次展示在所述媒体内容展示区内时，重复执行所述的按照自上向下的方向在所述媒体内容展示区中滚动展示所述媒体内容的操作。
5.根据权利要求2所述的方法，其特征在于，所述媒体内容的布局方向为自左向右，所述根据所述媒体内容展示区中加载的媒体内容的布局方向在所述媒体内容展示区中滚动展示所述媒体内容包括 按照自右而左的方向在所述媒体内容展示区中滚动展示所述媒体内容，并且当所述媒体内容的底部展示在所述媒体内容展示区内时，再按照自左向右的方向在所述媒体内容展示区中滚动展示所述媒体内容，当所述媒体内容的起始部分再次展示在所述媒体内容展示区内时，重复执行所述的按照自右向左的方向在所述媒体内容展示区中滚动展示所述媒体内容的操作。
6.根据权利要求2所述的方法，其特征在于，所述媒体内容的布局方向为自右向左，所述根据所述媒体内容展示区中加载的媒体内容的布局方向在所述媒体内容展示区中滚动展示所述媒体内容包括 按照自左向右的方向在所述媒体内容展示区中滚动展示所述媒体内容，并且当所述媒体内容的底部展示在所述媒体内容展示区内时，再按照自右向左的方向在所述媒体内容展示区中滚动展示所述媒体内容，当所述媒体内容的起始部分再次展示在所述媒体内容展示区内时，重复执行所述的按照自左向右的方向在所述媒体内容展示区中滚动展示所述媒体内容的操作。
7.一种应用于社交平台的媒体内容展示系统，其特征在于，包括 检测单元，用于检测输入的针对位于媒体内容展示区周围的动态区的操作； 控制单元，用于响应所述操作，根据所述媒体内容展示区中加载的媒体内容的布局方向在所述媒体内容展示区中滚动展示所述媒体内容；其中，在与所述媒体内容的布局方向垂直的方向上的所述媒体内容的宽度与所述媒体内容展示区的宽度一致。
8.根据权利要求7所述的系统，其特征在于，所述系统还包括 接收单元，用于在所述检测单元检测输入的针对位于媒体内容展示区周围的动态区的操作之前，接收上传的尺寸超出所述媒体内容展示区的媒体内容； 加载单元，用于将所述尺寸超出所述媒体内容展示区的媒体内容进行等比缩放，以使在与等比缩放后的媒体内容的布局方向垂直的方向上的所述等比缩放后的媒体内容的宽度与所述媒体内容展示区的宽度一致；以及按照等比缩放后的媒体内容的布局方向，将所述等比缩放后的媒体内容加载到所述媒体内容展示区，以使所述等比缩放后的媒体内容的起始部分展示在所述媒体内容展示区内。
9.根据权利要求8所述的系统，其特征在于，所述媒体内容的布局方向为自上向下，所述控制单元用于响应所述操作，按照自下向上的方向在所述媒体内容展示区中滚动展示所述媒体内容，并且当所述媒体内容的底部展示在所述媒体内容展示区内时，再按照自上向下的方向在所述媒体内容展示区中滚动展示所述媒体内容，当所述媒体内容的起始部分再次展示在所述媒体内容展示区内时，重复执行所述的按照自下向上的方向在所述媒体内容展示区中滚动展示所述媒体内容的操作。
10.根据权利要求8所述的系统，其特征在于，所述媒体内容的布局方向为自下向上，所述控制单元用于响应所述操作，按照自上向下的方向在所述媒体内容展示区中滚动展示所述媒体内容，并且当所述媒体内容的底部展示在所述媒体内容展示区内时，再按照自下向上的方向在所述媒体内容展示区中滚动展示所述媒体内容，当所述媒体内容的起始部分再次展示在所述媒体内容展示区内时，重复执行所述的按照自上向下的方向在所述媒体内容展示区中滚动展示所述媒体内容的操作。
11.根据权利要求8所述的系统，其特征在于，所述媒体内容的布局方向为自左向右，所述控制单元用于响应所述操作，按照自右而左的方向在所述媒体内容展示区中滚动展示所述媒体内容，并且当所述媒体内容的底部展示在所述媒体内容展示区内时，再按照自左向右的方向在所述媒体内容展示区中滚动展示所述媒体内容，当所述媒体内容的起始部分再次展示在所述媒体内容展示区内时，重复执行所述的按照自右向左的方向在所述媒体内容展示区中滚动展示所述媒体内容的操作。
12.根据权利要求8所述的系统，其特征在于，所述媒体内容的布局方向为自右向左，所述控制单元用于响应所述操作，按照自左向右的方向在所述媒体内容展示区中滚动展示所述媒体内容，并且当所述媒体内容的底部展示在所述媒体内容展示区内时，再按照自右 向左的方向在所述媒体内容展示区中滚动展示所述媒体内容，当所述媒体内容的起始部分再次展示在所述媒体内容展示区内时，重复执行所述的按照自左向右的方向在所述媒体内容展示区中滚动展示所述媒体内容的操作。
全文摘要
本发明涉及计算机技术领域，公开了一种应用于社交平台的媒体内容展示方法及系统，该方法包括检测输入的针对位于媒体内容展示区周围的动态区的操作；响应所述操作，根据所述媒体内容展示区中加载的媒体内容的布局方向在所述媒体内容展示区中滚动展示所述媒体内容；其中，在与所述媒体内容的布局方向垂直的方向上的所述媒体内容的宽度与所述媒体内容展示区的宽度一致。本发明实施例不需要截取媒体内容，也不需要通过大图浮层来展示清晰、完整的图片，从而可以有效降低系统工作负担。
文档编号G06F3/0485GK103049183SQ20121052144
公开日2013年4月17日 申请日期2012年12月7日 优先权日2012年12月7日
发明者张振伟, 张文杰, 周旋, 黄友昆 申请人:腾讯科技(深圳)有限公司