CN103049183B - 一种应用于社交平台的媒体内容展示方法及系统 - Google Patents

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

Info

Publication number
CN103049183B
CN103049183B CN201210521441.7A CN201210521441A CN103049183B CN 103049183 B CN103049183 B CN 103049183B CN 201210521441 A CN201210521441 A CN 201210521441A CN 103049183 B CN103049183 B CN 103049183B
Authority
CN
China
Prior art keywords
media content
described media
show area
displaying
content show
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Active
Application number
CN201210521441.7A
Other languages
English (en)
Other versions
CN103049183A (zh
Inventor
张振伟
张文杰
周旋
黄友昆
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Tencent Technology Shenzhen Co Ltd
Original Assignee
Tencent Technology Shenzhen Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Tencent Technology Shenzhen Co Ltd filed Critical Tencent Technology Shenzhen Co Ltd
Priority to CN201210521441.7A priority Critical patent/CN103049183B/zh
Publication of CN103049183A publication Critical patent/CN103049183A/zh
Priority to PCT/CN2013/084147 priority patent/WO2014086198A1/zh
Priority to US14/733,843 priority patent/US9916392B2/en
Application granted granted Critical
Publication of CN103049183B publication Critical patent/CN103049183B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/957—Browsing optimisation, e.g. caching or content distillation
    • G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0485—Scrolling or panning
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04842—Selection of displayed objects or displayed text elements

Abstract

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

Description

一种应用于社交平台的媒体内容展示方法及系统
技术领域
本发明涉及计算机技术领域，具体涉及一种应用于社交平台的媒体内容展示方法及系统。
背景技术
在朋友网、微博、个人空间等社交平台中，当用户上传至社交平台的图片尺寸超出图片展示区时，系统通常采用两种方法对上传的图片进行处理展示。第一种方法是，按照图片显示区的最高最宽尺寸截取图片展示，这种方法会导致图片展示不完整，用户必须点击图片展示区所展示的图片才能在大图浮层中展示清晰、完整的图片；第二种方式是，按照图片展示区的最高最宽尺寸等比缩放上传的图片，使图片可以完整地展示在图片展示区，这种方法会导致图片展示不清晰，用户必须点击图片展示区所展示的图片才能在大图浮层中展示清晰、完整的图片。
由以上分析可知，第一种方法中系统不仅需要截取图片，而且还需要以大图浮层来展示清晰、完整的图片，加剧了系统工作负担；第二种方式中系统不仅需要缩放图片，而且还需要以大图浮层来展示清晰、完整的图片，同样加剧了系统工作负担。
发明内容
本发明实施例提供一种应用于社交平台的媒体内容展示方法及系统，能够减轻系统工作负担。
本发明实施例提供一种应用于社交平台的媒体内容展示方法，包括：
检测输入的针对位于媒体内容展示区周围的动态区的操作；
响应所述操作，根据所述媒体内容展示区中加载的媒体内容的布局方向在所述媒体内容展示区中滚动展示所述媒体内容；其中，在与所述媒体内容的布局方向垂直的方向上的所述媒体内容的宽度与所述媒体内容展示区的宽度一致。
本发明实施例提供一种应用于社交平台的媒体内容展示系统，包括：
检测单元，用于检测输入的针对位于媒体内容展示区周围的动态区的操作；
控制单元，用于响应所述操作，根据所述媒体内容展示区中加载的媒体内容的布局方向在所述媒体内容展示区中滚动展示所述媒体内容；其中，在与所述媒体内容的布局方向垂直的方向上的所述媒体内容的宽度与所述媒体内容展示区的宽度一致。
本发明实施例中，当检测到输入的针对位于媒体内容展示区周围的动态区的操作时，可以根据媒体内容展示区中加载的媒体内容的布局方向在媒体内容展示区中滚动展示媒体内容，最终实现展示清晰、完整的媒体内容。与现有技术相比，本发明实施例不需要截取媒体内容，也不需要通过大图浮层来展示清晰、完整的图片，从而可以有效降低系统工作负担。
附图说明
为了更清楚地说明本发明实施例中的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图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、按照等比缩放后的媒体内容的布局方向，将等比缩放后的媒体内容加载到媒体内容展示区，以使等比缩放后的媒体内容的起始部分展示在媒体内容展示区内。
本发明实施例中，可以通过lazyload的方式将等比缩放后的媒体内容加载到媒体内容展示区加载图片。
在图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-OnlyMemory，ROM）、随机存取器（RandomAccessMemory，RAM）、磁盘或光盘等。
以上对本发明实施例提供的方法和系统进行了详细介绍，本文中应用了具体个例对本发明的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本发明的方法及其核心思想；同时，对于本领域的一般技术人员，依据本发明的思想，在具体实施方式及应用范围上均会有改变之处，综上所述，本说明书内容不应理解为对本发明的限制。

Claims (12)

1.一种应用于社交平台的媒体内容展示方法，其特征在于，包括：
检测输入的针对位于媒体内容展示区周围的动态区的操作；其中，所述输入的针对位于媒体内容展示区周围的动态区的操作包括将鼠标指针移动并悬浮于位于媒体内容展示区周围的动态区，或包括用户手指通过触屏触及位于媒体内容展示区周围的动态区；
响应所述操作，根据所述媒体内容展示区中加载的媒体内容的布局方向在所述媒体内容展示区中滚动展示所述媒体内容；其中，在与所述媒体内容的布局方向垂直的方向上的所述媒体内容的宽度与所述媒体内容展示区的宽度一致；当所述鼠标指针或所述用户手指离开所述动态区时，所述媒体内容展示区中加载的所述媒体内容停止滚动。
2.根据权利要求1所述的方法，其特征在于，所述检测输入的针对位于媒体内容展示区周围的动态区的操作之前，所述方法还包括：
接收上传的尺寸超出所述媒体内容展示区的媒体内容；
将所述尺寸超出所述媒体内容展示区的媒体内容进行等比缩放，以使在与等比缩放后的媒体内容的布局方向垂直的方向上的所述等比缩放后的媒体内容的宽度与所述媒体内容展示区的宽度一致；
按照等比缩放后的媒体内容的布局方向，将所述等比缩放后的媒体内容加载到所述媒体内容展示区，以使所述等比缩放后的媒体内容的起始部分展示在所述媒体内容展示区内。
3.根据权利要求2所述的方法，其特征在于，所述媒体内容的布局方向为自上向下，所述根据所述媒体内容展示区中加载的媒体内容的布局方向在所述媒体内容展示区中滚动展示所述媒体内容包括：
按照自下向上的方向在所述媒体内容展示区中滚动展示所述媒体内容，并且当所述媒体内容的底部展示在所述媒体内容展示区内时，再按照自上向下的方向在所述媒体内容展示区中滚动展示所述媒体内容，当所述媒体内容的起始部分再次展示在所述媒体内容展示区内时，重复执行所述的按照自下向上的方向在所述媒体内容展示区中滚动展示所述媒体内容的操作。
4.根据权利要求2所述的方法，其特征在于，所述媒体内容的布局方向为自下向上，所述根据所述媒体内容展示区中加载的媒体内容的布局方向在所述媒体内容展示区中滚动展示所述媒体内容包括：
按照自上向下的方向在所述媒体内容展示区中滚动展示所述媒体内容，并且当所述媒体内容的底部展示在所述媒体内容展示区内时，再按照自下向上的方向在所述媒体内容展示区中滚动展示所述媒体内容，当所述媒体内容的起始部分再次展示在所述媒体内容展示区内时，重复执行所述的按照自上向下的方向在所述媒体内容展示区中滚动展示所述媒体内容的操作。
5.根据权利要求2所述的方法，其特征在于，所述媒体内容的布局方向为自左向右，所述根据所述媒体内容展示区中加载的媒体内容的布局方向在所述媒体内容展示区中滚动展示所述媒体内容包括：
按照自右而左的方向在所述媒体内容展示区中滚动展示所述媒体内容，并且当所述媒体内容的底部展示在所述媒体内容展示区内时，再按照自左向右的方向在所述媒体内容展示区中滚动展示所述媒体内容，当所述媒体内容的起始部分再次展示在所述媒体内容展示区内时，重复执行所述的按照自右向左的方向在所述媒体内容展示区中滚动展示所述媒体内容的操作。
6.根据权利要求2所述的方法，其特征在于，所述媒体内容的布局方向为自右向左，所述根据所述媒体内容展示区中加载的媒体内容的布局方向在所述媒体内容展示区中滚动展示所述媒体内容包括：
按照自左向右的方向在所述媒体内容展示区中滚动展示所述媒体内容，并且当所述媒体内容的底部展示在所述媒体内容展示区内时，再按照自右向左的方向在所述媒体内容展示区中滚动展示所述媒体内容，当所述媒体内容的起始部分再次展示在所述媒体内容展示区内时，重复执行所述的按照自左向右的方向在所述媒体内容展示区中滚动展示所述媒体内容的操作。
7.一种应用于社交平台的媒体内容展示系统，其特征在于，包括：
检测单元，用于检测输入的针对位于媒体内容展示区周围的动态区的操作；其中，所述输入的针对位于媒体内容展示区周围的动态区的操作包括将鼠标指针移动并悬浮于位于媒体内容展示区周围的动态区，或包括用户手指通过触屏触及位于媒体内容展示区周围的动态区；
控制单元，用于响应所述操作，根据所述媒体内容展示区中加载的媒体内容的布局方向在所述媒体内容展示区中滚动展示所述媒体内容；其中，在与所述媒体内容的布局方向垂直的方向上的所述媒体内容的宽度与所述媒体内容展示区的宽度一致；当所述鼠标指针或所述用户手指离开所述动态区时，所述媒体内容展示区中加载的所述媒体内容停止滚动。
8.根据权利要求7所述的系统，其特征在于，所述系统还包括：
接收单元，用于在所述检测单元检测输入的针对位于媒体内容展示区周围的动态区的操作之前，接收上传的尺寸超出所述媒体内容展示区的媒体内容；
加载单元，用于将所述尺寸超出所述媒体内容展示区的媒体内容进行等比缩放，以使在与等比缩放后的媒体内容的布局方向垂直的方向上的所述等比缩放后的媒体内容的宽度与所述媒体内容展示区的宽度一致；以及按照等比缩放后的媒体内容的布局方向，将所述等比缩放后的媒体内容加载到所述媒体内容展示区，以使所述等比缩放后的媒体内容的起始部分展示在所述媒体内容展示区内。
9.根据权利要求8所述的系统，其特征在于，所述媒体内容的布局方向为自上向下，所述控制单元用于响应所述操作，按照自下向上的方向在所述媒体内容展示区中滚动展示所述媒体内容，并且当所述媒体内容的底部展示在所述媒体内容展示区内时，再按照自上向下的方向在所述媒体内容展示区中滚动展示所述媒体内容，当所述媒体内容的起始部分再次展示在所述媒体内容展示区内时，重复执行所述的按照自下向上的方向在所述媒体内容展示区中滚动展示所述媒体内容的操作。
10.根据权利要求8所述的系统，其特征在于，所述媒体内容的布局方向为自下向上，所述控制单元用于响应所述操作，按照自上向下的方向在所述媒体内容展示区中滚动展示所述媒体内容，并且当所述媒体内容的底部展示在所述媒体内容展示区内时，再按照自下向上的方向在所述媒体内容展示区中滚动展示所述媒体内容，当所述媒体内容的起始部分再次展示在所述媒体内容展示区内时，重复执行所述的按照自上向下的方向在所述媒体内容展示区中滚动展示所述媒体内容的操作。
11.根据权利要求8所述的系统，其特征在于，所述媒体内容的布局方向为自左向右，所述控制单元用于响应所述操作，按照自右而左的方向在所述媒体内容展示区中滚动展示所述媒体内容，并且当所述媒体内容的底部展示在所述媒体内容展示区内时，再按照自左向右的方向在所述媒体内容展示区中滚动展示所述媒体内容，当所述媒体内容的起始部分再次展示在所述媒体内容展示区内时，重复执行所述的按照自右向左的方向在所述媒体内容展示区中滚动展示所述媒体内容的操作。
12.根据权利要求8所述的系统，其特征在于，所述媒体内容的布局方向为自右向左，所述控制单元用于响应所述操作，按照自左向右的方向在所述媒体内容展示区中滚动展示所述媒体内容，并且当所述媒体内容的底部展示在所述媒体内容展示区内时，再按照自右向左的方向在所述媒体内容展示区中滚动展示所述媒体内容，当所述媒体内容的起始部分再次展示在所述媒体内容展示区内时，重复执行所述的按照自左向右的方向在所述媒体内容展示区中滚动展示所述媒体内容的操作。
CN201210521441.7A 2012-12-07 2012-12-07 一种应用于社交平台的媒体内容展示方法及系统 Active CN103049183B (zh)

Priority Applications (3)

Application Number Priority Date Filing Date Title
CN201210521441.7A CN103049183B (zh) 2012-12-07 2012-12-07 一种应用于社交平台的媒体内容展示方法及系统
PCT/CN2013/084147 WO2014086198A1 (zh) 2012-12-07 2013-09-25 应用于社交平台的媒体内容展示方法及系统
US14/733,843 US9916392B2 (en) 2012-12-07 2015-06-08 Method, system, and storage medium for displaying media content applicable to social platform

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201210521441.7A CN103049183B (zh) 2012-12-07 2012-12-07 一种应用于社交平台的媒体内容展示方法及系统

Publications (2)

Publication Number Publication Date
CN103049183A CN103049183A (zh) 2013-04-17
CN103049183B true CN103049183B (zh) 2016-06-22

Family

ID=48061837

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201210521441.7A Active CN103049183B (zh) 2012-12-07 2012-12-07 一种应用于社交平台的媒体内容展示方法及系统

Country Status (3)

Country Link
US (1) US9916392B2 (zh)
CN (1) CN103049183B (zh)
WO (1) WO2014086198A1 (zh)

Families Citing this family (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103049183B (zh) * 2012-12-07 2016-06-22 腾讯科技（深圳）有限公司 一种应用于社交平台的媒体内容展示方法及系统
US9552440B1 (en) * 2014-05-02 2017-01-24 Tribune Publishing Company, Llc Online information system with continuous scrolling and advertisements
CN104618813B (zh) * 2015-01-20 2018-02-13 腾讯科技（北京）有限公司 弹幕信息处理方法、客户端及服务平台
CN107147940B (zh) * 2017-05-05 2021-02-19 阿里巴巴（中国）有限公司 内容轮播的方法、装置、电子设备和存储介质
US10956529B1 (en) * 2018-03-20 2021-03-23 Pinterest, Inc. Content presentation
CN109684488A (zh) * 2018-11-28 2019-04-26 平安科技（深圳）有限公司 轮播控制方法及其装置、计算机可读介质及电子设备
CN113592872A (zh) * 2021-08-16 2021-11-02 北京字节跳动网络技术有限公司 一种图片展示的方法、装置以及计算机存储介质

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101853158A (zh) * 2010-05-11 2010-10-06 中兴通讯股份有限公司 Widget窗口调整的方法及装置
CN102665051A (zh) * 2012-04-06 2012-09-12 安科智慧城市技术（中国）有限公司 基于嵌入式系统的播放终端及其字幕显示方法、系统

Family Cites Families (11)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20050262427A1 (en) * 2003-03-31 2005-11-24 International Business Machines Corporation System and method for managing website content
US7392473B2 (en) * 2005-05-26 2008-06-24 Xerox Corporation Method and apparatus for determining logical document structure
JP4856925B2 (ja) * 2005-10-07 2012-01-18 株式会社リコー 画像処理装置、画像処理方法及び画像処理プログラム
US20080263472A1 (en) * 2007-04-19 2008-10-23 Microsoft Corporation Interactive ticker
CN101098344A (zh) * 2007-07-23 2008-01-02 王文钢 一种视频广告的展示方法
US20090210827A1 (en) * 2008-02-15 2009-08-20 Thomas Stanton Brugler Web navigation user interface for orienting and organizing navigation links
US20100029340A1 (en) * 2008-07-29 2010-02-04 Research In Motion Limited Method and system for rendering a representation of a webpage on a display
CN101819594B (zh) * 2010-04-23 2011-09-28 四川长虹电器股份有限公司 嵌入式浏览器中实现跑马灯效果的方法
US20120066638A1 (en) * 2010-09-09 2012-03-15 Microsoft Corporation Multi-dimensional auto-scrolling
US9235812B2 (en) * 2012-12-04 2016-01-12 Msc Intellectual Properties B.V. System and method for automatic document classification in ediscovery, compliance and legacy information clean-up
CN103049183B (zh) * 2012-12-07 2016-06-22 腾讯科技（深圳）有限公司 一种应用于社交平台的媒体内容展示方法及系统

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101853158A (zh) * 2010-05-11 2010-10-06 中兴通讯股份有限公司 Widget窗口调整的方法及装置
CN102665051A (zh) * 2012-04-06 2012-09-12 安科智慧城市技术（中国）有限公司 基于嵌入式系统的播放终端及其字幕显示方法、系统

Also Published As

Publication number Publication date
CN103049183A (zh) 2013-04-17
US9916392B2 (en) 2018-03-13
WO2014086198A1 (zh) 2014-06-12
US20150269275A1 (en) 2015-09-24

Similar Documents

Publication Publication Date Title
CN103049183B (zh) 一种应用于社交平台的媒体内容展示方法及系统
JP6677425B2 (ja) インテリジェント端末制御方法
CA2810366C (en) Drag-able tabs
US8473870B2 (en) Multi-screen hold and drag gesture
US8539384B2 (en) Multi-screen pinch and expand gestures
US20140325433A1 (en) Information processing device, display control method, and computer program recording medium
US20110209102A1 (en) Multi-screen dual tap gesture
US20110209089A1 (en) Multi-screen object-hold and page-change gesture
US20110209101A1 (en) Multi-screen pinch-to-pocket gesture
US8451246B1 (en) Swipe gesture classification
US9841886B2 (en) Display control apparatus and control method thereof
CA2729478A1 (en) Gestures on a touch-sensitive display
US20140325409A1 (en) Active & Efficient Monitoring of a Graphical User Interface
US10210598B2 (en) Electronic device for displaying a plurality of images and method for processing an image
CN106201234A (zh) 页面内容的查看方法及装置
CN104035678A (zh) 滚动方法及使用该滚动方法的电子设备
US20160357382A1 (en) Intelligent Scrolling of Electronic Document
EP2615536A2 (en) Apparatus and method for zooming touch screen in electronic device
US20190095049A1 (en) Window expansion method and associated electronic device
US20140164993A1 (en) Method and electronic device for enlarging and displaying contents
US20150121264A1 (en) Method, system for controlling dynamic map-type graphic interface and electronic device using the same
CN104615764A (zh) 一种显示方法及电子设备
US20160127651A1 (en) Electronic device and method for capturing image using assistant icon
US9170733B2 (en) Information processing apparatus, information processing method, and non-transitory computer readable medium
US11592963B2 (en) Terminal, control method therefor, and recording medium in which program for implementing method is recorded

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
C14 Grant of patent or utility model
GR01 Patent grant