一种应用于社交平台的媒体内容展示方法及系统技术方案

本发明专利技术涉及计算机技术领域，公开了一种应用于社交平台的媒体内容展示方法及系统，该方法包括：检测输入的针对位于媒体内容展示区周围的动态区的操作；响应所述操作，根据所述媒体内容展示区中加载的媒体内容的布局方向在所述媒体内容展示区中滚动展示所述媒体内容；其中，在与所述媒体内容的布局方向垂直的方向上的所述媒体内容的宽度与所述媒体内容展示区的宽度一致。本发明专利技术实施例不需要截取媒体内容，也不需要通过大图浮层来展示清晰、完整的图片，从而可以有效降低系统工作负担。

【技术实现步骤摘要】

本专利技术涉及计算机
，具体涉及一种应用于社交平台的媒体内容展示方法及系统。
技术介绍
在朋友网、微博、个人空间等社交平台中，当用户上传至社交平台的图片尺寸超出图片展示区时，系统通常采用两种方法对上传的图片进行处理展示。第一种方法是，按照图片显示区的最高最宽尺寸截取图片展示，这种方法会导致图片展示不完整，用户必须点击图片展示区所展示的图片才能在大图浮层中展示清晰、完整的图片；第二种方式是，按照图片展示区的最高最宽尺寸等比缩放上传的图片，使图片可以完整地展示在图片展示区，这种方法会导致图片展示不清晰，用户必须点击图片展示区所展示的图片才能在大图浮层中展示清晰、完整的图片。由以上分析可知，第一种方法中系统不仅需要截取图片，而且还需要以大图浮层来展示清晰、完整的图片，加剧了系统工作负担；第二种方式中系统不仅需要缩放图片，而且还需要以大图浮层来展示清晰、完整的图片，同样加剧了系统工作负担。
技术实现思路
本专利技术实施例提供一种应用于社交平台的媒体内容展示方法及系统，能够减轻系统工作负担。本专利技术实施例提供一种应用于社交平台的媒体内容展示方法，包括检测输入的针对位于媒体内容展示区周围的动态区的操作；响应所述操作，根据所述媒体内容展示区中加载的媒体内容的布局方向在所述媒体内容展示区中滚动展示所述媒体内容；其中，在与所述媒体内容的布局方向垂直的方向上的所述媒体内容的宽度与所述媒体内容展示区的宽度一致。本专利技术实施例提供一种应用于社交平台的媒体内容展示系统，包括检测单元，用于检测输入的针对位于媒体内容展示区周围的动态区的操作；控制单元，用于响应所述操作，根据所述媒体内容展示区中加载的媒体内容的布局方向在所述媒体内容展示区中滚动展示所述媒体内容；其中，在与所述媒体内容的布局方向垂直的方向上的所述媒体内容的宽度与所述媒体内容展示区的宽度一致。本专利技术实施例中，当检测到输入的针对位于媒体内容展示区周围的动态区的操作时，可以根据媒体内容展示区中加载的媒体内容的布局方向在媒体内容展示区中滚动展示媒体内容，最终实现展示清晰、完整的媒体内容。与现有技术相比，本专利技术实施例不需要截取媒体内容，也不需要通过大图浮层来展示清晰、完整的图片，从而可以有效降低系统工作负担。附图说明为了更清楚地说明本专利技术实施例中的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。图1为本专利技术实施例提供的一种应用于社交平台的媒体内容展示方法的流程图；图2为本专利技术实施例提供的一种媒体内容的布局方向以及媒体内容的滚动方向示意图；图3为本专利技术实施例提供的另一种媒体内容的布局方向以及媒体内容的滚动方向示意图；图4为本专利技术实施例提供的另一种媒体内容的布局方向以及媒体内容的滚动方向示意图；图5为本专利技术实施例提供的又一种媒体内容的布局方向以及媒体内容的滚动方向示意图；图6为本专利技术实施例提供的另一种应用于社交平台的媒体内容展示方法的流程图；图7为本专利技术实施例提供的一种应用于社交平台的媒体内容展示系统的结构图。具体实施例方式下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本专利技术保护的范围。本专利技术实施例提供一种应用于社交平台的媒体内容展示方法及系统，能够减轻系统工作负担。以下分别进行详细说明。请参阅图1，图1为本专利技术实施例提供的一种应用于社交平台的媒体内容展示方法的流程图。图1所描述的应用于社交平台的媒体内容展示方法适用于朋友网、微博、个人空间、即时通讯等社交平台，本专利技术实施例不作应用场景的具体限定。如图1所示，该应用于社交平台的媒体内容展示方法可以包括以下步骤。101、检测输入的针对位于媒体内容展示区周围的动态区的操作。一个实施例中，上述输入的针对位于媒体内容展示区周围的动态区的操作可以包括将鼠标指针移动并悬浮于位于媒体内容展示区周围的动态区。另一个实施例中，上述输入的针对位于媒体内容展示区周围的动态区的操作可以包括用户手指通过触屏触及位于媒体内容展示区周围的动态区。本专利技术实施例中，媒体内容可以图片、文档等，本专利技术实施例不作限定。102、响应上述操作，根据媒体内容展示区中加载的媒体内容的布局方向在媒体内容展示区中滚动展示该媒体内容；其中，在与该媒体内容的布局方向垂直的方向上的媒体内容的宽度与媒体内容展示区的宽度一致。本专利技术实施例中，媒体内容的布局方向一般和用户的观赏习惯相适应，举例来说，媒体内容的布局方便可以是自上向下，也可以是自下向上，也可以是自左向右，还可以是自右向左。一个实施例中，如图2所示，如果媒体内容的布局方向为自上向下(用黑箭头表示)，那么上述步骤102中根据媒体内容展示区中加载的媒体内容的布局方向在媒体内容展示区中滚动展示该媒体内容具体可以为按照自下向上的方向(用白箭头表示)在媒体内容展示区中滚动展示媒体内容，并且当该媒体内容的底部展示在媒体内容展示区内时，再按照自上向下的方向在媒体内容展示区中滚动展示该媒体内容，当该媒体内容的起始部分再次展示在媒体内容展示区内时，重复执行上述的按照自下向上的方向在所述媒体内容展示区中滚动展示所述媒体内容的操作。另一个实施例中，如图3所示，如果媒体内容的布局方向为自下向上(用黑箭头表示)，那么上述步骤102中根据媒体内容展示区中加载的媒体内容的布局方向在媒体内容展示区中滚动展示该媒体内容具体可以为按照自上向下的方向(用白箭头表示)在媒体内容展示区中滚动展示该媒体内容，并且当该媒体内容的底部展示在媒体内容展示区内时，再按照自下向上的方向在媒体内容展示区中滚动展示该媒体内容，当该媒体内容的起始部分再次展示在媒体内容展示区内时，重复执行上述的按照自上向下的方向在媒体内容展示区中滚动展示该媒体内容的操作。另一个实施例中，如图4所示，如果媒体内容的布局方向为自左向右(用黑箭头表示)，那么上述步骤102中根据媒体内容展示区中加载的媒体内容的布局方向在媒体内容展示区中滚动展示该媒体内容具体可以为按照自右而左的方向(用白箭头表示)在媒体内容展示区中滚动展示该媒体内容，并且当该媒体内容的底部展示在媒体内容展示区内时，再按照自左向右的方向在媒体内容展示区中滚动展示该媒体内容，当该媒体内容的起始部分再次展示在媒体内容展示区内时，重复执行上述的按照自右向左的方向在媒体内容展示区中滚动展示该媒体内容的操作。又一个实施例中，如图5所示，如果媒体内容的布局方向为自右向左(用黑箭头表示)，那么上述步骤102中根据媒体内容展示区中加载的媒体内容的布局方向在媒体内容展示区中滚动展示该媒体内容具体可以为按照自左向右的方向(用白箭头表示)在媒体内容展示区中滚动展示该媒体内容，并且当该媒体内容的底部展示在媒体内容展示区内时，再按照自右向左的方向在媒体内容展示区中滚动展示该媒体内容，当该媒体内容的起始部分再次展示在媒体内容展示区内时，重复执行上述的按照自左向右的方向在媒体内容展示区中滚动展示该媒体内容的操作。本专利技术实施例中，在与媒体本文档来自技高网...

【技术保护点】
一种应用于社交平台的媒体内容展示方法，其特征在于，包括：检测输入的针对位于媒体内容展示区周围的动态区的操作；响应所述操作，根据所述媒体内容展示区中加载的媒体内容的布局方向在所述媒体内容展示区中滚动展示所述媒体内容；其中，在与所述媒体内容的布局方向垂直的方向上的所述媒体内容的宽度与所述媒体内容展示区的宽度一致。

【技术特征摘要】
1.一种应用于社交平台的媒体内容展示方法，其特征在于，包括 检测输入的针对位于媒体内容展示区周围的动态区的操作； 响应所述操作，根据所述媒体内容展示区中加载的媒体内容的布局方向在所述媒体内容展示区中滚动展示所述媒体内容；其中，在与所述媒体内容的布局方向垂直的方向上的所述媒体内容的宽度与所述媒体内容展示区的宽度一致。2.根据权利要求1所述的方法，其特征在于，所述检测输入的针对位于媒体内容展示区周围的动态区的操作之前，所述方法还包括 接收上传的尺寸超出所述媒体内容展示区的媒体内容； 将所述尺寸超出所述媒体内容展示区的媒体内容进行等比缩放，以使在与等比缩放后的媒体内容的布局方向垂直的方向上的所述等比缩放后的媒体内容的宽度与所述媒体内容展示区的宽度一致； 按照等比缩放后的媒体内容的布局方向，将所述等比缩放后的媒体内容加载到所述媒体内容展示区，以使所述等比缩放后的媒体内容的起始部分展示在所述媒体内容展示区内。3.根据权利要求2所述的方法，其特征在于，所述媒体内容的布局方向为自上向下，所述根据所述媒体内容展示区中加载的媒体内容的布局方向在所述媒体内容展示区中滚动展示所述媒体内容包括 按照自下向上的方向在所述媒体内容展示区中滚动展示所述媒体内容，并且当所述媒体内容的底部展示在所述媒体内容展示区内时，再按照自上向下的方向在所述媒体内容展示区中滚动展示所述媒体内容，当所述媒体内容的起始部分再次展示在所述媒体内容展示区内时，重复执行所述的按照自下向上的方向在所述媒体内容展示区中滚动展示所述媒体内容的操作。4.根据权利要求2所述的方法，其特征在于，所述媒体内容的布局方向为自下向上，所述根据所述媒体内容展示区中加载的媒体内容的布局方向在所述媒体内容展示区中滚动展示所述媒体内容包括 按照自上向下的方向在所述媒体内容展示区中滚动展示所述媒体内容，并且当所述媒体内容的底部展示在所述媒体内容展示区内时，再按照自下向上的方向在所述媒体内容展示区中滚动展示所述媒体内容，当所述媒体内容的起始部分再次展示在所述媒体内容展示区内时，重复执行所述的按照自上向下的方向在所述媒体内容展示区中滚动展示所述媒体内容的操作。5.根据权利要求2所述的方法，其特征在于，所述媒体内容的布局方向为自左向右，所述根据所述媒体内容展示区中加载的媒体内容的布局方向在所述媒体内容展示区中滚动展示所述媒体内容包括 按照自右而左的方向在所述媒体内容展示区中滚动展示所述媒体内容，并且当所述媒体内容的底部展示在所述媒体内容展示区内时，再按照自左向右的方向在所述媒体内容展示区中滚动展示所述媒体内容，当所述媒体内容的起始部分再次展示在所述媒体内容展示区内时，重复执行所述的按照自右向左的方向在所述媒体内容展示区中滚动展示所述媒体内容的操作。6.根据权利要求2所述的方法，其特征在于，所述媒体内容的布局方向为自右向左，所述根据所述媒体内容展示区中加载的媒体内容的布局方向在所述媒体内容展示区中滚动展示所述媒体内容包括 按照自左向右的方向在所述媒体内容展示区中滚动展示所述媒体内容，并且当所述媒体内容的底部展示在所述媒体内容展示区内时，再按照自右向左的方向在所述媒体内容展示区中滚动展示所述媒体内容，当所述媒体内容的起始部分再次展示...

【专利技术属性】
技术研发人员：张振伟，张文杰，周旋，黄友昆，
申请(专利权)人：腾讯科技深圳有限公司，
类型：发明
国别省市：