CN107169008B - 一种图片展示方法及装置 - Google Patents
一种图片展示方法及装置 Download PDFInfo
- Publication number
- CN107169008B CN107169008B CN201710208977.6A CN201710208977A CN107169008B CN 107169008 B CN107169008 B CN 107169008B CN 201710208977 A CN201710208977 A CN 201710208977A CN 107169008 B CN107169008 B CN 107169008B
- Authority
- CN
- China
- Prior art keywords
- picture
- displayed
- display
- display mode
- display area
- 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
Links
Images
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
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/70—Information retrieval; Database structures therefor; File system structures therefor of video data
- G06F16/73—Querying
- G06F16/738—Presentation of query results
- G06F16/739—Presentation of query results in form of a video summary, e.g. the video summary being a video sequence, a composite still image or having synthesized frames
Abstract
本发明实施例提供了一种图片展示方法及装置,其中,所述方法包括:获取待展示图片的地址,以及在展示区域展示待展示图片的展示模式标志;通过地址加载待展示图片,并根据展示模式标志指示的展示模式,展示待展示图片。可以看出,本发明实施例提供的图片展示方法及装置,前端直接获取在展示区域展示待展示图片的展示模式标志,不需要在展示图片之前判断在展示区域展示待展示图片的展示模式,节省了前端展示图片过程中判断展示模式的步骤,从而能够简化图片展示过程,减少图片展示过程消耗的时间。
Description
技术领域
本发明涉及互联网开发技术领域,特别是涉及一种图片展示方法及装置。
背景技术
在视频网站中,为了使用户可以一目了然且概括地了解到视频的内容,实际应用中,一般会将视频对应的封面图片展示给用户。而在具体的展示过程中,根据展示区域的不同,在各展示区域上展示图片的模式也各不相同。具体地,网页前端展示图片的模式分为横图模式展示和竖图模式展示。在实际应用过程中,网页前端需要选择适合展示区域的图片展示模式来展示图片。
现有方法中,在展示图片之前,前端需要遍历所有视频,根据视频的频道信息,判断在展示区域展示视频对应的待展示图片的图片展示模式,最后根据该图片展示模式展示待展示图片。可以看出,现有的图片展示方法,前端展示图片过程复杂、消耗时间过长。
发明内容
本发明实施例的目的在于提供一种图片展示方法及装置,以简化图片展示过程、减少图片展示过程消耗的时间。具体技术方案如下:
一种图片展示方法,应用于前端,包括:
获取待展示图片的地址,以及在展示区域展示所述待展示图片的展示模式标志;
通过所述地址加载所述待展示图片,并根据所述展示模式标志指示的展示模式,展示所述待展示图片。
可选的,在所述获取待展示图片的地址,以及在展示区域展示所述待展示图片的展示模式标志之前,所述方法还包括:
向后端发送请求,以使所述后端根据所述请求确定所述展示模式标志;其中,所述请求包括所述前端对应的展示区域以竖图展示模式展示所述待展示图片的最大数量M、以及所述展示区域以横图展示模式展示所述待展示图片的最大数量N。
可选的,所述获取待展示图片的地址,以及在展示区域展示所述待展示图片的展示模式标志包括:
接收后端发送的待展示图片的地址和展示模式标志。
可选的,所述待展示图片为视频对应的封面图片;所述展示模式标志是所述后端根据所述视频的频道信息生成的。
一种图片展示方法,应用于后端,包括:
确定待展示图片的地址,并确定在展示区域展示所述待展示图片的展示模式标志;
向前端发送所述待展示图片的地址,以及所述展示模式标志,以使所述前端根据所述地址加载所述待展示图片,并根据所述展示模式标志指示的展示模式展示所述待展示图片。
可选的,所述确定在展示区域展示所述待展示图片的展示模式标志包括:
接收所述前端发送的请求,其中,所述请求包括所述前端对应的展示区域以竖图展示模式展示所述待展示图片的最大数量M、以及所述展示区域以横图展示模式展示所述待展示图片的最大数量N;
根据所述请求确定所述展示模式标志。
可选的,所述待展示图片为视频对应的封面图片;
所述根据所述请求确定所述展示模式标志包括:
根据所述请求,以及所述视频的频道信息,确定在所述展示区域展示所述封面图片的展示模式标志。
可选的,所述根据所述请求,以及所述视频的频道信息,确定在所述展示区域展示所述封面图片的展示模式标志,包括:
从前端发送的请求中,解析出所述展示区域以竖图展示模式展示所述封面图片的最大数量M、以及所述展示区域以横图展示模式展示所述封面图片的最大数量N;
当存在M个视频的频道都包含于预设频道集合中时,确定在所述展示区域展示所述M个视频对应的封面图片的展示模式标志为竖图展示模式标志;
当存在N个视频的频道不均属于预设频道集合中时,确定在所述展示区域展示所述N个视频对应的封面图片的展示模式标志为横图展示模式标志。
一种图片展示装置,应用于前端,包括:
获取模块,用于获取待展示图片的地址,以及在展示区域展示所述待展示图片的展示模式标志;
展示模块,用于通过所述地址加载所述待展示图片,并根据所述展示模式标志指示的展示模式,展示所述待展示图片。
可选的,所述装置还包括:
请求模块,用于向后端发送请求,以使所述后端根据所述请求确定所述展示模式标志;其中,所述请求包括所述前端对应的展示区域以竖图展示模式展示所述待展示图片的最大数量M、以及所述展示区域以横图展示模式展示所述待展示图片的最大数量N。
可选的,所述获取模块,具体用于接收后端发送的待展示图片的地址和展示模式标志。
可选的,所述待展示图片为视频对应的封面图片;所述展示模式标志是所述后端根据所述视频的频道信息生成的。
一种图片展示装置,应用于后端,包括:
确定模块,用于确定待展示图片的地址,并确定在展示区域展示所述待展示图片的展示模式标志;
发送模块,用于向前端发送所述待展示图片的地址,以及所述展示模式标志,以使所述前端根据所述地址加载所述待展示图片,并根据所述展示模式标志指示的展示模式展示所述待展示图片。
可选的,所述确定模块包括:
接收子模块,用于接收所述前端发送的请求,其中,所述请求包括所述前端对应的展示区域以竖图展示模式展示所述待展示图片的最大数量M、以及所述展示区域以横图展示模式展示所述待展示图片的最大数量N;
确定子模块,用于根据所述请求确定所述展示模式标志。
可选的,所述待展示图片为视频对应的封面图片;
所述确定子模块,具体用于根据所述请求,以及所述视频的频道信息,确定在所述展示区域展示所述封面图片的展示模式标志。
可选的,所述确定子模块包括:
解析单元,用于从前端发送的请求中,解析出所述展示区域以竖图展示模式展示所述封面图片的最大数量M、以及所述展示区域以横图展示模式展示所述封面图片的最大数量N;
第一确定单元,用于当存在M个视频的频道都包含于预设频道集合中时,确定在所述展示区域展示所述M个视频对应的封面图片的展示模式标志为竖图展示模式标志;
第二确定单元,用于当存在N个视频的频道不均属于预设频道集合中时,确定在所述展示区域展示所述N个视频对应的封面图片的展示模式标志为横图展示模式标志。
本发明实施例提供的图片展示方法及装置,可以通过前端获取待展示图片的地址和在展示区域展示待展示图片的展示模式标志;然后通过待展示图片的地址加载该待展示图片,并根据展示模式标志指示的展示模式,展示待展示图片。可以看出,本发明实施例提供的方法,前端直接获取在展示区域展示待展示图片的展示模式标志,不需要在展示图片之前判断在展示区域展示待展示图片的展示模式,节省了前端展示图片过程中判断展示模式的步骤,从而能够简化图片展示过程,减少图片展示过程消耗的时间。当然,实施本发明的任一产品或方法并不一定需要同时达到以上所述的所有优点。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1为本发明实施例提供的图片展示方法的一种流程图;
图2为本发明实施例中竖图模式展示图片的示意图;
图3为本发明实施例中横图模式展示图片的示意图;
图4为本发明实施例提供的图片展示方法的另一种流程图;
图5为本发明实施例中后端根据频道信息确定展示模式标志的示意图;
图6为本发明实施例提供的图片展示装置的一种结构示意图;
图7为本发明实施例提供的图片展示装置的另一种结构示意图;
图8为本发明实施例提供的图片展示装置的另一种结构示意图。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
图1为本发明实施例提供的图片展示方法的一种流程图,参照图1对本发明实施例提供的图片展示方法进行详细说明,该方法包括:
步骤101,获取待展示图片的地址,以及在展示区域展示待展示图片的展示模式标志。
实际应用中,视频网站中包括前端和后端,前端主要针对于与用户之间的交互,例如,网页端;后端主要针对于实际的逻辑处理,例如,服务器端。视频网站中,前端与后端分工合作、共同配合。
本发明实施例提供的方法可以应用于前端。具体的应用过程中,前端可以获取待展示图片的地址,以及在展示区域展示待展示图片的展示模式标志。
待展示图片可以是任意格式的图片。另外,需要重点说明的是,本发明实施例提供的方法中,前端直接获取在展示区域展示待展示图片的展示模式标志,不需要在展示待展示图片之前、判断在展示区域展示待展示图片的展示模式。
其中,展示模式标志是标识在展示区域展示待展示图片的展示模式的标志,可以是数字、字母或字符串等形式。例如,展示模式标志可以是数字“1”和“0”,“1”表示以竖图模式在展示区域展示待展示图片,“0”表示以横图模式在展示区域展示待展示图片;或者展示模式标志可以是字符串“vertical”和“horizon”,“vertical”表示以竖图模式在展示区域展示待展示图片、“horizon”表示以横图模式在展示区域展示待展示图片;或者展示模式标志可以是字母“V”和“H”,“V”表示以竖图模式在展示区域展示待展示图片,“H”表示以横图模式在展示区域展示待展示图片。
前端可以直接获得作为整体的待展示图片的地址和该展示模式标志,或者也可以分别获取待展示图片的地址和该展示模式标志。
步骤102,通过待展示图片的地址加载该待展示图片,并根据展示模式标志指示的展示模式,展示待展示图片。
通过获取的待展示图片的地址即可加载该待展示图片,并根据展示模式标志的指示,在展示区域以展示模式标志指示的展示模式展示所有的待展示图片。具体地,如果展示模式标志是数字形式,且获取的展示模式标志为数字“1”时,则可以如图2所示,在第一展示区域201以竖图模式展示所有的待展示图片202;获取的展示模式标志为数字“0”时,则可以如图3所示,在第二展示区域301以横图模式展示所有的待展示图片302。可以看出,针对不同的第一展示区域201和第二展示区域301,可以根据展示模式标志的不同指示,以不同的展示模式展示待展示图片。
实际应用过程中,针对不同的展示区域、不同的待展示图片可以使用不同的展示模式展示待展示图片。例如,针对具体的展示区域,前端可以分别计算出在该展示区域以竖图模式和以横图模式展示待展示图片的数量,并将以竖图模式和以横图模式展示待展示图片的数量发送给后端。以使后端根据待展示图片的具体情况,确定在展示区域展示待展示图片的展示模式标志,并将该展示模式标志,以及满足数量要求的待展示图片的地址反馈给前端。进而前端根据展示模式标志的指示展示所有的待展示图片。
本发明实施例提供的图片展示方法,前端获取待展示图片的地址和在展示区域展示待展示图片的展示模式标志;然后通过待展示图片的地址加载该待展示图片,并根据展示模式标志指示的展示模式,展示待展示图片。可以看出,本发明实施例提供的方法,前端直接获取在展示区域展示待展示图片的展示模式标志,不需要在展示图片之前判断在展示区域展示待展示图片的展示模式,节省了前端展示图片过程中判断展示模式的步骤,从而能够简化图片展示过程,减少图片展示过程消耗的时间。
为了在图片展示过程中,后端可以及时了解到前端的展示需求,并根据展示需求,反馈给前端需要展示的待展示图片以及展示模式标志,本发明实施例一种可选的实施方式中,在获取待展示图片的地址,以及在展示区域展示待展示图片的展示模式标志之前,本发明实施例提供的该图片展示方法还可以包括:
向后端发送请求,以使后端根据请求确定展示模式标志;其中,请求包括前端对应的展示区域以竖图展示模式展示待展示图片的最大数量M、以及展示区域以横图展示模式展示待展示图片的最大数量N。
本发明实施例中前端在展示区域展示图片时,首先根据展示区域确定出展示区域以竖图展示模式展示待展示图片的最大数量M、以及展示区域以横图展示模式展示待展示图片的最大数量N。然后将包含该最大数量M和该最大数量N等信息的请求发送给后端,以使后端在接收到请求后,根据请求中的信息确定在展示区域展示待展示图片的展示模式标志。然后,前端可以获取后端发送的待展示图片的地址和在展示区域展示待展示图片的展示模式标志。
如此使得,前端需要在展示区域展示图片时,向后端发送请求;后端可以及时地根据前端的请求,反馈给前端满足要求的待展示图片和展示模式标志。
实际应用过程中,视频网站中视频对应的封面图片可直观、概括地反映视频的内容,所以本发明实施例提供的图片展示方法中,待展示图片可以为视频对应的封面图片;展示模式标志可以是后端根据视频的频道信息生成的、指示前端在展示区域展示待展示图片的展示模式的标志。
具体地,前端获取所有需要展示的封面图片的地址,并获取后端根据视频的频道信息确定的在展示区域展示所有待展示图片的展示模式标志。然后,通过封面图片的地址加载所有的封面图片,并根据展示模式标志指示的展示模式,展示所有的封面图片。
需要说明的是,视频的频道信息与视频对应的封面图片的尺寸有直接关系。而展示区域的不同,则展示图片的尺寸不同,所以在实际应用过程中,可以通过视频的频道信息,确定在展示区域展示视频对应的封面图片的展示模式标志。
图4为本发明实施例提供的图片展示方法的另一种流程图,参照图4对本发明实施例提供的图片展示方法进行详细说明,该方法包括:
步骤401,确定待展示图片的地址,并确定在展示区域展示待展示图片的展示模式标志。
本发明实施例提供的图片展示方法应用于后端。实际应用过程中,后端存在需要在前端展示的待展示图片时,可以确定待展示图片的地址,并根据待展示图片的具体情况,确定指示在前端对应的展示区域展示待展示图片的展示模式标志。
例如,后端可以根据待展示图片存储的位置,确定待展示图片的地址。根据待展示图片实际尺寸与展示区域的匹配情况,确定在展示区域展示待展示图片的展示模式标志。另外,需要说明的是,展示模式标志的具体情况在上述前端对应的部分已经进行了详细的说明,这里就不再赘述。
步骤402,向前端发送待展示图片的地址,以及展示模式标志,以使前端根据地址加载待展示图片,并根据展示模式标志指示的展示模式展示待展示图片。
后端确定待展示图片的地址、以及指示前端在展示区域展示待展示图片的展示模式标志之后,可以向前端发送待展示图片的地址,以及展示模式标志。例如,后端可以主动地将确定的待展示图片的地址,以及展示模式标志发送给前端;或者等待前端的请求,在接收到前端的请求后,将待展示图片的地址,以及展示模式标志发送给前端。
具体地,前端在接收到后端发送的待展示图片的地址,以及展示模式标志后,可以根据待展示图片的地址加载待展示图片,并根据展示模式标志指示的展示模式展示待展示图片的过程,上述内容已经进行了详细的说明,这里就不再赘述。
本发明实施例提供的图片展示方法,后端确定待展示图片的地址,并确定在展示区域展示待展示图片的展示模式标志;向前端发送待展示图片的地址,以及展示模式标志,以使前端根据地址加载待展示图片,并根据展示模式标志指示的展示模式展示待展示图片。如此使得,在图片展示过程中,后端判断在展示区域展示待展示图片的展示模式标志,并将该标志发送给前端,以使前端可以直接根据标志的指示在展示区域展示待展示图片,从而能够简化图片展示过程,减少图片展示过程消耗的时间。
本发明实施例提供的图片展示方法一种可选的实施例中,后端接收到前端发送的请求后,可以根据请求确定待展示图片的地址,并确定在展示区域展示待展示图片的展示模式标志。需要说明的是,后端接收到的请求中可以包括前端对应的展示区域以竖图展示模式展示待展示图片的最大数量M、以及该展示区域以横图展示模式展示所待展示图片的最大数量N。
后端接收到前端发送的请求后,可以解析出请求包含的前端对应的展示区域以竖图展示模式展示待展示图片的最大数量M、以及展示区域以横图展示模式展示待展示图片的最大数量N。然后确定出满足数量要求的待展示图片,进而确定出所有待展示图片的地址、以及指示前端在展示区域展示待展示图片的展示模式标志。
本发明实施例一种可实现方式中,待展示图片可以为视频对应的封面图片。针对待展示图片为视频对应的封面图片的情况,后端确定在展示区域展示待展示图片的展示模式标志可以包括:根据前端发送的请求,以及视频的频道信息,确定在展示区域展示封面图片的展示模式标志。参照上述内容,视频的频道信息与视频对应的封面图片的尺寸有直接关系。而展示区域的不同,则展示图片的尺寸不同,所以在实际应用过程中,可以通过视频的频道信息,确定在展示区域展示视频对应的封面图片的展示模式标志。
具体地,后端根据前端发送的请求,以及视频的频道信息,确定在展示区域展示封面图片的展示模式标志,包括:第一,从前端发送的请求中,解析出展示区域以竖图展示模式展示封面图片的最大数量M、以及展示区域以横图展示模式展示封面图片的最大数量N;第二,当存在M个视频的频道都包含于预设频道集合中时,确定在展示区域展示M个视频对应的封面图片的展示模式标志为竖图展示模式标志;第三,当存在N个视频的频道不均属于预设频道集合中时,确定在展示区域展示N个视频对应的封面图片的展示模式标志为横图展示模式标志。
需要说明的是,预设频道集合中的频道可以是根据实际情况确定的。例如,预设频道集合Ω={cid1,cid2,…,cidn},具体的,预设频道集合可以为,Ω={频道1,频道2,频道4,频道6}。
后端通过视频的频道信息,确定出在展示区域展示视频对应的封面图片的展示模式标志,使展示区域与封面图片进行了匹配,进而使得前端针对不同的展示区域展示适合该展示区域的图片。
图5为本发明实施例中后端根据频道信息确定展示模式标志的示意图,参照图5对本发明实施例提供的图片展示方法中,后端根据视频的频道信息确定展示模式标志的过程进行详细地说明。
具体地,后端从大量的视频中筛选出符合业务要求的视频(例如,电影视频),组成可选视频集。之后可以遍历可选视频集中的视频,根据视频的频道信息确定展示模式,并将竖图模式作为默认的展示模式,即判断是否满足竖图模式的条件,如果不满足,则确定是横图模式。根据前端发送的请求中展示区域以竖图展示模式展示封面图片的最大数量M、以及展示区域以横图展示模式展示封面图片的最大数量N。
需要说明的是,后端在通过视频的频道信息确定展示模式的过程中,可以将频道包含在预设频道集合中的视频加入候选视频集合中。
具体的,后端可以判断当前视频的频道是否包含在预设频道集合中,如果是,继续判断当前候选视频集合中的视频数目,如果视频数目达到M个,则确定展示模式为竖图展示模式,并确定当前候选视频集合中的M个视频对应的封面图片为向前端返回的待显示图片;如果视频数目未达到M个,则继续判断下一个视频的频道是否包含在预设频道集合中。
当后端判断得到当前视频的频道不包含在预设频道集合中时,则确定展示模式为横图展示模式,并继续判断当前候选视频集合中的视频数目。如果视频数目刚好等于N个,则确定当前候选视频集合中的N个视频对应的封面图片为向前端返回的待显示图片。如果视频数目大于N个,则确定当前候选视频集合中的前N个视频对应的封面图片为向前端返回的待显示图片。例如,判断前3个视频的频道都包含在预设频道集合中,到第4个视频的频道不包含在预设频道集合中,此时确定展示模式为横图展示模式,而横图模式展示能够展示3个图片,则去除第4个视频对应的封面图片、选取前3个视频对应的封面图片作为待显示图片。如果视频数目小于N,则继续判断下一个视频的频道是否包含在预设频道集合中。
其中,针对视频数目小于N的情况,实际的应用过程中,只要当前视频的频道不包含在预设频道集合中,不论后面的视频的频道包含或者是不包含在预设频道集合中,都确定展示模式为横图展示模式。
另外,需要说明的是,后端确定在展示区域展示所有待展示图片的展示模式后,将该展示模式生成对应的展示模式标志。具体的,将确定的展示模式生成数字、字母等形式的标志。如此使得,后端发送的内容简单,并且前端可以根据标志直接解析出展示模式。具体的展示模式标志的内容在上述前端对应的说明部分已经进行了详细地说明,这里就不再赘述。
另一方面,本发明实施例还提供了一种图片展示装置,图6为本发明实施例提供的图片展示装置的一种结构示意图,参照图6对该装置进行详细说明,该装置包括:
获取模块601,用于获取待展示图片的地址,以及在展示区域展示待展示图片的展示模式标志。
展示模块602,用于通过地址加载待展示图片,并根据展示模式标志指示的展示模式,展示待展示图片。
本发明实施例提供的图片展示装置,前端获取待展示图片的地址和在展示区域展示待展示图片的展示模式标志;然后通过待展示图片的地址加载该待展示图片,并根据展示模式标志指示的展示模式,展示待展示图片。可以看出,本发明实施例提供的装置,前端直接获取在展示区域展示待展示图片的展示模式标志,不需要在展示图片之前判断在展示区域展示待展示图片的展示模式,节省了前端展示图片过程中判断展示模式的步骤,从而能够简化图片展示过程,减少图片展示过程消耗的时间。
图7为本发明实施例提供的图片展示装置的另一种结构示意图,参照图7,可选的,本发明实施例提供的图片展示装置,还包括:
请求模块603,用于向后端发送请求,以使后端根据请求确定展示模式标志;其中,请求包括前端对应的展示区域以竖图展示模式展示待展示图片的最大数量M、以及展示区域以横图展示模式展示待展示图片的最大数量N。
可选的,本发明实施例提供的图片展示装置中,获取模块601具体用于接收后端发送的待展示图片的地址和展示模式标志。
可选的,本发明实施例提供的图片展示装置中,待展示图片为视频对应的封面图片;展示模式标志是后端根据视频的频道信息生成的。
图8为本发明实施例提供的图片展示装置的另一种结构示意图,参照图8对该装置进行详细说明,该装置包括:
确定模块801,用于确定待展示图片的地址,并确定在展示区域展示待展示图片的展示模式标志。
发送模块802,用于向前端发送待展示图片的地址,以及展示模式标志,以使前端根据地址加载待展示图片,并根据展示模式标志指示的展示模式展示待展示图片。
本发明实施例提供的图片展示装置,后端确定待展示图片的地址,并确定在展示区域展示待展示图片的展示模式标志;向前端发送待展示图片的地址,以及展示模式标志,以使前端根据地址加载待展示图片,并根据展示模式标志指示的展示模式展示待展示图片。如此使得,在图片展示过程中,后端判断在展示区域展示待展示图片的展示模式标志,以使前端可以直接根据标志的指示在展示区域展示待展示图片,从而能够简化图片展示过程,减少图片展示过程消耗的时间。
可选的,本发明实施例提供的图片展示装置中,确定模块801包括:
接收子模块,用于接收前端发送的请求,其中,请求包括前端对应的展示区域以竖图展示模式展示待展示图片的最大数量M、以及展示区域以横图展示模式展示待展示图片的最大数量N。
确定子模块,用于根据请求确定展示模式标志。
可选的,本发明实施例提供的图片展示装置中,待展示图片为视频对应的封面图片;
确定子模块具体用于,根据前端发送的请求,以及视频的频道信息,确定在展示区域展示封面图片的展示模式标志。
可选的,本发明实施例提供的图片展示装置中,确定子模块包括:
解析单元,用于从前端发送的请求中,解析出展示区域以竖图展示模式展示封面图片的最大数量M、以及展示区域以横图展示模式展示封面图片的最大数量N。
第一确定单元,用于当存在M个视频的频道都包含于预设频道集合中时,确定在展示区域展示M个视频对应的封面图片的展示模式标志为竖图展示模式标志。
第二确定单元,用于当存在N个视频的频道不均属于预设频道集合中时,确定在展示区域展示N个视频对应的封面图片的展示模式标志为横图展示模式标志。
需要说明的是,本发明实施例的装置是应用上述图片展示方法的装置,则上述图片展示方法的所有实施例均适用于该装置,且均能达到相同或相似的有益效果。
需要说明的是,在本文中,诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
本说明书中的各个实施例均采用相关的方式描述,各个实施例之间相同相似的部分互相参见即可,每个实施例重点说明的都是与其他实施例的不同之处。尤其,对于系统实施例而言,由于其基本相似于方法实施例,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。
以上所述仅为本发明的较佳实施例而已,并非用于限定本发明的保护范围。凡在本发明的精神和原则之内所作的任何修改、等同替换、改进等,均包含在本发明的保护范围内。
Claims (16)
1.一种图片展示方法,其特征在于,应用于前端,包括:
获取待展示图片的地址,以及在展示区域展示所述待展示图片的展示模式标志;其中,所述展示模式标志用于表示以竖图模式在所述展示区域展示所述待展示图片,或者以横图模式在所述展示区域展示所述待展示图片;所述展示模式标志是后端根据在展示区域以竖图模式和以横图模式展示待展示图片的数量确定的,所述在展示区域以竖图模式和以横图模式展示待展示图片的数量是前端计算并发送给后端的;
通过所述地址加载所述待展示图片,并根据所述展示模式标志指示的展示模式,展示所述待展示图片。
2.根据权利要求1所述的方法,其特征在于,在所述获取待展示图片的地址,以及在展示区域展示所述待展示图片的展示模式标志之前,所述方法还包括:
向后端发送请求,以使所述后端根据所述请求确定所述展示模式标志;其中,所述请求包括所述前端对应的展示区域以竖图展示模式展示所述待展示图片的最大数量M、以及所述展示区域以横图展示模式展示所述待展示图片的最大数量N。
3.根据权利要求1所述的方法,其特征在于,所述获取待展示图片的地址,以及在展示区域展示所述待展示图片的展示模式标志包括:
接收后端发送的待展示图片的地址和展示模式标志。
4.根据权利要求1至3任一项所述的方法,其特征在于,所述待展示图片为视频对应的封面图片;所述展示模式标志是所述后端根据所述视频的频道信息生成的。
5.一种图片展示方法,其特征在于,应用于后端,包括:
确定待展示图片的地址,并确定在展示区域展示所述待展示图片的展示模式标志;其中,所述展示模式标志用于表示以竖图模式在所述展示区域展示所述待展示图片,或者以横图模式在所述展示区域展示所述待展示图片;所述确定在展示区域展示所述待展示图片的展示模式标志,包括:根据在展示区域以竖图模式和以横图模式展示待展示图片的数量确定所述展示模式标志;所述在展示区域以竖图模式和以横图模式展示待展示图片的数量是前端计算并发送给后端的;
向前端发送所述待展示图片的地址,以及所述展示模式标志,以使所述前端根据所述地址加载所述待展示图片,并根据所述展示模式标志指示的展示模式展示所述待展示图片。
6.根据权利要求5所述的方法,其特征在于,所述确定在展示区域展示所述待展示图片的展示模式标志包括:
接收所述前端发送的请求,其中,所述请求包括所述前端对应的展示区域以竖图展示模式展示所述待展示图片的最大数量M、以及所述展示区域以横图展示模式展示所述待展示图片的最大数量N;
根据所述请求确定所述展示模式标志。
7.根据权利要求6所述的方法,其特征在于,所述待展示图片为视频对应的封面图片;
所述根据所述请求确定所述展示模式标志包括:
根据所述请求,以及所述视频的频道信息,确定在所述展示区域展示所述封面图片的展示模式标志。
8.根据权利要求7所述的方法,其特征在于,所述根据所述请求,以及所述视频的频道信息,确定在所述展示区域展示所述封面图片的展示模式标志,包括:
从前端发送的请求中,解析出所述展示区域以竖图展示模式展示所述封面图片的最大数量M、以及所述展示区域以横图展示模式展示所述封面图片的最大数量N;
当存在M个视频的频道都包含于预设频道集合中时,确定在所述展示区域展示所述M个视频对应的封面图片的展示模式标志为竖图展示模式标志;
当存在N个视频的频道不均属于预设频道集合中时,确定在所述展示区域展示所述N个视频对应的封面图片的展示模式标志为横图展示模式标志。
9.一种图片展示装置,其特征在于,应用于前端,包括:
获取模块,用于获取待展示图片的地址,以及在展示区域展示所述待展示图片的展示模式标志;其中,所述展示模式标志用于表示以竖图模式在所述展示区域展示所述待展示图片,或者以横图模式在所述展示区域展示所述待展示图片;所述展示模式标志是后端根据在展示区域以竖图模式和以横图模式展示待展示图片的数量确定的,所述在展示区域以竖图模式和以横图模式展示待展示图片的数量是前端计算并发送给后端的;
展示模块,用于通过所述地址加载所述待展示图片,并根据所述展示模式标志指示的展示模式,展示所述待展示图片。
10.根据权利要求9所述的装置,其特征在于,所述装置还包括:
请求模块,用于向后端发送请求,以使所述后端根据所述请求确定所述展示模式标志;其中,所述请求包括所述前端对应的展示区域以竖图展示模式展示所述待展示图片的最大数量M、以及所述展示区域以横图展示模式展示所述待展示图片的最大数量N。
11.根据权利要求9所述的装置,其特征在于,所述获取模块,具体用于接收后端发送的待展示图片的地址和展示模式标志。
12.根据权利要求9至11任一项所述的装置,其特征在于,所述待展示图片为视频对应的封面图片;所述展示模式标志是所述后端根据所述视频的频道信息生成的。
13.一种图片展示装置,其特征在于,应用于后端,包括:
确定模块,用于确定待展示图片的地址,并确定在展示区域展示所述待展示图片的展示模式标志;其中,所述展示模式标志用于表示以竖图模式在所述展示区域展示所述待展示图片,或者以横图模式在所述展示区域展示所述待展示图片;所述确定模块,具体用于根据在展示区域以竖图模式和以横图模式展示待展示图片的数量确定所述展示模式标志;所述在展示区域以竖图模式和以横图模式展示待展示图片的数量是前端计算并发送给后端的;
发送模块,用于向前端发送所述待展示图片的地址,以及所述展示模式标志,以使所述前端根据所述地址加载所述待展示图片,并根据所述展示模式标志指示的展示模式展示所述待展示图片。
14.根据权利要求13所述的装置,其特征在于,所述确定模块包括:
接收子模块,用于接收所述前端发送的请求,其中,所述请求包括所述前端对应的展示区域以竖图展示模式展示所述待展示图片的最大数量M、以及所述展示区域以横图展示模式展示所述待展示图片的最大数量N;
确定子模块,用于根据所述请求确定所述展示模式标志。
15.根据权利要求14所述的装置,其特征在于,所述待展示图片为视频对应的封面图片;
所述确定子模块,具体用于根据所述请求,以及所述视频的频道信息,确定在所述展示区域展示所述封面图片的展示模式标志。
16.根据权利要求15所述的装置,其特征在于,所述确定子模块包括:
解析单元,用于从前端发送的请求中,解析出所述展示区域以竖图展示模式展示所述封面图片的最大数量M、以及所述展示区域以横图展示模式展示所述封面图片的最大数量N;
第一确定单元,用于当存在M个视频的频道都包含于预设频道集合中时,确定在所述展示区域展示所述M个视频对应的封面图片的展示模式标志为竖图展示模式标志;
第二确定单元,用于当存在N个视频的频道不均属于预设频道集合中时,确定在所述展示区域展示所述N个视频对应的封面图片的展示模式标志为横图展示模式标志。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710208977.6A CN107169008B (zh) | 2017-03-31 | 2017-03-31 | 一种图片展示方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710208977.6A CN107169008B (zh) | 2017-03-31 | 2017-03-31 | 一种图片展示方法及装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN107169008A CN107169008A (zh) | 2017-09-15 |
CN107169008B true CN107169008B (zh) | 2021-06-04 |
Family
ID=59849730
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201710208977.6A Active CN107169008B (zh) | 2017-03-31 | 2017-03-31 | 一种图片展示方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN107169008B (zh) |
Families Citing this family (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111382192B (zh) * | 2018-12-28 | 2023-11-03 | 北京神州泰岳软件股份有限公司 | 一种数据列表展示方法、装置和电子设备 |
Citations (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103677552A (zh) * | 2012-09-12 | 2014-03-26 | 腾讯科技(深圳)有限公司 | 一种网页中图片的控制和展示方法、及其装置 |
Family Cites Families (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US6678864B1 (en) * | 1992-02-25 | 2004-01-13 | Irving Tsai | Method and apparatus for linking designated portions of a received document image with an electronic address |
CN103390012B (zh) * | 2012-09-13 | 2017-03-08 | 百度在线网络技术(北京)有限公司 | 一种基于访问的展示图片生成方法和装置 |
CN103747058B (zh) * | 2013-12-23 | 2018-02-09 | 乐视致新电子科技(天津)有限公司 | 一种展示图片的方法和装置 |
CN105183308A (zh) * | 2015-07-27 | 2015-12-23 | 努比亚技术有限公司 | 图片显示方法及装置 |
-
2017
- 2017-03-31 CN CN201710208977.6A patent/CN107169008B/zh active Active
Patent Citations (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103677552A (zh) * | 2012-09-12 | 2014-03-26 | 腾讯科技(深圳)有限公司 | 一种网页中图片的控制和展示方法、及其装置 |
Also Published As
Publication number | Publication date |
---|---|
CN107169008A (zh) | 2017-09-15 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US20090025030A1 (en) | Contents display system and contents display method | |
US10521176B2 (en) | Integrated learning using multiple devices | |
US10296997B2 (en) | Image-based information acquisition method and apparatus | |
CN105808681B (zh) | 基于电子地图和移动定位的发布信息查看方法和系统 | |
CN110245069A (zh) | 页面版本的测试方法和装置、页面的展示方法和装置 | |
CN103176996A (zh) | 基于图片特征信息的图片搜索方法及图片搜索引擎服务器 | |
CN104811745A (zh) | 一种视频内容的展示方法及装置 | |
US20230177570A1 (en) | Dynamic insertion of content items into resources | |
CN102955858A (zh) | 视频文件的搜索排序方法、系统及服务器 | |
CN103177101B (zh) | 一种在文件夹图标上循环显示缩略图的方法及装置 | |
CN113778285A (zh) | 道具处理方法、装置、设备及介质 | |
CN107169008B (zh) | 一种图片展示方法及装置 | |
CN108596661B (zh) | 广告配置方法及系统 | |
CN114237890A (zh) | 应用的协同展示方法、装置、服务器、终端和程序产品 | |
CN110456999B (zh) | 节目创建方法、装置、电子设备及计算机可读存储介质 | |
CN112312185A (zh) | 一种智能绘画方法、装置、设备及其系统 | |
CN110598032B (zh) | 一种图像标签生成方法、服务器及终端设备 | |
CN109710783B (zh) | 一种图片加载方法、装置、存储介质及服务器 | |
CN112348077A (zh) | 图像识别方法、装置、设备及计算机可读存储介质 | |
JP2016029540A (ja) | 情報処理装置、情報処理方法及びプログラム | |
CN105988679A (zh) | 一种信息呈现方法、装置及一种用户设备 | |
CN115756461A (zh) | 标注模板生成方法、图像识别方法、装置和电子设备 | |
CN113781114A (zh) | 电梯广告投放方法、系统、装置和电子设备 | |
CN111629256B (zh) | 页面显示方法、设备及计算机存储介质 | |
CN104331260A (zh) | 在屏幕上显示网页的方法及设备 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |