Method, apparatus, device, storage medium and program product for presenting media items

Abstract

According to embodiments of the present disclosure, methods, apparatuses, devices, storage media and program products for presenting a media item are provided. The method comprises: in a first interface in a media application, presenting a media item and an access portal for accessing a reference media item associated with the media item; and in response to receiving an access request for the access portal, presenting a second interface overlaid on the first interface, the second interface comprising: a label area for presenting a reference label in a sequence of reference labels, the sequence of reference labels comprising at least one reference label, and a reference label in the at least one reference label corresponding to a set of reference media items associated with the media item; and a media area comprising at least a first portion in a set of summary representations respectively corresponding to the set of reference media items. In this way, in the process of creating a media item, more reference media items can be provided to the user to find creative ideas, thereby improving the creation efficiency.

Description

Technical Field

[0001] The exemplary embodiments disclosed herein relate generally to the field of computers, and more particularly to methods, apparatus, electronic devices, computer-readable storage media, and computer program products for presenting media items. Background Technology

[0002] With the development of computer technology, more and more applications are designed to provide users with various services. For example, users can create, publish, browse, and view various media items within applications. Media items can include any appropriate type of content such as videos, images, image sets, audio, and text. The quality of a media item can affect the efficiency with which viewers acquire information and may also influence the speed and reach of its dissemination. Therefore, it is desirable to assist users in creating more high-quality media items, thereby improving their creation efficiency. Summary of the Invention

[0003] In a first aspect of this disclosure, a method for presenting a media item is provided. The method includes: presenting a media item and an access point for accessing reference media items associated with the media item in a first interface of a media application; and, in response to receiving an access request for the access point, overlaying and presenting a second interface on top of the first interface, the second interface including: a label area for presenting reference labels in a sequence of reference labels, the sequence of reference labels including at least one reference label, and the reference label in the at least one reference label corresponding to a set of reference media items associated with the media item; and a media area including at least a first portion of a set of summary representations respectively corresponding to a set of reference media items.

[0004] In a second aspect of this disclosure, an apparatus for presenting a media item is provided. The apparatus includes: a first presentation module configured to present the media item and an access point for accessing reference media items associated with the media item in a first interface of a media application; and a second presentation module configured to overlay a second interface on top of the first interface in response to receiving an access request for the access point, the second interface including: a label area for presenting reference labels in a sequence of reference labels, the sequence of reference labels including at least one reference label, and the reference label in the at least one reference label corresponding to a set of reference media items associated with the media item; and a media area including at least a first portion of a set of summary representations corresponding to a set of reference media items.

[0005] In a third aspect of this disclosure, an electronic device is provided. The device includes at least one processing unit; and at least one memory coupled to the at least one processing unit and storing instructions for execution by the at least one processing unit. When executed by the at least one processing unit, the instructions cause the electronic device to perform the method of the first aspect.

[0006] In a fourth aspect of this disclosure, a computer-readable storage medium is provided. The medium stores computer instructions that, when executed by a processor, implement the method of the first aspect.

[0007] In a fifth aspect of this disclosure, a computer program product is provided. The product includes a computer program, wherein when executed by a processor, the computer program implements the method according to a first aspect of this disclosure.

[0008] It should be understood that the content described in this content section is not intended to limit the key or essential features of the embodiments of this disclosure, nor is it intended to restrict the scope of this disclosure. Other features of this disclosure will become readily apparent from the following description. Attached Figure Description

[0009] The above and other features, advantages, and aspects of the embodiments of this disclosure will become more apparent from the accompanying drawings and the following detailed description. In the drawings, the same or similar reference numerals denote the same or similar elements, wherein:

[0010] Figure 1 A schematic diagram of an example environment in which embodiments of the present disclosure can be implemented is shown;

[0011] Figures 2A to 2K Example interfaces according to some embodiments of this disclosure are shown;

[0012] Figure 3 A flowchart of a method for presenting media items according to some embodiments of the present disclosure is shown;

[0013] Figure 4 A schematic structural block diagram of an apparatus for presenting media items according to some embodiments of the present disclosure is shown; and

[0014] Figure 5 A block diagram of an electronic device in which one or more embodiments of the present disclosure may be implemented is shown. Detailed Implementation

[0015] Embodiments of this disclosure will now be described in more detail with reference to the accompanying drawings. While some embodiments of this disclosure are shown in the drawings, it should be understood that this disclosure can be implemented in various forms and should not be construed as limited to the embodiments set forth herein. Rather, these embodiments are provided to provide a more thorough and complete understanding of this disclosure. It should be understood that the accompanying drawings and embodiments of this disclosure are for illustrative purposes only and are not intended to limit the scope of protection of this disclosure.

[0016] In the description of embodiments of this disclosure, the term "comprising" and similar terms should be understood as open-ended inclusion, i.e., "including but not limited to". The term "based on" should be understood as "at least partially based on". The term "one embodiment" or "the embodiment" should be understood as "at least one embodiment". The term "some embodiments" should be understood as "at least some embodiments". Other explicit and implicit definitions may also be included below.

[0017] In this document, unless explicitly stated otherwise, performing a step in response to A does not mean that the step is performed immediately after A, but may include one or more intermediate steps.

[0018] It is understood that the data involved in this technical solution (including but not limited to the data itself, the acquisition, use, storage or deletion of the data) shall comply with the requirements of relevant laws, regulations and related provisions.

[0019] It is understood that before using the technical solutions disclosed in the various embodiments of this disclosure, relevant users should be informed of the type, scope of use, and usage scenarios of the information involved in this disclosure through appropriate means in accordance with relevant laws and regulations, and authorization should be obtained from the relevant users. Among them, relevant users may include any type of rights holder, such as individuals, enterprises, and groups.

[0020] For example, in response to receiving an active request from a user, a prompt message is sent to the relevant user to clearly inform the user that the requested operation will require obtaining and using the user's information, thereby enabling the relevant user to choose whether to provide information to the software or hardware such as the electronic device, application, server, or storage medium that performs the operation of the technical solution disclosed herein based on the prompt message.

[0021] As an optional but non-restrictive implementation, in response to a user's active request, a prompt message can be sent to the user, such as a pop-up window, where the prompt message can be presented in text format. Furthermore, the pop-up window can also include a selection control allowing the user to choose "agree" or "disagree" to provide information to the electronic device.

[0022] It is understood that the above notification and user authorization process are merely illustrative and do not constitute a limitation on the implementation of this disclosure. Other methods that comply with relevant laws and regulations may also be applied to the implementation of this disclosure.

[0023] Figure 1A schematic diagram of an example environment 100 in which embodiments of the present disclosure can be implemented is shown. In this example environment 100, an application 120 is installed on a terminal device 110. A user 140 can interact with the application 120 via the terminal device 110 and / or an attached device to the terminal device 110. The application 120 may be a media application capable of providing the user 140 with various services related to media items, including browsing, commenting, forwarding, creating (e.g., shooting and / or editing), publishing, etc., of content. In this document, "media item" includes one or more types of content, such as video, images, GIFs, image sets, audio, text, etc.

[0024] exist Figure 1 In environment 100, if application 120 is active, terminal device 110 can display the interface 150 of application 120. Interface 150 may include various interfaces provided by application 120, such as content presentation interfaces, content creation interfaces, content publishing interfaces, message interfaces, personal homepages, etc. Application 120 can provide content browsing functionality to view various types of content published within application 120. Application 120 can also provide content creation functionality, including capturing, uploading, editing, and / or publishing media content items. Application 120 can also provide interactive functionality, including interacting with other users (e.g., adding friends) and interacting with various types of content (including liking, saving, and commenting on content).

[0025] In some embodiments, terminal device 110 communicates with server 130 to provide services to application 120. Terminal device 110 can be any type of mobile terminal, fixed terminal, or portable terminal, including mobile phones, desktop computers, laptop computers, notebook computers, netbook computers, tablet computers, media computers, multimedia tablets, personal communication system (PCS) devices, personal navigation devices, personal digital assistants (PDAs), audio / video players, digital cameras / camcorders, positioning devices, television receivers, radio receivers, e-book devices, gaming devices, or any combination thereof, including accessories and peripherals of these devices or any combination thereof. In some embodiments, terminal device 110 can also support any type of user-facing interface (such as "wearable" circuitry).

[0026] Server 130 can be a standalone physical server, a server cluster or distributed system composed of multiple physical servers, or a cloud server providing basic cloud computing services such as cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communication, middleware services, domain name services, security services, content delivery networks, and big data and artificial intelligence platforms. Server 130 may include, for example, computing systems / servers such as mainframes, edge computing nodes, computing devices in a cloud environment, etc. Server 130 can provide backend services for application 120 in terminal device 110. It should be understood that the structure and function of the various elements in environment 100 are described for illustrative purposes only and do not imply any limitation on the scope of this disclosure.

[0027] Traditionally, if a user wants to create a media item, they usually need to predetermine what kind of media item they want to create, and then create the media item through a series of interactions within the application. If a user lacks inspiration for creating a media item, they may be unable to create one that meets their expectations. Users may spend a significant amount of time browsing numerous media items to find inspiration, which can impact the efficiency of media item creation and, consequently, the user's overall media creation efficiency.

[0028] In view of this, according to embodiments of the present disclosure, an improved scheme for presenting media items is provided. According to this scheme, in a first interface of a media application, a media item and an access point for accessing reference media items associated with the media item can be presented. In response to receiving an access request for the access point, a second interface is overlaid on the first interface. The second interface includes: a label area for presenting reference labels in a reference label sequence, the reference label sequence including at least one reference label, and the reference label in the at least one reference label corresponding to a set of reference media items associated with the media item; and a media area including at least a first portion of a set of summary representations corresponding to a set of reference media items. Here, the media item may be a specific media item in the application, or a template of a media item, and the summary representation may be a thumbnail of the reference media item.

[0029] Therefore, as users browse media items and search for creative inspiration, at least one reference tag and a set of reference media items corresponding to each reference tag can be provided. Users can choose their preferred reference tags / reference media items, which can help users quickly create media items that meet their needs and improve the efficiency of users creating media items.

[0030] In this disclosure, "trigger" refers to one or more interactive operations performed by a user on a terminal device. Further, these interactive operations may be triggered within the same user interface / pop-up window or within different user interfaces / pop-up windows. This disclosure is not limited in this respect. Some exemplary embodiments of this disclosure will continue to be described below with reference to the accompanying drawings. The method for presenting media items disclosed herein can be implemented on terminal device 110. It should be noted that the operations performed by terminal device 110 may specifically be performed by relevant applications installed on terminal device 110. Some operations described with reference to terminal device 110 may require the assistance of server 110 to complete.

[0031] Figures 2A to 2K Example interfaces 200A to 200K according to some embodiments of the present disclosure are shown. It should be understood that the interfaces shown in the drawings are merely examples, and various different interface designs may exist in practice. The various graphic elements in the interface may have different arrangements and different visual representations, one or more elements may be omitted or replaced, and one or more other elements may also be present. Embodiments of the present disclosure are not limited in this respect.

[0032] In embodiments of this disclosure, terminal device 110 may present media items and access points for accessing reference media items associated with the media items in a first interface of a media application (e.g., application 120). For ease of description, video is used as an example of a media item only below. Alternatively and / or additionally, media items may include, but are not limited to, images, audio, presentations, and rich media data including various formats. Media items presented in the first interface may include, for example, videos, video templates, etc. Example interfaces 200A to 200C illustrate some examples of the first interface. As shown, example interface 200A may include access point 201, example interface 200B may include access point 202, and example interface 200C may include access point 203. It is understood that access points 201 to 203 have the same function. Since the media items presented in example interfaces 200A to 200C are the same (all "flowers"), access points 201 to 203 are all used to access reference media items associated with the media item.

[0033] Access points 201 to 203 can be considered as different presentation styles of access points. Terminal device 110 can present descriptive information associated with the reference media item (e.g., the text "XXXXXXXXX" shown in access point 201) in the access point. Terminal device 110 can present prompt information in access point 202, which prompts the user to access the reference media item by triggering the access point. For example, terminal device 110 can present the text "More Inspiration Templates" shown in access point 202 and the text "More Inspiration Templates: View Inspiration Ideas and Related Templates" shown in access point 203, etc. Depending on the page layout, access points can include different information; for example, the prompt information included in access point 203 can be richer than the prompt information included in access point 202. It is understood that access points can also include any other suitable presentation style, and this disclosure does not limit this.

[0034] Terminal device 110 can present the access entry according to a specified presentation style, which may be a default presentation style, a user-set presentation style, or a historical presentation style from the last time the terminal device 110 presented the access entry. In some embodiments, terminal device 110 can determine the presentation style of the access entry from multiple presentation styles each time. For example, terminal device 110 can randomly or sequentially determine the presentation style from multiple presentation styles. In some embodiments, terminal device 110 can determine the presentation style of the access entry based on certain rules. For example, if the rule indicates that media items with different page views correspond to different access entries, terminal device 110 can determine the presentation style of the access entry of a reference media item associated with the currently presented media item based on the page views of the media item presented in the first interface, and present the access entry based on the determined presentation style. This disclosure does not limit the specific method of determining the presentation style.

[0035] The first interface can be a presentation page for media items. The first interface can present one or more media items in the form of an information stream. The terminal device 110 can respond to a received media item switching operation and present the media items in the first interface. The media item switching operation can be any appropriate operation, such as a swipe up or swipe down. For example, the terminal device 110 can respond to a swipe up operation received on the first interface and present the next media item in the information stream after the current media item. For example, the terminal device 110 can respond to a swipe up operation received in example interface 200A and present example interface 200D. The media items presented in example interface 200D are different from those presented in example interface 200A. The access entry 204 presented in example interface 200D can be used to access a reference media item associated with the media item "coconut tree" in example interface 200B.

[0036] Terminal device 110 can respond to receiving an access request for an access point by overlaying a second interface on top of a first interface. In some embodiments, the second interface can be overlaid on a first area of ​​the first interface, where the first interface includes a first area and a second area. For example, the area of ​​the first interface that is not overlaid can be referred to as the second area. As an example, see [reference needed]. Figure 2E In example interface 200E, interface 220 (i.e., the second interface) is overlaid on the first area of ​​the first interface. The first interface includes the first area (i.e., the area obscured by interface 220) and area 210 (i.e., the second area shown in shadow). It can be understood that although the first area is below the second area in the figure, in other examples, the first area and the second area can have any appropriate positional relationship, such as the first area being to the left of the second area, the first area being above the second area, etc.

[0037] Terminal device 110 can adjust the size of the second interface (i.e., the first area) based on user (e.g., user 140) interaction. In some embodiments, terminal device 110 can increase the size of the first area in the sliding direction in response to receiving a sliding action toward the second area in the second interface. It is understood that as the size of the first area increases, the size of the second area will decrease accordingly, thereby increasing the area of ​​the second interface (e.g., the height increases from 60% to 90% of the screen height, etc.).

[0038] As an example, refer to Figure 2E and Figure 2F Terminal device 110 may, in response to receiving a sliding action (i.e., an upward sliding action) toward region 210 in interface 220 of example interface 200E, increase the size of the first region (i.e., increase the size of the second interface) in the sliding direction (i.e., the upward direction). In some embodiments, interface 220 may include a control 222 for user convenience. Terminal device 110 may, in response to receiving a long press operation and an upward sliding action on control 222, increase the size of the first region in the upward direction. Terminal device 110 may, for example, present example interface 200F, in which the size of interface 220 is larger than the size of interface 220 in example interface 200E.

[0039] In some embodiments, the terminal device 110 can determine the size of the first region based on the endpoint of the swipe action. In this case, swipe actions of different lengths can correspond to different sizes of the first region. For example, taking the original size of the first region as 60% of the first interface, if the user's swipe action is short, the terminal device 110 can determine that the increased size of the first region accounts for 70% of the first interface based on the swipe action. If the user's swipe action is long, the terminal device 110 can determine that the increased size of the first region accounts for 90% of the first interface based on the swipe action.

[0040] In some embodiments, the terminal device 110 may also determine that the first region includes multiple predetermined sizes, and determine the size of the first region from the multiple predetermined sizes based on a sliding operation. For example, the predetermined sizes may include two sizes, respectively indicating that the first region occupies 60% and 90% of the first interface. The terminal device 110 may, in response to receiving a sliding action toward the second region in the second interface, switch the size of the first region from 60% to 90% of the first interface. Thus, the terminal device 110 can increase the size of the second interface based on the user's sliding action, making it easier for the user to browse the second interface and helping to improve the user's interaction efficiency.

[0041] In some embodiments, to avoid the first area being too large or the second area being too small, the size of the first area (i.e., the size of the second interface) and the size of the second area may have predetermined thresholds. The terminal device 110 may maintain the size of each area or interface unchanged in response to determining that each area or interface has reached the predetermined threshold. When the size of the first area, the size of the second interface, or the size of the second area reaches the corresponding threshold, the size of the first area, the size of the second interface, and the size of the second area are maintained. For example, the predetermined threshold for the size of the first area may indicate that the first area occupies 90% of the first interface. In this case, the terminal device 110 may maintain the size of the first area in response to the first area reaching 90% of the first interface. In this case, even if the terminal device 110 continues to receive a swipe action towards the second area in the second interface, the size of the first area will not change. In this way, the first interface and the second interface can be displayed separately in a layered format, thereby reminding the user that they are browsing the inspiration collection page. It is understood that, correspondingly, the terminal device 110 may also reduce the size of the first area in the swipe direction in response to receiving a swipe action towards the first area in the second interface, or in response to receiving a swipe operation towards the first area in the second area.

[0042] In some embodiments, the second interface overlaid on the first interface may include a tag area and a media area. The tag area may be used to display reference tags in a reference tag sequence, which includes at least one reference tag. Each reference tag may include a type control indicating the type of the tag, which may include at least one of template type, function type, or material type. Function type tags may correspond to any appropriate application-provided function such as subtitle recognition, beautification, or cloning. Material type tags may correspond to any appropriate application-supported material such as visuals, music, or filters.

[0043] Each reference label may also include a description control for representing a set of reference media items. Each reference label may also include a collection control for collecting a set of reference media items. That is, a user can collect a set of reference media items by triggering the collection control. In some embodiments, the collection control can also be used to collect the reference label. That is, a user can collect the reference label by triggering the collection control. Each reference label may also include operation controls for manipulating a set of reference media items. Different types of reference labels may include different operation controls. Therefore, by providing multiple controls, multiple pieces of information associated with the reference label can be provided, which helps users quickly understand the reference label and improves user creation efficiency.

[0044] The media area may include at least a first portion of a set of summary representations, each corresponding to a set of reference media items. In some embodiments, a reference label in at least one of the reference labels included in the reference label sequence corresponds to a set of reference media items associated with a media item. That is, the reference label presented in the label area may correspond to at least a first portion of a set of summary representations presented in the media area.

[0045] For example, refer to Figure 2E Interface 220 may include a label area 230 and a media area 240 below the label area 230. In the example interface 200E, media area 240 presents a set of summary representations of a set of reference media items, corresponding to reference label 231-1 in label area 230 (i.e., the reference label corresponding to template A in the figure). Reference label 231-1 includes a type control "Template" (which indicates that the label type is template type), a description control "Template A XXXXXXX", a favorite control 232, and an operation control 233. As shown in the figure, the operation control corresponding to the template type label can be the control "Cut Same Style" (i.e., operation control 233), which allows the user to create media items using the same template by triggering this control.

[0046] For example, refer to Figure 2GIn the example interface 200G, the media area 240 presents a set of summary representations, indicating a set of reference media items that correspond to reference labels 231-4 in the label area 230 (i.e., the reference label corresponding to function A in the diagram). Reference labels 231-4 include a type control "Function," a description control "Function A XXXXXXX," a favorite control 232, and an operation control 234. Similarly, reference... Figure 2H In the example interface 200H, the media area 240 presents a set of summary representations, indicating a set of reference media items that correspond to reference labels 231-7 in the label area 230 (i.e., the reference labels corresponding to function B in the figure). Reference labels 231-7 include a type control "Function", a description control "Function B XXXXXXX", a favorite control 232, and an operation control 234. As shown in the figure, the operation control corresponding to the function type label can be the control "Use" (i.e., operation control 234), which the user can trigger to use the function corresponding to the label.

[0047] For example, refer to Figure 2I In the example interface 200I, a set of summary representations is presented in the media area 240, indicating a set of reference media items corresponding to reference tags 231-8 in the tag area 230 (i.e., the reference tag corresponding to song A in the figure). Reference tags 231-8 include a type control "Music" (this type control can indicate that the type of reference tag 231-8 is a media type), a description control "Song A XXXXXXX", a favorite control 232, and an operation control 235. As shown in the figure, the operation control corresponding to the music media type tag can be a playback control (i.e., operation control 235), which the user can trigger to play the music corresponding to the tag. For example, terminal device 110 can respond to receiving a trigger on operation control 235 and present... Figure 2J The example interface 200J shown may include a stop playback control (i.e., operation control 236) in its reference labels 231-8. Users can stop the playback of the music corresponding to the label by triggering the stop playback control.

[0048] In some embodiments, in addition to reference tags, the tag area may also include at least a portion of another reference tag from at least one of the reference tags. The terminal device 110 may, in response to receiving a swipe action along the direction of the reference tag sequence in the tag area, present another reference tag in the tag area and another set of reference media items corresponding to the other reference tag in the media area. In some embodiments, the direction along the reference tag sequence may be, for example, horizontal. In this way, users can browse various reference tags in the reference tag sequence by swiping, thereby improving browsing efficiency.

[0049] For example, return Figure 2E Currently, label area 230 displays at least a portion of reference label 231-1 and reference label 231-2. Since reference label 231-1 is located at the beginning of the sequence, it can be displayed at the beginning (i.e., on the left) of label area 230. Terminal device 110 can, in response to receiving a horizontal leftward swipe action in label area 230, display reference label 231-2 in label area 230 and display a set of reference media items corresponding to reference label 231-2 in media area 240.

[0050] For example, refer to Figure 2G Currently, label area 230 displays at least a portion of reference label 231-4, reference label 231-3, and at least a portion of reference label 231-5. Since reference label 231-4 is located in the middle of the sequence, it can be displayed in the middle of label area 230. Terminal device 110 can, in response to receiving a horizontal leftward swipe action in label area 230, display reference label 231-5 in the label area and a set of reference media items corresponding to reference label 231-5 in media area 240. Terminal device 110 can, in response to receiving a horizontal rightward swipe action in label area 230, display reference label 231-3 in the label area and a set of reference media items corresponding to reference label 231-3 in media area 240.

[0051] For example, refer to Figure 2H Currently, label area 230 displays at least a portion of reference labels 231-7 and 231-6. Since reference label 231-7 is located at the end of the sequence, it can be displayed at the end (i.e., the right side) of label area 230. Terminal device 110 can respond to receiving a horizontal rightward swipe action in label area 230 by displaying reference label 231-6 in the label area and a set of reference media items corresponding to reference label 231-6 in media area 240.

[0052] It is understood that if reference labels 231-2 and 231-3 are the same reference labels, reference labels 231-4 and 231-6 are the same reference labels, and reference labels 231-5 and 231-7 are the same reference labels, the terminal device 110 can respond to receiving a sliding action in the label area 230 of the example interface 200E and present the example interface 200G. The terminal device 110 can respond to receiving a sliding action in the label area 230 of the example interface 200G and present the example interface 200H.

[0053] Therefore, multiple reference tags can be provided within a limited tag area, offering users more reference tags and making it easier for them to quickly find tags and media content that interest them, thus improving their creation efficiency.

[0054] In some embodiments, the presentation position of another reference label in the label area can be determined based on the order / position of the other reference label in the reference label sequence. Specifically, if it is determined that the other reference label is at the beginning of the reference label sequence, the terminal device 110 can present the other reference label at the beginning position in the label area. If it is determined that the other reference label is in the middle of the reference label sequence, the terminal device 110 can present the other reference label at the middle position in the label area. If it is determined that the other reference label is at the end of the reference label sequence, the terminal device 110 can present the other reference label at the end position in the label area.

[0055] In other words, for another reference label to be displayed, if the other reference label is the first reference label in the reference label sequence, the terminal device 110 can display the other reference label at the beginning of the label area (reference label 231-1 in the example interface 200E). If the other reference label is the middle reference label in the reference label sequence, the terminal device 110 can display the other reference label at the middle of the label area (reference label 231-4 in the example interface 200G). If the other reference label is the last reference label in the reference label sequence, the terminal device 110 can display the other reference label at the end of the label area (reference label 231-7 in the example interface 200H). Therefore, the display position of the label can inform the user of the current label's position in the label sequence, which helps improve the user's creation efficiency.

[0056] Regarding the specific method for determining a set of reference media items corresponding to a reference label, in some embodiments, if the type of the reference label is determined to be a template type, the terminal device 110 can select a set of reference media items based on the similarity between the template of the media item and multiple templates of multiple candidate reference media items. The terminal device 110 can use any appropriate method to determine the similarity between different templates.

[0057] As an example, terminal device 110 can obtain template information for each template, which may include template name, description information, or page layout, etc. Terminal device 110 can determine the similarity between two different templates by comparing their template information. In some embodiments, terminal device 110 can also utilize predetermined algorithms, rules, or trained machine learning models to determine the similarity between different templates. As an example, terminal device 110 can provide the template of a media item and multiple templates together to a machine learning model, and obtain the similarity between the media item template and the multiple templates from the machine learning model.

[0058] Terminal device 110 may, for example, sort multiple templates based on similarity and determine a set of candidate reference media items corresponding to the set of templates with the highest similarity or a set of templates that are ranked higher than a predetermined ranking as a set of reference media items.

[0059] In some embodiments, if the type of the reference tag is determined to be a function type, the terminal device 110 can select a set of candidate reference media items from a plurality of candidate reference media items based on the function used in the media item. As an example, the terminal device 110 can determine a set of candidate reference media items from the plurality of candidate reference media items that use the same function as the media item. The terminal device 110 can then determine a set of reference media items from the set of candidate reference media items based on the similarity between a set of templates corresponding to a set of candidate reference media items and the template of the media item.

[0060] For example, if there are a total of 100 candidate reference media items, and the media items use function A, the terminal device 110 can identify, for example, 30 candidate reference media items that also use function A from these 100 candidate reference media items, and based on the similarity between the template of the media item and the 30 templates corresponding to these 30 candidate reference media items, determine a set of reference media items (for example, the 10 candidate reference media items with the highest similarity) from these 30 candidate reference media items.

[0061] In some embodiments, if the type of the reference tag is determined to be media material, the terminal device 110 can select a set of candidate reference media items from a plurality of candidate reference media items based on the media material used in the media item. As an example, the terminal device 110 can determine a set of candidate reference media items from a plurality of candidate reference media items that use the same media material as (or have a similarity higher than a threshold) the media material used in the media item. The terminal device 110 can then select a set of reference media items based on the similarity between the template of the media item and a set of templates of a set of candidate reference media items.

[0062] For example, taking a total of 100 candidate reference media items as an example, if a media item uses material A, the terminal device 110 can determine a group of candidate reference media items that also use material A from these 100 candidate reference media items. As another example, if a media item uses material A, material B, and material C, the terminal device 110 can determine the materials used by each of these 100 candidate reference media items. For example, the terminal device 110 can determine candidate reference media items whose corresponding materials include at least two of materials A to C (i.e., including material A and material B, including material A and material C, including material B and material C, or including material A to material C) as a group of candidate reference media items whose material similarity to the media item is higher than a threshold.

[0063] A set of candidate reference media items may include, for example, 20 candidate reference media items. The terminal device 110 can then determine a set of reference media items (e.g., the 10 candidate reference media items with the highest similarity) from these 20 candidate reference media items based on the similarity between the template of the media item and the 20 templates corresponding to these 20 candidate reference media items.

[0064] Terminal device 110 can display at least a first portion of a set of summary representations corresponding to a set of reference media items in the media area of ​​the second interface. In some embodiments, terminal device 110 can display at least a second portion of a set of summary representations corresponding to a set of reference media items in the media area in response to receiving a swipe action in the media area. The at least first portion and the at least second portion of the set of summary representations can be at least partially different, that is, the content of the second interface can be changed by the swipe action. As an example, if a set of reference media items includes 10 media items, the media area can include 4 summary representations corresponding to 4 of the media items (e.g., media items 1 to 4), and terminal device 110 can display 4 summary representations corresponding to another 4 media items (e.g., media items 5 to 8) in response to receiving a swipe operation (e.g., swipe up, swipe down, etc.) in the media area. Thus, terminal device 110 can display more summary representations in a limited media area based on user operation, making it easier for users to find media items of interest in the second interface and helping to improve user browsing efficiency.

[0065] In some embodiments, the terminal device 110 may exit the second interface in response to receiving a swipe action away from the second area in the media area, and a set of summary representations presented in the media area matching the initial state of the media area (e.g., at least a first part of a set of summary representations presented by default in the media area when the terminal device 110 presents a corresponding reference label in the label area). As an example, return Figure 2EIn example, the media area 240 in the example interface 200E can be the initial state of the media area corresponding to the reference label 231-1. The terminal device 110 can exit the second interface in response to receiving a swipe operation away from the area 210 (i.e., a downward swipe operation). In this way, the second interface can be quickly exited and the first interface can be returned.

[0066] In some embodiments, the terminal device 110 may also exit the second interface and return to the first interface in response to receiving an access request for the second area. As an example, continue to refer to... Figure 2E Terminal device 110 can exit the second interface in response to receiving a trigger on area 210. Thus, terminal device 110 can conveniently and quickly exit the second interface based on user interaction, which helps improve interaction efficiency.

[0067] In some embodiments, the terminal device 110 may also, in response to receiving an interaction request for a summary representation in a set of summary representations in a media region, present a reference media item corresponding to the summary representation in a third interface of the application. As an example, reference... Figure 2E and Figure 2K Terminal device 110 may, in response to receiving a trigger on the summary representation 241 in media area 240 in example interface 200E, present example interface 200K. Example interface 200K illustrates an example of a third interface.

[0068] Terminal device 110 can present reference media items corresponding to summary representation 241 in example interface 200K. Example interface 200K includes controls 250 and 260. For example, in response to receiving a trigger on control 250, terminal device 110 can overlay a fourth interface on example interface 200K. The fourth interface includes a label area and a media area. The label area includes at least one reference label, and the reference label in the at least one reference label corresponds to a set of reference media items associated with reference media items in example interface 200K. The media area includes at least a portion of a set of summary representations corresponding to a set of reference media items. In this way, users can continuously explore reference media items of interest to gain more inspiration.

[0069] Terminal device 110, for example, in response to receiving a trigger on control 260, or in response to receiving a swipe action in a specified direction (e.g., a swipe action to the left), determines that it has received an exit request for exiting sample interface 200K. Terminal device 110 may return to sample interface 200E in response to the exit request for exiting a third interface.

[0070] In summary, according to the embodiments of this disclosure, at least one reference label and a set of reference media items corresponding to each reference label can be provided. Users can select their preferred reference labels / reference media items, which can help users quickly create their own media items and improve the efficiency of users creating media items.

[0071] Figure 3 A flowchart of a method 300 for presenting media items according to some embodiments of the present disclosure is shown. Method 300 can be implemented at terminal device 110. Reference is made below. Figure 1 Description method 300.

[0072] In box 310, the terminal device 110 presents media items and access entries for accessing reference media items associated with the media items in the first interface of the media application.

[0073] In box 320, in response to receiving an access request for an access entry, terminal device 110 overlays a second interface on top of the first interface. The second interface includes: a label area for displaying reference labels in a reference label sequence, the reference label sequence including at least one reference label, and the reference label in the at least one reference label corresponding to a set of reference media items associated with a media item; and a media area including at least a first portion of a set of summary representations corresponding to a set of reference media items.

[0074] In some embodiments, a second interface is overlaid on a first region of a first interface, the first interface including a first region and a second region, and the method 300 further includes: in response to receiving a sliding action toward the second region in the second interface, increasing the size of the first region along the sliding direction; and in response to determining that the size of the first region has reached a predetermined threshold, maintaining the size of the first region.

[0075] In some embodiments, method 300 further includes: in response to receiving an access request for a second region, exiting the second interface to return to the first interface.

[0076] In some embodiments, the label area further includes at least a portion of another reference label from at least one reference label, and the method 300 further includes: in response to receiving a sliding action in the label area along a direction of the reference label sequence, presenting another reference label in the label area; and presenting another set of reference media items corresponding to the other reference label in the media area.

[0077] In some embodiments, presenting another reference label in the label area includes at least one of the following: in response to determining that the other reference label is at the head of the reference label sequence, presenting the other reference label at the head position in the label area; in response to determining that the other reference label is at the middle of the reference label sequence, presenting the other reference label at the middle position in the label area; in response to determining that the other reference label is at the tail of the reference label sequence, presenting the other reference label at the tail position in the label area.

[0078] In some embodiments, method 300 further includes: in response to receiving a swipe action in a media region, presenting at least a second portion of a set of summary representations corresponding to a set of reference media items in the media region.

[0079] In some embodiments, method 300 further includes: exiting the second interface in response to receiving a swipe action away from the second region in the media region and a set of summary representations presented in the media region matching the initial state of the media region.

[0080] In some embodiments, method 300 further includes: in response to receiving an interaction request for a summary representation in a set of summary representations in a media region, presenting a reference media item corresponding to the summary representation in a third interface of the application; and in response to receiving an exit request for exiting the third interface, returning to a second interface.

[0081] In some embodiments, the reference label includes: a type control indicating the type of the label, the type including at least one of the following: template type, function type, or material type; a description control indicating a description of a set of reference media items; a favorite control for favorite a set of reference media items; or an operation control for operation a set of reference media items.

[0082] In some embodiments, a set of reference media items is determined based on the following: in response to determining that the type of the reference tag is a template type, a set of reference media items is selected based on the similarity between the template of the media item and multiple templates of multiple candidate reference media items.

[0083] In some embodiments, a set of reference media items is determined based on the following: in response to determining that the type of the reference tag is a function type, a set of candidate reference media items is selected from a plurality of candidate reference media items based on the function used in the media item; and a set of reference media items is selected based on the similarity between the template of the media item and a set of templates of the set of candidate reference media items.

[0084] In some embodiments, a set of reference media items is determined based on the following: in response to determining that the type of the reference tag is a material type, a set of candidate reference media items is selected from multiple candidate reference media items based on the material used in the media item; and a set of reference media items is selected based on the similarity between the template of the media item and a set of templates of the set of candidate reference media items.

[0085] Embodiments of this disclosure also provide corresponding apparatus for implementing the above methods or processes. Figure 4 A schematic structural block diagram of an apparatus 400 for presenting media items according to some embodiments of the present disclosure is shown. The apparatus 400 may be implemented in or included in a terminal device 110, for example. The various modules / components in the apparatus 400 may be implemented by hardware, software, firmware, or any combination thereof.

[0086] As shown in the figure, device 400 includes a first presentation module 410 configured to present a media item and an access point for accessing a reference media item associated with the media item in a first interface of a media application. Device 400 also includes a second presentation module 420 configured to overlay a second interface on top of the first interface in response to receiving an access request for the access point. The second interface includes: a label area for presenting reference labels in a reference label sequence, the reference label sequence including at least one reference label, and the reference label in the at least one reference label corresponding to a set of reference media items associated with the media item; and a media area including at least a first portion of a set of summary representations corresponding to a set of reference media items.

[0087] In some embodiments, a second interface is overlaid on a first area of ​​a first interface, the first interface including a first area and a second area, and the device 400 further includes: an area size increasing module configured to increase the size of the first area in a sliding direction in response to receiving a sliding action toward the second area in the second interface; and an area size maintaining module configured to maintain the size of the first area in response to determining that the size of the first area has reached a predetermined threshold.

[0088] In some embodiments, the apparatus 400 further includes: an interface return module configured to exit the second interface and return to the first interface in response to receiving an access request for the second area.

[0089] In some embodiments, the label area further includes at least a portion of another reference label from at least one reference label, and the apparatus 400 further includes: a label presentation module configured to present another reference label in the label area in response to receiving a sliding action in the label area along a direction of the reference label sequence; and a media item presentation module configured to present another set of reference media items corresponding to the other reference label in the media area.

[0090] In some embodiments, the label rendering module is further configured to perform at least one of the following: in response to determining that another reference label is located at the head of a reference label sequence, rendering another reference label at the head position in the label area; in response to determining that another reference label is located in the middle of a reference label sequence, rendering another reference label at the middle position in the label area; in response to determining that another reference label is located at the tail of a reference label sequence, rendering another reference label at the tail position in the label area.

[0091] In some embodiments, the apparatus 400 further includes: a summary representation presentation module configured to, in response to receiving a swipe action in a media area, present at least a second portion of a set of summary representations corresponding to a set of reference media items in the media area.

[0092] In some embodiments, the device 400 further includes: a first interface exit module configured to exit the second interface in response to receiving a swipe action away from the second area in the media area and a set of summary representations presented in the media area matching the initial state of the media area.

[0093] In some embodiments, the apparatus 400 further includes: a reference media item presentation module configured to present a reference media item corresponding to a summary representation in a third interface of the application in response to receiving an interaction request for a summary representation in a set of summary representations in a media area; and a second interface exit module configured to return to a second interface in response to receiving an exit request for exiting the third interface.

[0094] In some embodiments, the reference label includes: a type control indicating the type of the label, the type including at least one of the following: template type, function type, or material type; a description control indicating a description of a set of reference media items; a favorite control for favorite a set of reference media items; or an operation control for operation a set of reference media items.

[0095] In some embodiments, a set of reference media items is determined based on the following: in response to determining that the type of the reference tag is a template type, a set of reference media items is selected based on the similarity between the template of the media item and multiple templates of multiple candidate reference media items.

[0096] In some embodiments, a set of reference media items is determined based on the following: in response to determining that the type of the reference tag is a function type, a set of candidate reference media items is selected from a plurality of candidate reference media items based on the function used in the media item; and a set of reference media items is selected based on the similarity between the template of the media item and a set of templates of the set of candidate reference media items.

[0097] In some embodiments, a set of reference media items is determined based on the following: in response to determining that the type of the reference tag is a material type, a set of candidate reference media items is selected from multiple candidate reference media items based on the material used in the media item; and a set of reference media items is selected based on the similarity between the template of the media item and a set of templates of the set of candidate reference media items.

[0098] The units and / or modules included in device 400 can be implemented in various ways, including software, hardware, firmware, or any combination thereof. In some embodiments, one or more units and / or modules can be implemented using software and / or firmware, such as machine-executable instructions stored on a storage medium. In addition to or as an alternative to machine-executable instructions, some or all of the units and / or modules in device 400 can be implemented at least partially by one or more hardware logic components. By way of example and not limitation, exemplary types of hardware logic components that can be used include field-programmable gate arrays (FPGAs), application-specific integrated circuits (ASICs), application-specific standard products (ASSPs), systems-on-a-chip (SoCs), complex programmable logic devices (CPLDs), and so on.

[0099] It should be understood that one or more steps in the above methods can be performed by suitable electronic devices or combinations of electronic devices. Such electronic devices or combinations of electronic devices may include, for example, […]. Figure 1 Terminal device 110 and / or server 130.

[0100] Figure 5 A block diagram of an electronic device 500 in which one or more embodiments of the present disclosure may be implemented is shown. It should be understood that... Figure 5 The electronic device 500 shown is merely exemplary and should not be construed as limiting the functionality and scope of the embodiments described herein. Figure 5 The illustrated electronic device 500 may include or be implemented as Figure 1 The terminal device 110, or Figure 4 Device 400.

[0101] like Figure 5As shown, electronic device 500 is in the form of a general-purpose electronic device. Components of electronic device 500 may include, but are not limited to, one or more processors or processing units 510, memory 520, storage device 530, one or more communication units 540, one or more input devices 550, and one or more output devices 560. Processing unit 510 may be a physical or virtual processor and is capable of performing various processes according to programs stored in memory 520. In a multiprocessor system, multiple processing units execute computer-executable instructions in parallel to improve the parallel processing capability of electronic device 500.

[0102] Electronic device 500 typically includes multiple computer storage media. Such media can be any accessible media that is accessible to electronic device 500, including but not limited to volatile and non-volatile media, removable and non-removable media. Memory 520 can be volatile memory (e.g., registers, cache, random access memory (RAM)), non-volatile memory (e.g., read-only memory (ROM), electrically erasable programmable read-only memory (EEPROM), flash memory), or some combination thereof. Storage device 530 can be removable or non-removable media and can include machine-readable media, such as flash drives, disks, or any other media that can be used to store information and / or data and can be accessed within electronic device 500.

[0103] Electronic device 500 may further include additional removable / non-removable, volatile / non-volatile storage media. Although not explicitly stated... Figure 5 As shown, disk drives for reading from or writing to removable, non-volatile disks (e.g., "floppy disks") and optical disk drives for reading from or writing to removable, non-volatile optical disks can be provided. In these cases, each drive can be connected to a bus (not shown) via one or more data media interfaces. Memory 520 may include computer program product 525 having one or more program modules configured to perform various methods or actions of various embodiments of this disclosure.

[0104] Communication unit 540 enables communication with other electronic devices via a communication medium. Additionally, the functionality of components of electronic device 500 can be implemented using a single computing cluster or multiple computing machines capable of communicating via communication connections. Therefore, electronic device 500 can operate in a networked environment using logical connections to one or more other servers, network personal computers (PCs), or another network node.

[0105] Input device 550 can be one or more input devices, such as a mouse, keyboard, trackball, etc. Output device 560 can be one or more output devices, such as a monitor, speaker, printer, etc. Electronic device 500 can also communicate with one or more external devices (not shown) via communication unit 540 as needed. These external devices include storage devices, display devices, etc., and can communicate with one or more devices that enable user interaction with electronic device 500, or with any device that enables electronic device 500 to communicate with one or more other electronic devices (e.g., network card, modem, etc.). Such communication can be performed via input / output (I / O) interface (not shown).

[0106] According to an exemplary implementation of this disclosure, a computer-readable storage medium is provided that stores computer-executable instructions thereon, wherein the computer-executable instructions are executed by a processor to implement the methods described above. According to an exemplary implementation of this disclosure, a computer program product is also provided, which is tangibly stored on a non-transitory computer-readable medium and includes computer-executable instructions, which are executed by a processor to implement the methods described above.

[0107] Various aspects of this disclosure are described herein with reference to flowchart illustrations and / or block diagrams of methods, apparatuses, devices, and computer program products implemented according to this disclosure. It should be understood that each block of the flowchart illustrations and / or block diagrams, and combinations of blocks in the flowchart illustrations and / or block diagrams, can be implemented by computer-readable program instructions.

[0108] These computer-readable program instructions can be provided to a processing unit of a general-purpose computer, a special-purpose computer, or other programmable data processing apparatus to produce a machine such that, when executed by the processing unit of the computer or other programmable data processing apparatus, they create means for implementing the functions / actions specified in one or more blocks of the flowchart and / or block diagram. These computer-readable program instructions can also be stored in a computer-readable storage medium that causes a computer, programmable data processing apparatus, and / or other device to operate in a particular manner. Thus, the computer-readable medium storing the instructions comprises an article of manufacture that includes instructions for implementing aspects of the functions / actions specified in one or more blocks of the flowchart and / or block diagram.

[0109] Computer-readable program instructions can be loaded onto a computer, other programmable data processing apparatus, or other device to cause a series of operational steps to be performed on the computer, other programmable data processing apparatus, or other device to produce a computer-implemented process, thereby causing the instructions that execute on the computer, other programmable data processing apparatus, or other device to perform the functions / actions specified in one or more boxes of a flowchart and / or block diagram.

[0110] The flowcharts and block diagrams in the accompanying drawings illustrate the architecture, functionality, and operation of possible implementations of systems, methods, and computer program products according to various embodiments of this disclosure. In this regard, each block in a flowchart or block diagram may represent a module, segment, or portion of an instruction, which contains one or more executable instructions for implementing the specified logical function. In some, as newer, implementations, the functions indicated in the blocks may occur in a different order than those indicated in the drawings. For example, two consecutive blocks may actually be executed substantially in parallel, and they may sometimes be executed in reverse order, depending on the functions involved. It should also be noted that each block in the block diagrams and / or flowcharts, and combinations of blocks in the block diagrams and / or flowcharts, may be implemented using a dedicated hardware-based system that performs the specified function or action, or using a combination of dedicated hardware and computer instructions.

[0111] Various implementations of this disclosure have been described above. These descriptions are exemplary and not exhaustive, nor are they limited to the disclosed implementations. Many modifications and variations will be apparent to those skilled in the art without departing from the scope and spirit of the described implementations. The terminology used herein is chosen to best explain the principles, practical applications, or improvements to technology in the market, or to enable others skilled in the art to understand the various implementations disclosed herein.

Claims

1. A method for presenting media items, comprising: In the first interface of the media application, media items and access points for accessing reference media items associated with said media items are presented; as well as In response to receiving an access request for the access portal, a second interface is overlaid on the first interface, the second interface including: A tag area for presenting reference tags in a reference tag sequence, the reference tag sequence including at least one reference tag, and the reference tag in the at least one reference tag corresponding to a set of reference media items associated with the media item; as well as The media area includes at least a first portion of a set of summary representations corresponding to the set of reference media items.

2. The method according to claim 1, wherein the second interface is overlaid on the first area of ​​the first interface, the first interface including the first area and the second area, and the method further includes: In response to receiving a sliding motion toward the second region in the second interface, the size of the first region is increased along the sliding direction; as well as In response to determining that the size of the first region has reached a predetermined threshold, the size of the first region is maintained.

3. The method according to claim 2, further comprising: Upon receiving an access request for the second region, exit the second interface to return to the first interface.

4. The method of claim 2, wherein the label region further comprises at least a portion of another reference label among the at least one reference label, and the method further comprises: In response to receiving a sliding motion along the direction of the reference label sequence in the label area, the other reference label is presented in the label area; Another set of reference media items corresponding to the other reference label are presented in the media area.

5. The method of claim 4, wherein presenting the other reference label in the label area comprises at least one of the following: In response to determining that the other reference label is located at the head of the reference label sequence, the other reference label is presented at the head position in the label region; In response to determining that the other reference label is located in the middle of the reference label sequence, the other reference label is presented at the middle position in the label area; In response to determining that the other reference label is located at the end of the reference label sequence, the other reference label is presented at the end position in the label region.

6. The method of claim 1, further comprising: In response to receiving a swipe action in the media area, at least a second portion of the set of summary representations corresponding to the set of reference media items is presented in the media area.

7. The method of claim 2, further comprising: In response to receiving a swipe action away from the second region in the media area, and the set of summary representations presented in the media area matching the initial state of the media area, exit the second interface.

8. The method of claim 1, further comprising: In response to receiving an interaction request for a summary representation in the set of summary representations in the media area, a reference media item corresponding to the summary representation is presented in a third interface of the application; as well as In response to receiving an exit request for leaving the third interface, return to the second interface.

9. The method of claim 1, wherein the reference label comprises: A type control indicates the type of the tag, and the type includes at least one of the following: template type, function type, or material type; A description control that represents a description of the set of reference media items; A collection control, used to collect the aforementioned set of reference media items; or Operation controls, used to operate the set of reference media items.

10. The method of claim 9, wherein the set of reference media items is determined based on the following: in response to determining that the type of the reference tag is the template type, the set of reference media items is selected based on the similarity between the template of the media item and multiple templates of multiple candidate reference media items.

11. The method of claim 9, wherein the set of reference media items is determined based on the following: In response to determining that the type of the reference tag is a functional type, a set of candidate reference media items is selected from a plurality of candidate reference media items based on the function used in the media item; and The set of reference media items is selected based on the similarity between the template of the media item and the template of the set of candidate reference media items.

12. The method of claim 9, wherein the set of reference media items is determined based on the following: In response to determining that the type of the reference tag is a material type, a set of candidate reference media items is selected from a plurality of candidate reference media items based on the material used in the media item; and The set of reference media items is selected based on the similarity between the template of the media item and the template of the set of candidate reference media items.

13. An apparatus for presenting a media item, comprising: The first presentation module is configured to present media items and access entries for accessing reference media items associated with said media items in a first interface of a media application. as well as The second presentation module is configured to overlay a second interface on top of the first interface in response to receiving an access request for the access entry. The second interface includes a tag area for presenting reference tags in a reference tag sequence, the reference tag sequence including at least one reference tag, and the reference tag in the at least one reference tag corresponding to a set of reference media items associated with the media item. And media areas, including at least a first portion of a set of summary representations corresponding to the set of reference media items.

14. An electronic device, comprising: At least one processor; as well as At least one memory coupled to the at least one processor and storing instructions for execution by the at least one processor, the instructions causing the electronic device to perform the method according to any one of claims 1 to 12 when executed by the at least one processor.

15. A computer-readable storage medium having stored thereon computer-executable instructions that can be executed by a processor to implement the method according to any one of claims 1 to 12.

16. A computer program product comprising computer-executable instructions, wherein the computer-executable instructions, when executed by a processor, implement the method according to any one of claims 1 to 12.

Images