CN113626632B - 影集素材的显示方法、装置及电子设备 - Google Patents

影集素材的显示方法、装置及电子设备 Download PDF

Info

Publication number
CN113626632B
CN113626632B CN202110874454.1A CN202110874454A CN113626632B CN 113626632 B CN113626632 B CN 113626632B CN 202110874454 A CN202110874454 A CN 202110874454A CN 113626632 B CN113626632 B CN 113626632B
Authority
CN
China
Prior art keywords
album
display
template
album material
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
Application number
CN202110874454.1A
Other languages
English (en)
Other versions
CN113626632A (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.)
Beijing Dajia Internet Information Technology Co Ltd
Original Assignee
Beijing Dajia Internet Information Technology 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 Beijing Dajia Internet Information Technology Co Ltd filed Critical Beijing Dajia Internet Information Technology Co Ltd
Priority to CN202110874454.1A priority Critical patent/CN113626632B/zh
Publication of CN113626632A publication Critical patent/CN113626632A/zh
Application granted granted Critical
Publication of CN113626632B publication Critical patent/CN113626632B/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/50—Information retrieval; Database structures therefor; File system structures therefor of still image data
    • G06F16/54—Browsing; Visualisation therefor
    • 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/74—Browsing; Visualisation therefor
    • G06F16/743—Browsing; Visualisation therefor a collection of video files or sequences
    • 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/04845—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 for image manipulation, e.g. dragging, rotation, expansion or change of colour

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Multimedia (AREA)
  • Human Computer Interaction (AREA)
  • Data Mining & Analysis (AREA)
  • Databases & Information Systems (AREA)
  • Processing Or Creating Images (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本公开实施例提供了一种影集素材的显示方法、装置及电子设备。方法包括：获取影集素材集合，所述影集素材集合中的影集素材的类型为图片或视频；根据所述影集素材集合的影集素材信息，对待填充影集素材的素材显示模板进行处理，得到用于填充所述影集素材集合的目标显示模板；将所述影集素材集合填充至所述目标显示模板中并进行显示；其中，所述影集素材信息包括：所述影集素材集合中的影集素材数量和/或每一影集素材的类型。因此，在本公开的实施例中，不仅便于用户对影集素材的查看，并且满足用户多样化的视觉观感，提高用户体验和用户粘性。

Description

影集素材的显示方法、装置及电子设备
技术领域
本公开涉及计算机技术领域，尤其涉及一种影集素材的显示方法、装置及电子设备。
背景技术
随着智能手机等电子设备的快速普及，个人相册的数量呈现爆发式增长，人们可以将手机中的照片制作成影集，或者将视频制作成影集，而照片或视频一般都是按照相册中图片或视频的排列方式进行展示，并且影集模板不能随着影集素材信息自适应更改，导致影集生成过程灵活性较差，降低用户体验和用户粘性。
发明内容
本公开提供一种影集素材的显示方法、装置及电子设备，以解决相关技术中只能展示同类型素材的影集以及影集模板不能进行自适应更改的问题。本公开的技术方案如下：
根据本公开实施例的第一方面，提供了一种影集素材的显示方法，所述方法包括：
获取影集素材集合，所述影集素材集合中的影集素材的类型为图片或视频；
根据所述影集素材集合的影集素材信息，对待填充影集素材的素材显示模板进行处理，得到用于填充所述影集素材集合的目标显示模板；
将所述影集素材集合填充至所述目标显示模板中并进行显示；
其中，所述影集素材信息包括：所述影集素材集合中的影集素材数量和/或每一影集素材的类型。
在一种可能实施方式中，所述目标显示模板包含多组素材显示框，每一组素材显示框包含：一个第一尺寸的素材显示框或者M个第二尺寸的素材显示框；所述第一尺寸大于所述第二尺寸，M为大于1的正整数；
其中，一个素材显示框为待填充一个影集素材的空白显示框。
在一种可能实施方式中，所述根据所述影集素材集合的影集素材信息，对以及待填充影集素材的素材显示模板进行处理，得到用于填充所述影集素材集合的目标显示模板，包括：
获取所述影集素材集合的影集素材信息以及屏幕中用于显示所述影集素材的显示区域的面积；
根据所述影集素材信息和所述显示区域的面积，确定素材显示模板；
获取所述素材显示模板的末尾一组素材显示框的显示方式；
根据所述末尾一组素材显示框的显示方式，确定用于填充所述影集素材集合的目标显示模板。
在一种可能实施方式中，所述根据所述末尾一组素材显示框的显示方式，确定用于填充所述影集素材集合的目标显示模板，包括：
在所述末尾一组素材显示框的显示方式为显示一个第一尺寸的素材显示框的情况下，将所述素材显示模板确定为目标显示模板；
在所述末尾一组素材显示框的显示方式为显示N个第二尺寸的素材显示框的情况下，将N个第二尺寸的素材显示框的尺寸放大至预设尺寸，得到放大后的素材显示模板，并将所述放大后的素材显示模板确定为目标显示模板；
其中，N为大于0且小于M的正整数，所述预设尺寸为大于所述第二尺寸、且小于或等于所述第一尺寸的尺寸。
在一种可能实施方式中，所述将所述影集素材集合填充至所述目标显示模板中并进行显示，包括：
将所述影集素材集合中的影集素材进行尺寸调整，以适应于所目标显示模板中与影集素材相对应的素材显示框；
将调整后的影集素材填充至对应的素材显示框中；
将已填充影集素材的目标显示模板中的至少部分影集素材显示于影集素材的显示区域中。
在一种可能实施方式中，所述将已填充影集素材的目标显示模板中的至少部分影集素材显示于影集素材的显示区域中之后，所述方法还包括：
在已填充影集素材的目标显示模板中的其中一部分影集素材显示于所述显示区域中的情况下，响应于用户对所述显示区域的滑动指令，更新在所述显示区域中显示的影集素材。
在一种可能实施方式中，在所述已填充影集素材的目标显示模板中的至少部分影集素材显示于影集素材的显示区域中的情况下，所述方法还包括：
在所述显示区域中显示有视频类型的第一影集素材的情况下，获取所述第一影集素材的视频信息；
根据所述视频信息，确定所述第一影集素材在所述显示区域上的显示方式；
其中，所述显示方式包括：播放第一影集素材和显示第一影集素材封面图。
在一种可能实施方式中，所述视频信息包括以下至少一项：
第一影集素材在所述显示区域的显示完整度；
第一影集素材在所述目标显示模板中的位置；
第一影集素材的播放时长；
第一影集素材的清晰度；
第一影集素材进入所述显示区域的时间。
在一种可能实施方式中，在所述视频信息包括第一影集素在所述显示区域的显示完整度的情况下，所述根据所述视频信息，确定所述第一影集素材在所述显示区域上的显示方式，包括：
在所述第一影集素材在所述显示区域的显示完整度为完全显示的情况下，确定所述第一影集素材的显示方式为播放第一影集素材。
在一种可能实施方式中，在所述视频信息包括第一影集素在所述显示区域的显示完整度的情况下，所述根据所述视频信息，确定所述第一影集素材在所述显示区域上的显示方式，包括：
在所述第一影集素材在所述显示区域的显示完整度为非完全显示的情况下，确定所述第一影集素材的显示方式为显示第一影集素材封面图。
根据本公开实施例的第二方面，提供一种影集素材的显示装置，所述装置包括：
素材获取模块，被配置为获取影集素材集合，所述影集素材集合中的影集素材的类型为图片或视频；
模板处理模块，被配置为根据所述影集素材集合的影集素材信息，对待填充影集素材的素材显示模板进行处理，得到用于填充所述影集素材集合的目标显示模板；
素材显示模块，被配置为将所述影集素材集合填充至所述目标显示模板中并进行显示；
其中，所述影集素材信息包括：所述影集素材集合中的影集素材数量和/或每一影集素材的类型。
在一种可能实施方式中，所述目标显示模板包含多组素材显示框，每一组素材显示框包含：一个第一尺寸的素材显示框或者M个第二尺寸的素材显示框；所述第一尺寸大于所述第二尺寸，M为大于1的正整数；
其中，一个素材显示框为待填充一个影集素材的空白显示框。
在一种可能实施方式中，所述模板处理模块，具体被配置为：
获取所述影集素材集合的影集素材信息以及屏幕中用于显示所述影集素材的显示区域的面积；
根据所述影集素材信息和所述显示区域的面积，确定素材显示模板；
获取所述素材显示模板的末尾一组素材显示框的显示方式；
根据所述末尾一组素材显示框的显示方式，确定用于填充所述影集素材集合的目标显示模板。
在一种可能实施方式中，所述模板处理模块在根据所述末尾一组素材显示框的显示方式，确定用于填充所述影集素材集合的目标显示模板时，具体被配置为：
在所述末尾一组素材显示框的显示方式为显示一个第一尺寸的素材显示框的情况下，将所述素材显示模板确定为目标显示模板。
在所述末尾一组素材显示框的显示方式为显示N个第二尺寸的素材显示框的情况下，将N个第二尺寸的素材显示框的尺寸放大至预设尺寸，得到放大后的素材显示模板，并将所述放大后的素材显示模板确定为目标显示模板；
其中，N为大于0且小于M的正整数，所述预设尺寸为大于所述第二尺寸、且小于或等于所述第一尺寸的尺寸。
在一种可能实施方式中，所述素材显示模块，具体被配置为：
将所述影集素材集合中不同影集素材进行尺寸调整，以适应于所目标显示模板中与影集素材相对应的素材显示框；
将调整后的影集素材填充至对应的素材显示框中；
将已填充影集素材的目标显示模板中的至少部分影集素材显示于影集素材的显示区域中。
在一种可能实施方式中，所述素材显示模块在将已填充影集素材的目标显示模板中的至少部分影集素材显示于影集素材的显示区域中之后，还具体被配置为：
在已填充影集素材的目标显示模板中的其中一部分影集素材显示于所述显示区域中的情况下，响应于用户对所述显示区域的滑动指令，更新在所述显示区域中显示的影集素材。
在一种可能实施方式中，在所述已填充影集素材的目标显示模板中的至少部分影集素材显示于影集素材的显示区域中的情况下，所述装置还包括：
信息获取模块，被配置为在所述显示区域中显示有视频类型的第一影集素材的情况下，获取所述第一影集素材的视频信息；
显示方式确定模块，被配置为根据所述视频信息，确定所述第一影集素材在所述显示区域上的显示方式；
其中，所述显示方式包括：播放第一影集素材和显示第一影集素材封面图。
在一种可能实施方式中，所述视频信息包括以下至少一项：
第一影集素材在所述显示区域的显示完整度；
第一影集素材在所述目标显示模板中的位置；
第一影集素材的播放时长；
第一影集素材的清晰度；
第一影集素材进入所述显示区域的时间。
在一种可能实施方式中，在所述视频信息包括第一影集素在所述显示区域的显示完整度的情况下，所述显示方式确定模块，具体被配置为：
在所述第一影集素材在所述显示区域的显示完整度为完全显示的情况下，确定所述第一影集素材的显示方式为播放第一影集素材。
在一种可能实施方式中，在所述视频信息包括第一影集素在所述显示区域的显示完整度的情况下，所述显示方式确定模块，具体被配置为：
在所述第一影集素材在所述显示区域的显示完整度为非完全显示的情况下，确定所述第一影集素材的显示方式为显示第一影集素材封面图。
根据本公开实施例的第三方面，提供一种电子设备，该电子设备包括：
处理器；
用于存储该处理器可执行指令的存储器；
其中，该处理器被配置为执行所述指令，以实现本公开提供的影集素材的显示方法。
根据本公开实施例的第四方面，提供一种计算机可读存储介质，当所述计算机可读存储介质中的指令由电子设备的处理器执行时，使得电子设备能够执行上述第一方面所述的影集素材的显示方法。
根据本公开实施例的第五方面，提供一种计算机程序产品，包括计算机程序/指令，所述计算机程序/指令被处理器执行时实现本公开提供的影集素材的显示方法。
本公开的实施例提供的技术方案至少带来以下有益效果：
本公开的实施例提供的技术方案，通过获取影集素材集合，所述影集素材集合中的影集素材的类型为图片或视频；根据所述影集素材集合的影集素材信息，对待填充影集素材的素材显示模板进行处理，得到用于填充所述影集素材集合的目标显示模板；将所述影集素材集合填充至所述目标显示模板中并进行显示；由于每一个影集素材集合中的图片和视频的数量并不相同，每次根据不同的影集素材集合的影集素材信息，对素材显示模型进行不同处理，可以生成适合该影集素材集合的目标显示模板，再将该影集素材集合填充至目标显示模板中并进行显示，根据不同的影集素材集合生成不同的目标显示模板进行填充并显示，得到更适合的影集素材显示方式，更便于用户对影集素材的查看；并且，可以同时对图片和视频进行展示，满足用户多样化的视觉观感，提高用户体验和用户粘性。
应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理，并不构成对本公开的不当限定。
图1是根据一示例性实施例示出的一种影集素材的显示方法的流程图；
图2是根据一示例性实施例示出的另一种影集素材的显示方法的流程图；
图3是根据一示例性实施例示出的素材显示模板的结构示意图；
图4是根据一示例性实施例示出的影集素材显示于显示区域的示意图之一；
图5是根据一示例性实施例示出的目标显示模板的结构示意图；
图6是根据一示例性实施例示出的影集素材显示于显示区域的示意图之二；
图7是根据一示例性实施例示出的影集素材显示于显示区域的示意图之三；
图8是根据一示例性实施例示出的一种影集素材的显示装置的框图
图9是根据一示例性实施例示出的电子设备的框图；
图10是根据一示例性实施例示出的另一电子设备的框图。
具体实施方式
为了使本领域普通人员更好地理解本公开的技术方案，下面将结合附图，对本公开实施例中的技术方案进行清楚、完整地描述。
需要说明的是，本公开的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本公开的实施例能够以除了在这里图示或描述的那些以外的顺序实施。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。
图1是根据一示例性实施例示出的一种影集素材的显示方法的流程图，可以应用于电子设备，如图1所示，上述影集素材的显示方法，可以包括以下步骤。
在步骤S11中，获取影集素材集合，所述影集素材集合中的影集素材的类型为图片或视频。
具体的，在用户使用电子设备的过程中，若电子设备检测到用户对影集素材筛选控件的第一输入，则电子设备向服务器发送筛选影集素材的请求，服务器将相册中所有的影集素材进行筛选，然后服务器将筛选之后的多个影集素材组成的影集素材集合发送至电子设备，电子设备接收所述影集素材集合，该影集素材集合中包含有多个影集素材，影集素材的类型为图片或者视频，即影集素材集合中包含由图片和/或视频。
需要说明的是，服务器对影集素材的筛选方式可以为按照拍摄时间进行筛选，或者按照清晰度进行筛选，或者按照季节进行筛选，或者按照拍摄地点进行筛选等，在此不做具体限定。
其中，所述第一输入可以是用户对影集素材筛选控件的单击输入、双击输入、滑动输入、按压输入等，并且，该第一输入也可以为第一操作，在此不做具体限定。
在步骤S12中，根据所述影集素材集合的影集素材信息，对待填充影集素材的素材显示模板进行处理，得到用于填充所述影集素材集合的目标显示模板；
其中，所述影集素材信息包括：所述影集素材集合中的影集素材数量和/或每一影集素材的类型等。
具体的，电子设备获取所述影集素材集合中的影集素材数量和/或每一影集素材的类型等，并根据上述影集素材数量和/或每一影集素材的类型，对待填充影集素材的素材显示模板进行处理，由此可以得到新的素材显示模板，即得到的新的素材显示模板为用于填充所述影集素材集合的目标显示模板。
或者，电子设备获取所述影集素材集合中的影集素材数量和/或每一影集素材的类型等，并根据上述影集素材数量和/或每一影集素材的类型，从多个待填充影集素材的素材显示模板中确定出目标显示模板。
其中，素材显示模板为预设的用于填充影集素材的模板，可以将影集素材填充至素材显示模板中向用户进行展示；所述目标显示模板是在素材显示模板的基础上，根据上述影集素材数量和/或每一影集素材的类型等进行调整得到的。
在步骤S13中，将所述影集素材集合填充至所述目标显示模板中并进行显示。
具体的，在确定用于填充所述影集素材集合的目标显示模板之后，将该影集素材集合中的影集素材填充至目标显示模板中(即在目标显示模板渲染影集素材)，并将填充后的目标显示模板展示给用户观看(即将渲染完成后的目标显示模板显示给用户观看)，根据不同的影集素材集合生成不同的目标显示模板进行填充并显示，得到更适合的影集素材显示方式，更便于用户对影集素材的查看，满足用户多样化的视觉观感，提高用户体验和用户粘性。
由上述步骤S11至S13可知，本公开的实施例，能够通过获取影集素材集合，所述影集素材集合中的影集素材的类型为图片或视频；根据所述影集素材集合的影集素材信息，对待填充影集素材的素材显示模板进行处理，得到用于填充所述影集素材集合的目标显示模板；将所述影集素材集合填充至所述目标显示模板中并进行显示；由于每一个影集素材集合中的图片和视频的数量并不相同，每次根据不同的影集素材集合的影集素材信息，对素材显示模型进行不同处理，可以生成适合该影集素材集合的目标显示模板，再将该影集素材集合填充至目标显示模板中并进行显示，根据不同的影集素材集合生成不同的目标显示模板进行填充并显示，得到更适合的影集素材显示方式，更便于用户对影集素材的查看；并且，可以同时对图片和视频进行展示，满足用户多样化的视觉观感，提高用户体验和用户粘性。
图2是根据一示例性实施例示出的一种影集素材的显示方法的流程图。如图2所示，该影集素材的显示方法，包括以下步骤S21至步骤S26。
步骤S21：获取影集素材集合，所述影集素材集合中的影集素材的类型为图片或视频。
具体的，在用户使用电子设备的过程中，若电子设备检测到用户对影集素材筛选控件的第一输入，则电子设备向服务器发送筛选影集素材的请求，服务器将相册中所有的影集素材进行筛选，然后服务器将筛选之后的多个影集素材组成的影集素材集合发送至电子设备，电子设备接收所述影集素材集合，该影集素材集合中包含有多个影集素材，影集素材的类型为图片或者视频，即影集素材集合中包含由图片和/或视频。
需要说明的是，服务器对影集素材的筛选方式可以为按照拍摄时间进行筛选，或者按照清晰度进行筛选，或者按照季节进行筛选，或者按照拍摄地点进行筛选等，在此不做具体限定。
其中，所述第一输入可以是用户对影集素材筛选控件的单击输入、双击输入、滑动输入、按压输入等，并且，该第一输入也可以为第一操作，在此不做具体限定。
步骤S22：获取所述影集素材集合的影集素材信息以及屏幕中用于显示所述影集素材的显示区域的面积；
其中，所述影集素材信息包括：所述影集素材集合中的影集素材数量和/或每一影集素材的类型等。所述影集素材的显示区域为电子设备的显示屏幕中，用于显示影集素材的显示区域。
具体的，电子设备获取影集素材集合的中的影集素材数量和/或该影集素材集合中的每一影集素材的类型等，并获取用于显示影集素材的显示区域的面积，即获取到用于显示影集素材的显示区域的面积大小。
步骤S23：根据所述影集素材信息和所述显示区域的面积，确定素材显示模板；
其中，素材显示模板为预设的用于填充影集素材的模板，可以将影集素材填充至素材显示模板中并向用户进行展示。
具体的，电子设备根据获取的影集素材信息以及影集素材的显示区域的面积，确定适合在显示区域展示影集素材集合的素材显示模板。
进一步的，可以对原始的素材显示模板进行调整，即对原始的素材显示模板包含的素材显示框的组数、数量、长度、宽度等进行调整，由此得到的素材显示模板更适合在显示区域进行展示，可以提高对显示区域的利用率。
其中，所述素材显示模板可以包含多组素材显示框，每一组素材显示框包含：至少一个素材显示框，不同组素材显示框中包含的素材显示框可以是相同尺寸的素材显示框，也可以是不同尺寸的素材显示框。其中，一个素材显示框为待填充一个影集素材的空白显示框。
例如：图3是待填充影集素材的素材显示模板的结构示意图，如图3所示，该素材显示模板共包含20个素材显示框，分别用1～20的数字表示，每一列为一组素材显示框，即1和2为一组素材显示框，3为一组素材显示框，4和5为一组素材显示框，以此类推，在此不做具体列举。其中，3、6、9、12、15、18分别表示尺寸较大的素材显示框，其余的表示尺寸较小的素材显示框。每一个素材显示框均为空白显示框，用于填充影集素材。
需要说明的是，该素材显示模板的组素材显示框的排列顺序为从左至右，还可以设置为从上至下等排列顺序，上述组素材显示框的排列顺序仅为示例，并不进行具体限定。
步骤S24：获取所述素材显示模板的末尾一组素材显示框的显示方式。
具体的，电子设备在确定素材显示模板之后，获取该素材显示模板的末尾一组素材显示框的显示方式。例如：若该素材显示模板的组素材显示框的排列顺序为从左至右，则该素材显示模板的末尾一组素材显示框为最右侧的一组素材显示框；若该素材显示模板的组素材显示框的排列顺序为从上至下，则该素材显示模板的末尾一组素材显示框为最底部的一组素材显示框。
步骤S25：根据所述末尾一组素材显示框的显示方式，确定用于填充所述影集素材集合的目标显示模板。
具体的，根据素材显示模板的末尾一组素材显示框的显示方式，判断是否需要对素材显示模板做调整；如果不需要做调整，则该素材显示模板为目标显示模板；若需要做调整，则对素材显示模板做调整之后得到的素材显示模板为目标显示模板。
其中，所述目标显示模板是在素材显示模板的基础上，根据上述影集素材数量和/或每一影集素材的类型、素材显示模板的末尾一组素材显示框的显示方式等进行调整得到的新的素材显示模板。
在一种可能的实施方式中，所述目标显示模板包含多组素材显示框，每一组素材显示框包含：一个第一尺寸的素材显示框或者M个第二尺寸的素材显示框；所述第一尺寸大于所述第二尺寸，M为大于1的正整数；
其中，一个素材显示框为待填充一个影集素材的空白显示框。
例如：图3是素材显示模板的结构示意图，如图3所示，M取值为2，该素材显示模板共包含20个素材显示框，分别用1～20的数字表示。若影集素材集合中共包含11个影集素材，则需要将素材显示模板的20个素材显示框删减为11个素材显示框，分别用1～11的数字进行表示。如果11个影集素材中包含3个视频，由于视频采用尺寸较大的素材显示进行显示会有较好的视觉效果，则可以设置3个尺寸较大的素材显示框，设置8个较小的素材显示框，由此生成的目标显示模板是：在图3的基础上剔除12～20的素材显示框之后的显示模板，其中，3、6、9表示三个尺寸较大的素材显示框，即第一尺寸的素材显示框，可以用于填充视频类型的影集素材，1、2、4、5、7、8、10、11表示8个尺寸较小的素材显示框，即第二尺寸的素材显示框，可以用于填充图片类型的影集素材。
需要说明的是，在上述示例中，并不仅限于设置3个第一尺寸的素材显示框，也可以设置4个或者2个，具体设置方式在此不做具体限定。
步骤S26：将所述影集素材集合填充至所述目标显示模板中并进行显示。
具体的，在确定用于填充所述影集素材集合的目标显示模板之后，将该影集素材集合中的影集素材填充至目标显示模板中(即在目标显示模板渲染影集素材)，并将填充后的目标显示模板展示给用户观看(即将渲染完成后的目标显示模板显示给用户观看)，根据不同的影集素材集合生成不同的目标显示模板进行填充并显示，得到更适合的影集素材显示方式，更便于用户对影集素材的查看，满足用户多样化的视觉观感，提高用户体验和用户粘性。
例如：如图4所示，M取值为2，如果影集素材集合中包含的影集素材的数量为17个，目标显示模板为包含17个素材显示框的显示模板，其中，包含5个第一尺寸的素材显示框以及12个第二尺寸较小的素材显示框；将17个影集素材填充至目标显示模板中之后，将已经填充影集素材的目标显示模板显示在电子设备的显示屏幕上的显示区域41中。其中，由于目标显示模板的长度大于电子设备的显示屏幕可以显示的长度，即由于显示区域无法显示整个目标显示模板，则已经填充影集素材的目标显示模板的其中一部分需要显示在显示区域上(即处于显示状态)，而另一部分需要处于隐藏状态，通过用户的滑动操作等，可以更新显示在显示区域上的影集素材部分，也更新了处于隐藏状态的影集素材部分；换句话说，已经填充影集素材的目标显示模板包含处于显示状态的影集素材(即处于显示区域中的影集素材)以及处于隐藏状态的影集素材(即处于显示区域之外的影集素材)。
由上述步骤S21至S26可知，本公开的实施例，能够通过获取影集素材集合，获取所述影集素材集合的影集素材信息以及影集素材的显示区域的面积，根据所述影集素材信息和所述显示区域的面积，确定适合在显示区域展示影集素材集合的素材显示模板，能够提高对显示区域的利用率；并且，通过获取素材显示模板的末尾一组素材显示框的显示方式，根据所述末尾一组素材显示框的显示方式，确定用于填充所述影集素材集合的目标显示模板，将所述影集素材集合填充至所述目标显示模板中并进行显示；由于每一次经过服务器筛选后的影集素材集合不同，且每个电子设备的显示区域的显示面积不同，每次根据不同的影集素材集合的影集素材信息和不同的显示区域的面积确定素材显示模板；然后再根据素材显示模板的末尾一组的素材显示框的显示方式，得到适合该影集素材集合的目标显示模板，再将该影集素材集合填充至目标显示模板中并进行显示，根据不同的影集素材集合生成不同的目标显示模板进行填充并显示，得到更适合的影集素材显示方式，更便于用户对影集素材的查看，满足用户多样化的视觉观感，提高用户体验和用户粘性。
在一种可能的实施方式中，所述步骤S25根据所述末尾一组素材显示框的显示方式，确定用于填充所述影集素材集合的目标显示模板，具体可以包括：
在所述末尾一组素材显示框的显示方式为显示一个第一尺寸的素材显示框的情况下，将所述素材显示模板确定为目标显示模板。
在所述末尾一组素材显示框的显示方式为显示N个第二尺寸的素材显示框的情况下，将N个第二尺寸的素材显示框的尺寸放大至预设尺寸，得到放大后的素材显示模板，并将所述放大后的素材显示模板确定为目标显示模板；
其中，N为大于0且小于M的正整数，所述预设尺寸为大于所述第二尺寸、且小于或等于所述第一尺寸的尺寸。
具体的，如果末尾一组素材显示框的显示方式为显示一个较大尺寸(即第一尺寸)的素材显示框，则可以直接将素材显示模板作为目标显示模板。如果末尾一组素材显示框的显示方式为显示N个较小尺寸(即第二尺寸)的素材显示框，则可以将N个第二尺寸的素材显示框放大，可以放大至第一尺寸，也可以小于第一尺寸，在此不做具体限定。将末尾一组素材显示框放大之后得到的新的素材显示模板作为目标显示模板；由于N小于M，为了提高对影集素材的显示区域的使用率，将N个较小尺寸的素材显示框进行放大，放大之后的N个第二尺寸的素材显示框的尺寸小于或等于M个第二尺寸的素材显示框的尺寸，以减少影集素材的显示区域中的空白区域。
例如：如图5所示，M取值为2，N取值为1；如果影集素材集合中共包含7个影集素材，如果不根据末尾一组素材显示框的显示方式确定目标素材模板，则目标素材模板的结构示意图如图5的左侧图所示，第7个素材显示框的尺寸为第二尺寸的素材显示框，如果按照此结构的目标素材模板填充影集素材，导致影集素材的显示区域的空白区域较大，降低了对影集素材的显示区域的使用率。如果在所述末尾一组素材显示框的显示方式为显示一个第二尺寸的素材显示框(即第7个素材显示框)的情况下，将该第二尺寸的素材显示框的尺寸进行放大处理，即将第7个素材显示框的第二尺寸调整为第一尺寸，得到一个第一尺寸的素材显示框，由此得到的放大后的素材显示模板(即目标显示模板)如图5的右侧图所示，减少了影集素材的显示区域的空白区域，提高了对显示区域的使用率。
在一种可能的实施方式中，所述步骤S13将所述影集素材集合填充至所述目标显示模板中并进行显示，具体包括：
将所述影集素材集合中不同影集素材进行尺寸调整，以适应于所目标显示模板中与影集素材相对应的素材显示框；
将调整后的影集素材填充至对应的素材显示框中；
将已填充影集素材的目标显示模板中的至少部分影集素材显示于影集素材的显示区域中。
具体的，将影集素材集合中的影集素材，根据其对应的素材显示框的尺寸进行尺寸调整，以保证能够将该影集素材完整的填充至素材显示框中。其中，与影集素材对应的素材显示框为需要填充该影集素材的显示框。例如：如果第一影集素材对应的素材显示框为第一素材显示框，则第一影集素材需要根据第一素材显示框的尺寸进行尺寸调整，然后将尺寸调整后的第一影集素材填充至第一素材显示框中。
并且，如果影集素材的显示区域不足以显示整个的目标显示模板，则在影集素材的显示区域显示已填充影集素材的目标显示模板的其中一部分，已填充影集素材的目标显示模板的另一部分则处于隐藏状态，即已填充影集素材的目标显示模板的其中一部分处于显示状态，另一部分处于隐藏状态。如果影集素材的显示区域足以显示整个的目标显示模板，则在影集素材的显示区域显示整个已填充影集素材的目标显示模板，即已填充影集素材的目标显示模板全部显示于影集素材的显示区域中，即整个已填充影集素材的目标显示模板全部处于显示状态。
在一种可能的实施方式中，在上述将已填充影集素材的目标显示模板中的至少部分影集素材显示于影集素材的显示区域中的步骤之后，所述方法还包括：
在已填充影集素材的目标显示模板中的其中一部分影集素材显示于所述显示区域中的情况下，响应于用户对所述显示区域的滑动指令，更新在所述显示区域中显示的影集素材。
具体的，如果影集素材的显示区域不足以显示整个的目标显示模板，则在影集素材的显示区域显示已填充影集素材的目标显示模板的其中一部分，已填充影集素材的目标显示模板的另一部分则处于隐藏状态，即已填充影集素材的目标显示模板的其中一部分处于显示状态，另一部分处于隐藏状态；在上述情况下，如果获取到用户对所述影集素材的显示区域的滑动指令，则响应于该滑动指令，可以将已填充影集素材的目标显示模板在影集素材的显示区域中显示的影集素材进行更新，即通过滑动更新影集素材的显示区域中显示的影集素材，以方便用户观看影集素材集合中的影集素材。
在一种可能的实施方式中，在所述已填充影集素材的目标显示模板中的至少部分影集素材显示于影集素材的显示区域中的情况下，所述方法还包括：
在所述显示区域中显示有视频类型的第一影集素材的情况下，获取所述第一影集素材的视频信息；
根据所述视频信息，确定所述第一影集素材在所述显示区域上的显示方式；
其中，所述显示方式可以包括：播放第一影集素材和显示第一影集素材封面图。
具体的，如果在影集素材的显示区域中显示有第一影集素材，且该第一影集素材的类型为视频，则需要获取第一影集素材的视频信息，然后根据该第一影集素材的视频信息，确定所述第一影集素材在所述显示区域上的显示方式是播放第一影集素材还是显示第一影集素材的封面图。其中，所述第一影集素材并不限定为哪个影集素材，仅用于表示显示于影集素材显示区中、且类型为视频的影集素材。
在一种可能的实施方式中，所述视频信息可以包括以下至少一项：
A1：第一影集素材在所述显示区域的显示完整度。
具体的，如果视频信息包括第一影集素材在影集素材的显示区域的显示完整度，则根据第一影集素材在影集素材的显示区域的显示完整度，确定所述第一影集素材在所述影集素材的显示区域上的显示方式是播放第一影集素材还是显示第一影集素材的封面图。其中，显示完整度表示第一影集素材处于影集素材的显示区域中的部分占整个第一影集素材的比例。
A2：第一影集素材在所述目标显示模板中的位置。
具体的，如果视频信息包括第一影集素材在所述目标显示模板中的位置，则根据第一影集素材在所述目标显示模板中所处的位置，确定所述第一影集素材在所述影集素材的显示区域上的显示方式是播放第一影集素材还是显示第一影集素材的封面图。
A3：第一影集素材的播放时长。
具体的，如果视频信息包括第一影集素材的播放时长，则根据第一影集素材的播放时长，确定所述第一影集素材在所述影集素材的显示区域上的显示方式是播放第一影集素材还是显示第一影集素材的封面图。其中，播放时长表示该第一影集素材的视频播放时间。
A4：第一影集素材的清晰度。
具体的，如果视频信息包括第一影集素材的清晰度，则根据第一影集素材的清晰度，确定所述第一影集素材在所述影集素材的显示区域上的显示方式是播放第一影集素材还是显示第一影集素材的封面图。其中，清晰度包括分辨率等。
A5：第一影集素材进入所述显示区域的时间。
具体的，如果视频信息包括第一影集素材进入影集素材的显示区域的时间，则根据第一影集素材进入影集素材的显示区域的时间，确定所述第一影集素材在所述影集素材的显示区域上的显示方式是播放第一影集素材还是显示第一影集素材的封面图。
在一种可能的实施方式中，在所述视频信息包括第一影集素在所述显示区域的显示完整度的情况下，上述根据所述视频信息，确定所述第一影集素材在所述显示区域上的显示方式的步骤，具体包括：
在所述第一影集素材在所述显示区域的显示完整度为完全显示的情况下，确定所述第一影集素材的显示方式为播放第一影集素材。
具体的，如果视频信息包括第一影集素材在影集素材的显示区域的显示完整度，且影集素材的显示区域的显示完整度为完全显示的第一影集素材，则在影集素材的显示区域中播放第一影集素材；即如果第一影集素材完全显示于影集素材的显示区域中，即第一影集素材在影集素材的显示区域的显示完整度为100％，则第一影集素材在影集素材的显示区域中处于播放状态。
在一种可能的实施方式中，在所述视频信息包括第一影集素在所述显示区域的显示完整度的情况下，所述根据所述视频信息，确定所述第一影集素材在所述显示区域上的显示方式，包括：
在所述第一影集素材在所述显示区域的显示完整度为非完全显示的情况下，确定所述第一影集素材的显示方式为显示第一影集素材封面图。
具体的，如果视频信息包括第一影集素材在影集素材的显示区域的显示完整度，且影集素材的显示区域的显示完整度为非完全显示的第一影集素材，则在影集素材的显示区域中显示第一影集素材的封面图；即如果第一影集素材只有其中一部分显示于影集素材的显示区域中，即第一影集素材在影集素材的显示区域的显示完整度为大于0且小于100％，则第一影集素材的封面图显示于影集素材的显示区域中。
例如：如图6所示，如果第一影集素材包括影集素材A和影集素材B，影集素材A完全显示于影集素材的显示区域61上，影集素材B仅有一部分显示于影集素材的显示区域61上，则影集素材A在影集素材的显示区域中处于播放状态，影集素材B的封面图显示于影集素材的显示区域61中。
在一种可能的实施方式中，如果第一影集素材的数量为至少两个，且视频信息包括第一影集素材在影集素材的显示区域的显示完整度以及第一影集素材在所述目标显示模板中的位置，则可以根据第一影集素材在影集素材的显示区域的显示完整度以及第一影集素材在所述目标显示模板中的位置，确定所述第一影集素材在所述影集素材的显示区域上的显示方式是播放第一影集素材还是显示第一影集素材的封面图。
例如：如图7所示，如果第一影集素材包括影集素材A和影集素材B，影集素材A和影集素材B均完全显示于影集素材的显示区域71上，影集素材A相对于影集素材B更靠近与目标显示模板的首部，则可以影集素材B在影集素材的显示区域71中处于播放状态，影集素材A的封面图显示于影集素材的显示区域71中，或者，影集素材A在影集素材的显示区域中处于播放状态，影集素材B的封面图显示于影集素材的显示区域71中。
在一种可能的实施方式中，如果第一影集素材的数量为至少两个，且视频信息包括第一影集素材在影集素材的显示区域的显示完整度以及第一影集素材的播放时长，则可以根据第一影集素材在影集素材的显示区域的显示完整度以及第一影集素材的播放时长，确定所述第一影集素材在所述影集素材的显示区域上的显示方式是播放第一影集素材还是显示第一影集素材的封面图。
例如：如果第一影集素材包括影集素材A和影集素材B，影集素材A和影集素材B均完全显示于影集素材的显示区域上，影集素材A的播放时长大于影集素材B的播放时长，则可以影集素材B在影集素材的显示区域中处于播放状态，影集素材A的封面图显示于影集素材的显示区域中，或者，影集素材A在影集素材的显示区域中处于播放状态，影集素材B的封面图显示于影集素材的显示区域中。
在一种可能的实施方式中，如果第一影集素材的数量为至少两个，且视频信息包括第一影集素材在影集素材的显示区域的显示完整度以及第一影集素材的清晰度，则可以根据第一影集素材在影集素材的显示区域的显示完整度以及第一影集素材的清晰度，确定所述第一影集素材在所述影集素材的显示区域上的显示方式是播放第一影集素材还是显示第一影集素材的封面图。
例如：如果第一影集素材包括影集素材A和影集素材B，影集素材A和影集素材B均完全显示于影集素材的显示区域上，影集素材A的清晰度高于影集素材B的清晰度，则可以影集素材B在影集素材的显示区域中处于播放状态，影集素材A的封面图显示于影集素材的显示区域中，或者，影集素材A在影集素材的显示区域中处于播放状态，影集素材B的封面图显示于影集素材的显示区域中。
在一种可能的实施方式中，如果第一影集素材的数量为至少两个，且视频信息包括第一影集素材在影集素材的显示区域的显示完整度以及第一影集素材进入影集素材的显示区域的时间，则可以根据第一影集素材在影集素材的显示区域的显示完整度以及第一影集素材进入影集素材的显示区域的时间，确定所述第一影集素材在所述影集素材的显示区域上的显示方式是播放第一影集素材还是显示第一影集素材的封面图。
例如：如果第一影集素材包括影集素材A和影集素材B，影集素材A和影集素材B均完全显示于影集素材的显示区域上，影集素材A先于影集素材B进入影集素材的显示区域中，则可以影集素材B在影集素材的显示区域中处于播放状态，影集素材A的封面图显示于影集素材的显示区域中，或者，影集素材A在影集素材的显示区域中处于播放状态，影集素材B的封面图显示于影集素材的显示区域中。
需要说明的是，上述视频信息包含的具体内容仅为示例，还可以包含其他内容以及组合；且上述根据视频信息确定第一影集素材在影集素材的显示区域上的显示方式的具体方式也仅为示例，在此不做具体限定。
综上所述，本公开的实施例，素材显示框根据影集素材信息以及显示区域的面积进行调整，能够提高对影集素材的显示区域的利用率；并且，由于每一次经过服务器筛选后的影集素材集合不同，且每个电子设备的影集显示区域的面积不同，每次根据不同的影集素材集合的影集素材信息和不同的显示区域的面积确定素材显示模板，以得到适合在该显示区域显示的素材显示模板；然后再根据素材显示模板的末尾一组的素材显示框的显示方式，得到适合该影集素材集合的目标显示模板，再将该影集素材集合填充至目标显示模板中并进行显示，根据不同的影集素材集合生成不同的目标显示模板进行填充并显示，得到更适合的影集素材显示方式；并且，通过对显示于影集素材的显示区域的视频素材进行动态展示，更便于用户对影集素材的浏览，满足用户多样化的视觉观感，简化操作，提高用户体验和用户粘性。
图8是根据一示例性实施例示出的一种影集素材的显示装置框图。参照图8，该影集素材的显示装置80包括素材获取模块81、模板处理模块82和素材显示模块83。
素材获取模块81，被配置为获取影集素材集合，所述影集素材集合中的影集素材的类型为图片或视频；
模板处理模块82，被配置为根据所述影集素材集合的影集素材信息，对待填充影集素材的素材显示模板进行处理，得到用于填充所述影集素材集合的目标显示模板；
素材显示模块83，被配置为将所述影集素材集合填充至所述目标显示模板中并进行显示；
其中，所述影集素材信息包括：所述影集素材集合中的影集素材数量和/或每一影集素材的类型。
在一种可能的实施方式中，所述目标显示模板包含多组素材显示框，每一组素材显示框包含：一个第一尺寸的素材显示框或者M个第二尺寸的素材显示框；所述第一尺寸大于所述第二尺寸，M为大于1的正整数；
其中，一个素材显示框为待填充一个影集素材的空白显示框。
在一种可能的实施方式中，所述模板处理模块82，具体被配置为：
获取所述影集素材集合的影集素材信息以及屏幕中用于显示所述影集素材的显示区域的面积；
根据所述影集素材信息和所述显示区域的面积，确定素材显示模板；
获取所述素材显示模板的末尾一组素材显示框的显示方式；
根据所述末尾一组素材显示框的显示方式，确定用于填充所述影集素材集合的目标显示模板。
在一种可能的实施方式中，所述模板处理模块82在根据所述末尾一组素材显示框的显示方式，确定用于填充所述影集素材集合的目标显示模板时，具体被配置为：
在所述末尾一组素材显示框的显示方式为显示一个第一尺寸的素材显示框的情况下，将所述素材显示模板确定为目标显示模板。
在所述末尾一组素材显示框的显示方式为显示N个第二尺寸的素材显示框的情况下，将N个第二尺寸的素材显示框的尺寸放大至预设尺寸，得到放大后的素材显示模板，并将所述放大后的素材显示模板确定为目标显示模板；
其中，N为大于0且小于M的正整数，所述预设尺寸为大于所述第二尺寸、且小于或等于所述第一尺寸的尺寸。
在一种可能的实施方式中，所述素材显示模块83，具体被配置为：
将所述影集素材集合中不同影集素材进行尺寸调整，以适应于所目标显示模板中与影集素材相对应的素材显示框；
将调整后的影集素材填充至对应的素材显示框中；
将已填充影集素材的目标显示模板中的至少部分影集素材显示于影集素材的显示区域中。
在一种可能的实施方式中，所述素材显示模块83在将已填充影集素材的目标显示模板中的至少部分影集素材显示于影集素材的显示区域中之后，还具体被配置为：
在已填充影集素材的目标显示模板中的其中一部分影集素材显示于所述显示区域中的情况下，响应于用户对所述显示区域的滑动指令，更新在所述显示区域中显示的影集素材。
在一种可能的实施方式中，在所述已填充影集素材的目标显示模板中的至少部分影集素材显示于影集素材的显示区域中的情况下，所述装置还包括：
信息获取模块，被配置为在所述显示区域中显示有视频类型的第一影集素材的情况下，获取所述第一影集素材的视频信息；
显示方式确定模块，被配置为根据所述视频信息，确定所述第一影集素材在所述显示区域上的显示方式；
其中，所述显示方式包括：播放第一影集素材和显示第一影集素材封面图。
在一种可能的实施方式中，所述视频信息包括以下至少一项：
第一影集素材在所述显示区域的显示完整度；
第一影集素材在所述目标显示模板中的位置；
第一影集素材的播放时长；
第一影集素材的清晰度；
第一影集素材进入所述显示区域的时间。
在一种可能的实施方式中，在所述视频信息包括第一影集素在所述显示区域的显示完整度的情况下，所述显示方式确定模块，具体被配置为：
在所述第一影集素材在所述显示区域的显示完整度为完全显示的情况下，确定所述第一影集素材的显示方式为播放第一影集素材。
在一种可能的实施方式中，在所述视频信息包括第一影集素在所述显示区域的显示完整度的情况下，所述显示方式确定模块，具体被配置为：
在所述第一影集素材在所述显示区域的显示完整度为非完全显示的情况下，确定所述第一影集素材的显示方式为显示第一影集素材封面图。
综上所述，本公开的实施例，素材显示框根据影集素材信息以及显示区域的面积进行调整，能够提高对影集素材的显示区域的利用率；并且，由于每一次经过服务器筛选后的影集素材集合不同，且每个电子设备的影集显示区域的面积不同，每次根据不同的影集素材集合的影集素材信息和不同的显示区域的面积确定素材显示模板，以得到适合在该显示区域显示的素材显示模板；然后再根据素材显示模板的末尾一组的素材显示框的显示方式，得到适合该影集素材集合的目标显示模板，再将该影集素材集合填充至目标显示模板中并进行显示，根据不同的影集素材集合生成不同的目标显示模板进行填充并显示，得到更适合的影集素材显示方式；并且，通过对显示于影集素材的显示区域的视频素材进行动态展示，更便于用户对影集素材的浏览，满足用户多样化的视觉观感，简化操作，提高用户体验和用户粘性。
关于上述实施例中的装置，其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。
图9是根据一示例性实施例示出的一种电子设备的框图。参照图9，该电子设备包括：
处理器910；
用于存储所述处理器可执行指令的存储器920；
其中，所述处理器被配置为执行所述指令，以实现上述所述的影集素材的显示方法。
在示例性实施例中，还提供了一种包括指令的计算机可读存储介质，例如包括指令的存储器，上述指令可由视频教程的展示电子设备的处理器910执行以完成上述方法。可选地，计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。
图10是根据一示例性实施例示出的一种电子设备的框图。例如，电子设备1000可以是移动电话，计算机，数字广播终端，消息收发设备，游戏控制台，平板设备，医疗设备，健身设备，个人数字助理等。
电子设备1000可以包括以下一个或多个组件：处理组件1002，存储器1004，电源组件1006，多媒体组件1008，音频组件1010，输入/输出(I/O)的接口1012，传感器组件1014，以及通信组件1016。
处理组件1002通常控制电子设备1000的整体操作，诸如与显示，电话呼叫，数据通信，相机操作和记录操作相关联的操作。处理组件1002可以包括一个或多个处理器1020来执行指令，以完成上述的方法的全部或部分步骤。此外，处理组件1002可以包括一个或多个模块，便于处理组件1002和其他组件之间的交互。例如，处理组件1002可以包括多媒体模块，以方便多媒体组件1008和处理组件1002之间的交互。
存储器1004被配置为存储各种类型的数据以支持在电子设备1000的操作。这些数据的示例包括用于在电子设备1000上操作的任何应用程序或方法的指令，联系人数据，电话簿数据，消息，图片，视频等。存储器1004可以由任何类型的易失性或非易失性存储设备或者它们的组合实现，如静态随机存取存储器(SRAM)，电可擦除可编程只读存储器(EEPROM)，可擦除可编程只读存储器(EPROM)，可编程只读存储器(PROM)，只读存储器(ROM)，磁存储器，快闪存储器，磁盘或光盘。
电源组件1006为电子设备1000的各种组件提供电力。电源组件1006可以包括电源管理系统，一个或多个电源，及其他与为电子设备1000生成、管理和分配电力相关联的组件。
多媒体组件1008包括在所述电子设备1000和用户之间的提供一个输出接口的屏幕。在一些实施例中，屏幕可以包括液晶显示器(LCD)和触摸面板(TP)。如果屏幕包括触摸面板，屏幕可以被实现为触摸屏，以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。所述触摸传感器可以不仅感测触摸或滑动动作的边界，而且还检测与所述触摸或滑动操作相关的持续时间和压力。在一些实施例中，多媒体组件1008包括一个前置摄像头和/或后置摄像头。当电子设备1000处于操作模式，如拍摄模式或视频模式时，前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜系统或具有焦距和光学变焦能力。
音频组件1010被配置为输出和/或输入音频信号。例如，音频组件1010包括一个麦克风(MIC)，当电子设备1000处于操作模式，如呼叫模式、记录模式和语音识别模式时，麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器1004或经由通信组件1016发送。在一些实施例中，音频组件1010还包括一个扬声器，用于输出音频信号。
I/O接口1012为处理组件1002和外围接口模块之间提供接口，上述外围接口模块可以是键盘，点击轮，按钮等。这些按钮可包括但不限于：主页按钮、音量按钮、启动按钮和锁定按钮。
传感器组件1014包括一个或多个传感器，用于为电子设备1000提供各个方面的状态评估。例如，传感器组件1014可以检测到电子设备1000的打开/关闭状态，组件的相对定位，例如所述组件为电子设备1000的显示器和小键盘，传感器组件1014还可以检测电子设备1000或电子设备1000一个组件的位置改变，用户与电子设备1000接触的存在或不存在，电子设备1000方位或加速/减速和电子设备1000的温度变化。传感器组件1014可以包括接近传感器，被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件1014还可以包括光传感器，如CMOS或CCD图像传感器，用于在成像应用中使用。在一些实施例中，该传感器组件1014还可以包括加速度传感器，陀螺仪传感器，磁传感器，压力传感器或温度传感器。
通信组件1016被配置为便于电子设备1000和其他设备之间有线或无线方式的通信。电子设备1000可以接入基于通信标准的无线网络，如WiFi，运营商网络(如2G、3G、4G或5G)，或它们的组合。在一个示例性实施例中，通信组件1016经由广播信道接收来自外部广播管理系统的广播信号或广播相关信息。在一个示例性实施例中，所述通信组件1016还包括近场通信(NFC)模块，以促进短程通信。例如，在NFC模块可基于射频识别(RFID)技术，红外数据协会(IrDA)技术，超宽带(UWB)技术，蓝牙(BT)技术和其他技术来实现。
在示例性实施例中，电子设备1000可以被一个或多个应用专用集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现，用于执行上述影集素材的显示方法。
在示例性实施例中，还提供了一种包括指令的计算机可读存储介质，例如包括指令的存储器1004，上述指令可由电子设备1000的处理器1020执行以完成上述影集素材的显示方法。可选地，计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。
在示例性实施例中，还提供一种计算机程序产品，包括计算机程序/指令，所述计算机程序/指令被处理器执行时实现上述所述的影集素材的显示方法。
此外，在此提供的影集素材的显示方案不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述，构造具有本发明方案的系统所要求的结构是显而易见的。此外，本发明也不针对任何特定编程语言。应当明白，可以利用各种编程语言实现在此描述的本发明的内容，并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。
在此处所提供的说明书中，说明了大量具体细节。然而，能够理解，本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中，并未详细示出公知的方法、结构和技术，以便不模糊对本说明书的理解。
类似地，应当理解，为了精简本公开并帮助理解各个发明方面中的一个或多个，在上面对本发明的示例性实施例的描述中，本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而，并不应将该公开的方法解释成反映如下意图：即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说，如权利要求书所反映的那样，发明方面在于少于前面公开的单个实施例的所有特征。因此，遵循具体实施方式的权利要求书由此明确地并入该具体实施方式，其中每个权利要求本身都作为本发明的单独实施例。
本领域那些技术人员可以理解，可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件，以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外，可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述，本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的替代特征来代替。
此外，本领域的技术人员能够理解，尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征，但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如，在权利要求书中，所要求保护的实施例的任意之一都可以以任意的组合方式来使用。
本发明的各个部件实施例可以以硬件实现，或者以在一个或者多个处理器上运行的软件模块实现，或者以它们的组合实现。本领域的技术人员应当理解，可以在实践中使用微处理器或者数字信号处理器(DSP)来实现根据本公开实施例的信息提取方案中的一些或者全部部件的一些或者全部功能。本发明还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序(例如，计算机程序和计算机程序产品)。这样的实现本发明的程序可以存储在计算机可读介质上，或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到，或者在载体信号上提供，或者以任何其他形式提供。
应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制，并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中，不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中，这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。
综上所述，本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本公开的其它实施方案。本申请旨在涵盖本公开的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本公开的真正范围和精神由下面的权利要求指出。
应当理解的是，本公开并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。

Claims (18)

1.一种影集素材的显示方法，其特征在于，所述方法包括：
获取影集素材集合，所述影集素材集合中的影集素材的类型为图片或视频；
获取所述影集素材集合的影集素材信息以及屏幕中用于显示所述影集素材的显示区域的面积；
根据所述影集素材信息和所述显示区域的面积，确定素材显示模板；
获取所述素材显示模板的末尾一组素材显示框的显示方式；
在所述末尾一组素材显示框的显示方式为显示一个第一尺寸的素材显示框的情况下，将所述素材显示模板确定为目标显示模板；
在所述末尾一组素材显示框的显示方式为显示N个第二尺寸的素材显示框的情况下，将N个第二尺寸的素材显示框的尺寸放大至预设尺寸，得到放大后的素材显示模板，并将所述放大后的素材显示模板确定为目标显示模板；其中，N为大于0且小于M的正整数，所述预设尺寸为大于所述第二尺寸、且小于或等于所述第一尺寸的尺寸；
将所述影集素材集合填充至所述目标显示模板中并进行显示；
其中，所述影集素材信息包括：所述影集素材集合中的影集素材数量和/或每一影集素材的类型。
2.根据权利要求1所述的方法，其特征在于，所述目标显示模板包含多组素材显示框，每一组素材显示框包含：一个第一尺寸的素材显示框或者M个第二尺寸的素材显示框；所述第一尺寸大于所述第二尺寸，M为大于1的正整数；
其中，一个素材显示框为待填充一个影集素材的空白显示框。
3.根据权利要求2任一项所述的方法，其特征在于，所述将所述影集素材集合填充至所述目标显示模板中并进行显示，包括：
将所述影集素材集合中的影集素材进行尺寸调整，以适应于所目标显示模板中与影集素材相对应的素材显示框；
将调整后的影集素材填充至对应的素材显示框中；
将已填充影集素材的目标显示模板中的至少部分影集素材显示于影集素材的显示区域中。
4.根据权利要求3所述的方法，其特征在于，所述将已填充影集素材的目标显示模板中的至少部分影集素材显示于影集素材的显示区域中之后，所述方法还包括：
在已填充影集素材的目标显示模板中的其中一部分影集素材显示于所述显示区域中的情况下，响应于用户对所述显示区域的滑动指令，更新在所述显示区域中显示的影集素材。
5.根据权利要求3所述的方法，其特征在于，在所述已填充影集素材的目标显示模板中的至少部分影集素材显示于影集素材的显示区域中的情况下，所述方法还包括：
在所述显示区域中显示有视频类型的第一影集素材的情况下，获取所述第一影集素材的视频信息；
根据所述视频信息，确定所述第一影集素材在所述显示区域上的显示方式；
其中，所述显示方式包括：播放第一影集素材和显示第一影集素材封面图。
6.根据权利要求5所述的方法，其特征在于，所述视频信息包括以下至少一项：
第一影集素材在所述显示区域的显示完整度；
第一影集素材在所述目标显示模板中的位置；
第一影集素材的播放时长；
第一影集素材的清晰度；
第一影集素材进入所述显示区域的时间。
7.根据权利要求6所述的方法，其特征在于，在所述视频信息包括第一影集素在所述显示区域的显示完整度的情况下，所述根据所述视频信息，确定所述第一影集素材在所述显示区域上的显示方式，包括：
在所述第一影集素材在所述显示区域的显示完整度为完全显示的情况下，确定所述第一影集素材的显示方式为播放第一影集素材。
8.根据权利要求6所述的方法，其特征在于，在所述视频信息包括第一影集素在所述显示区域的显示完整度的情况下，所述根据所述视频信息，确定所述第一影集素材在所述显示区域上的显示方式，包括：
在所述第一影集素材在所述显示区域的显示完整度为非完全显示的情况下，确定所述第一影集素材的显示方式为显示第一影集素材封面图。
9.一种影集素材的显示装置，其特征在于，所述装置包括：
素材获取模块，被配置为获取影集素材集合，所述影集素材集合中的影集素材的类型为图片或视频；
模板处理模块，被配置为获取所述影集素材集合的影集素材信息以及屏幕中用于显示所述影集素材的显示区域的面积；根据所述影集素材信息和所述显示区域的面积，确定素材显示模板；获取所述素材显示模板的末尾一组素材显示框的显示方式；在所述末尾一组素材显示框的显示方式为显示一个第一尺寸的素材显示框的情况下，将所述素材显示模板确定为目标显示模板；在所述末尾一组素材显示框的显示方式为显示N个第二尺寸的素材显示框的情况下，将N个第二尺寸的素材显示框的尺寸放大至预设尺寸，得到放大后的素材显示模板，并将所述放大后的素材显示模板确定为目标显示模板；其中，N为大于0且小于M的正整数，所述预设尺寸为大于所述第二尺寸、且小于或等于所述第一尺寸的尺寸；
素材显示模块，被配置为将所述影集素材集合填充至所述目标显示模板中并进行显示；
其中，所述影集素材信息包括：所述影集素材集合中的影集素材数量和/或每一影集素材的类型。
10.根据权利要求9所述的装置，其特征在于，所述目标显示模板包含多组素材显示框，每一组素材显示框包含：一个第一尺寸的素材显示框或者M个第二尺寸的素材显示框；所述第一尺寸大于所述第二尺寸，M为大于1的正整数；
其中，一个素材显示框为待填充一个影集素材的空白显示框。
11.根据权利要求10任一项所述的装置，其特征在于，所述素材显示模块，具体被配置为：
将所述影集素材集合中不同影集素材进行尺寸调整，以适应于所目标显示模板中与影集素材相对应的素材显示框；
将调整后的影集素材填充至对应的素材显示框中；
将已填充影集素材的目标显示模板中的至少部分影集素材显示于影集素材的显示区域中。
12.根据权利要求11所述的装置，其特征在于，所述素材显示模块在将已填充影集素材的目标显示模板中的至少部分影集素材显示于影集素材的显示区域中之后，还具体被配置为：
在已填充影集素材的目标显示模板中的其中一部分影集素材显示于所述显示区域中的情况下，响应于用户对所述显示区域的滑动指令，更新在所述显示区域中显示的影集素材。
13.根据权利要求11所述的装置，其特征在于，在所述已填充影集素材的目标显示模板中的至少部分影集素材显示于影集素材的显示区域中的情况下，所述装置还包括：
信息获取模块，被配置为在所述显示区域中显示有视频类型的第一影集素材的情况下，获取所述第一影集素材的视频信息；
显示方式确定模块，被配置为根据所述视频信息，确定所述第一影集素材在所述显示区域上的显示方式；
其中，所述显示方式包括：播放第一影集素材和显示第一影集素材封面图。
14.根据权利要求13所述的装置，其特征在于，所述视频信息包括以下至少一项：
第一影集素材在所述显示区域的显示完整度；
第一影集素材在所述目标显示模板中的位置；
第一影集素材的播放时长；
第一影集素材的清晰度；
第一影集素材进入所述显示区域的时间。
15.根据权利要求14所述的装置，其特征在于，在所述视频信息包括第一影集素在所述显示区域的显示完整度的情况下，所述显示方式确定模块，具体被配置为：
在所述第一影集素材在所述显示区域的显示完整度为完全显示的情况下，确定所述第一影集素材的显示方式为播放第一影集素材。
16.根据权利要求14所述的装置，其特征在于，在所述视频信息包括第一影集素在所述显示区域的显示完整度的情况下，所述显示方式确定模块，具体被配置为：
在所述第一影集素材在所述显示区域的显示完整度为非完全显示的情况下，确定所述第一影集素材的显示方式为显示第一影集素材封面图。
17.一种电子设备，其特征在于，包括：
处理器；
用于存储所述处理器可执行指令的存储器；
其中，所述处理器被配置为执行所述指令，以实现如权利要求1至8中任一项所述的影集素材的显示方法。
18.一种计算机可读存储介质，其特征在于，当所述计算机可读存储介质中的指令由电子设备的处理器执行时，使得电子设备能够执行如权利要求1至8中任一项所述的影集素材的显示方法。
CN202110874454.1A 2021-07-30 2021-07-30 影集素材的显示方法、装置及电子设备 Active CN113626632B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202110874454.1A CN113626632B (zh) 2021-07-30 2021-07-30 影集素材的显示方法、装置及电子设备

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202110874454.1A CN113626632B (zh) 2021-07-30 2021-07-30 影集素材的显示方法、装置及电子设备

Publications (2)

Publication Number Publication Date
CN113626632A CN113626632A (zh) 2021-11-09
CN113626632B true CN113626632B (zh) 2023-10-31

Family

ID=78381902

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202110874454.1A Active CN113626632B (zh) 2021-07-30 2021-07-30 影集素材的显示方法、装置及电子设备

Country Status (1)

Country Link
CN (1) CN113626632B (zh)

Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110324676A (zh) * 2018-03-28 2019-10-11 腾讯科技（深圳）有限公司 数据处理方法、媒体内容投放方法、装置及存储介质
CN110536177A (zh) * 2019-09-23 2019-12-03 北京达佳互联信息技术有限公司 视频生成方法、装置、电子设备及存储介质
CN110688506A (zh) * 2019-09-30 2020-01-14 北京金山安全软件有限公司 一种模板生成方法、装置、电子设备及存储介质
CN111460183A (zh) * 2020-03-30 2020-07-28 北京金堤科技有限公司 多媒体文件生成方法和装置、存储介质、电子设备
CN112073649A (zh) * 2020-09-04 2020-12-11 北京字节跳动网络技术有限公司 多媒体数据的处理方法、生成方法及相关设备
CN112291484A (zh) * 2019-07-23 2021-01-29 腾讯科技（深圳）有限公司 视频合成方法、装置、电子设备及存储介质
CN112312189A (zh) * 2019-08-02 2021-02-02 百度在线网络技术（北京）有限公司 一种视频生成方法及视频生成系统

Patent Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110324676A (zh) * 2018-03-28 2019-10-11 腾讯科技（深圳）有限公司 数据处理方法、媒体内容投放方法、装置及存储介质
CN112291484A (zh) * 2019-07-23 2021-01-29 腾讯科技（深圳）有限公司 视频合成方法、装置、电子设备及存储介质
CN112312189A (zh) * 2019-08-02 2021-02-02 百度在线网络技术（北京）有限公司 一种视频生成方法及视频生成系统
CN110536177A (zh) * 2019-09-23 2019-12-03 北京达佳互联信息技术有限公司 视频生成方法、装置、电子设备及存储介质
CN110688506A (zh) * 2019-09-30 2020-01-14 北京金山安全软件有限公司 一种模板生成方法、装置、电子设备及存储介质
CN111460183A (zh) * 2020-03-30 2020-07-28 北京金堤科技有限公司 多媒体文件生成方法和装置、存储介质、电子设备
CN112073649A (zh) * 2020-09-04 2020-12-11 北京字节跳动网络技术有限公司 多媒体数据的处理方法、生成方法及相关设备

Also Published As

Publication number Publication date
CN113626632A (zh) 2021-11-09

Similar Documents

Publication Publication Date Title
US9661132B2 (en) Method, apparatus, and storage medium for displaying a conversation interface
WO2016192325A1 (zh) 视频文件的标识处理方法及装置
EP3796317A1 (en) Video processing method, video playing method, devices and storage medium
CN110572706B (zh) 视频截屏方法、终端及计算机可读存储介质
CN113065008A (zh) 信息推荐方法、装置、电子设备及存储介质
CN112363660B (zh) 封面图像的确定方法、装置、电子设备及存储介质
CN110677734A (zh) 视频合成方法、装置、电子设备及存储介质
CN113099297A (zh) 卡点视频的生成方法、装置、电子设备及存储介质
CN108495041B (zh) 一种用于电子终端的图像处理和显示方法、装置
CN109521938B (zh) 数据评价信息的确定方法、装置、电子设备及存储介质
CN108984098B (zh) 基于社交软件的信息显示的控制方法及装置
US11600300B2 (en) Method and device for generating dynamic image
CN109933389B (zh) 数据对象信息处理、页面展示方法及装置
CN117119260A (zh) 视频的控制处理方法及装置
CN108829473B (zh) 事件响应方法、装置及存储介质
CN112396675A (zh) 图像处理方法、装置及存储介质
CN113626632B (zh) 影集素材的显示方法、装置及电子设备
CN114268802B (zh) 虚拟空间展示方法、装置、电子设备及存储介质
CN114399306A (zh) 虚拟资源的分发方法、装置、电子设备及存储介质
CN110662103B (zh) 多媒体对象重构方法及装置、电子设备、可读存储介质
CN109714247B (zh) 群聊信息处理方法、装置、电子设备及存储介质
CN109389547B (zh) 图像显示方法及装置
CN111538447A (zh) 信息展示方法、装置、设备及存储介质
CN112506393B (zh) 图标显示方法、装置及存储介质
CN110633117A (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