Method, device, equipment, storage medium and product for interface interaction

Abstract

An interface interaction method, apparatus, device, storage medium, and product are provided. The method proposed herein includes: in a first interface, presenting a first media content and a first component, the first media content being associated with a first object, the first component showing a second media content, the second media content including a first visual element associated with the first object; through the first component, obtaining at least one item of media content; and presenting a third media content, the third media content including the first visual element and a second visual element, the second visual element being related to the at least one item of media content. In this way, examples herein can improve the efficiency of users obtaining information and improve the efficiency of content output.

Description

Technical Field

[0001] The examples in this article generally relate to the field of computer science, and in particular to methods, apparatuses, devices, computer-readable storage media, and products for user interface interaction. Background Technology

[0002] In information feed presentation scenarios, a fixed style is usually used to present the same content to different users. Users can only click and browse the presented content, and it is difficult for them to deeply participate in and operate the presented content based on their own materials. Summary of the Invention

[0003] In a first aspect, a method for interface interaction is provided. The method includes: presenting first media content and a first component on a first interface, the first media content being associated with a first object, the first component displaying second media content, the second media content including a first visual element associated with the first object; acquiring at least one piece of media content through the first component; and presenting third media content, the third media content including a first visual element and a second visual element, the second visual element being associated with at least one piece of media content.

[0004] In a second aspect, an apparatus for interface interaction is provided. The apparatus includes: a first presentation module configured to present first media content and a first component on a first interface, the first media content being associated with a first object, the first component displaying second media content, the second media content including a first visual element associated with the first object; an acquisition module configured to acquire at least one piece of media content through the first component; and a second presentation module configured to present third media content, the third media content including a first visual element and a second visual element, the second visual element being associated with at least one piece of media content.

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

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

[0007] In a fifth aspect, a computer program product is provided, which is tangibly stored in a computer storage medium and includes computer-executable instructions that, when executed by a device, cause the device to perform the method of the first aspect.

[0008] Through the above approach, the third-media content presented in the example of this paper, while integrating at least one media content, retains the first visual element associated with the first object. This allows the information carried by the first visual element to be presented along with the third-media content, improving the efficiency of information retrieval for users. Furthermore, by presenting third-media content that includes the first visual element, the example of this paper avoids presenting at least one media content and the first visual element separately, reducing the processing overhead of subsequent content association and retrieval, and improving the efficiency of content output.

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

[0010] The above and other features, advantages, and aspects of the various examples herein will become more apparent when taken in conjunction with the accompanying drawings and the following detailed description. In the accompanying drawings, the same or similar reference numerals denote the same or similar elements, wherein: Figure 1 A schematic diagram of the example environment is shown; Figures 2A to 2H Example interfaces for some scenarios are shown; Figure 3 The flowcharts show example processes of interface interactions in some scenarios; Figure 4 Schematic block diagrams of example devices for interface interaction in some scenarios are shown; and Figure 5 A block diagram of an electronic device capable of implementing multiple illustrative scenarios is shown. Detailed Implementation

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

[0012] It should be noted that the headings of any section / subsection provided herein are not restrictive. Various examples are described throughout this document, and examples of any type may be included under any section / subsection. Furthermore, examples described in any section / subsection may be combined in any way with any other examples described in the same section / subsection and / or different sections / subsections.

[0013] In the description of the examples in this document, the term "including" and similar terms should be understood as open inclusion, i.e., "including but not limited to". The term "based on" should be understood as "at least partially based on". The term "an example" or "the example" should be understood as "at least one example". The term "some examples" should be understood as "at least some examples". Other explicit and implicit definitions may also be included below. The terms "first", "second", etc., may refer to different or the same objects. Other explicit and implicit definitions may also be included below.

[0014] The examples in this document may involve user data, data acquisition, and / or use. All of these aspects comply with relevant laws, regulations, and rules. In the examples, all data collection, acquisition, processing, manipulation, forwarding, and use are conducted with the user's knowledge and confirmation. Accordingly, when implementing each example, the type, scope of use, and usage scenarios of any data or information that may be involved should be communicated to the user and their authorization obtained through appropriate means, in accordance with relevant laws and regulations. The specific methods of notification and / or authorization can vary depending on the actual situation and application scenario; the scope of the solution is not limited in this regard.

[0015] In this manual and the sample solutions, any processing of personal information will be conducted only under legal grounds (such as obtaining the consent of the data subject or being necessary for the performance of a contract) and will only be carried out within the scope stipulated or agreed upon. A user's refusal to process personal information beyond what is necessary for basic functions will not affect the user's use of basic functions.

[0016] As mentioned above, in the presentation scenario of information feed, the same content is usually presented to different users in a fixed style. Users can only click and browse the presented content, and it is difficult for them to participate in and operate the presented content in depth based on their own materials.

[0017] A user interface interaction scheme is proposed. The scheme includes: presenting first media content and a first component on a first interface, the first media content being associated with a first object, the first component displaying second media content, the second media content including a first visual element associated with the first object; obtaining at least one piece of media content through the first component; and presenting third media content, the third media content including a first visual element and a second visual element, the second visual element being associated with at least one piece of media content.

[0018] Through the above approach, the third-media content presented in the example of this paper, while integrating at least one media content, retains the first visual element associated with the first object. This allows the information carried by the first visual element to be presented along with the third-media content, improving the efficiency of information retrieval for users. Furthermore, by presenting third-media content that includes the first visual element, the example of this paper avoids presenting at least one media content and the first visual element separately, reducing the processing overhead of subsequent content association and retrieval, and improving the efficiency of content output.

[0019] The following describes various examples of this scheme in further detail with reference to the accompanying drawings.

[0020] Example Environment Figure 1 A schematic diagram of example environment 100 is shown. (e.g.) Figure 1 As shown, example environment 100 may include electronic device 110.

[0021] In this example environment 100, electronic device 110 can run an application 120 that supports user interface interaction. Application 120 can be any suitable type of application for user interface interaction, including but not limited to: media content streaming application, media content editing application, media content generation application, or other suitable application. User 140 can interact with application 120 via electronic device 110 and / or its attached devices.

[0022] exist Figure 1 In environment 100, if application 120 is active, electronic device 110 can use application 120 to present interface 150 for supporting interface interaction.

[0023] In some cases, electronic device 110 communicates with server 130 to provide services to application 120. Electronic 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, handheld computers, portable gaming terminals, VR / AR devices (Virtual Reality / Augmented Reality devices), 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 of the foregoing, including accessories and peripherals of these devices or any combination thereof. In some cases, electronic device 110 can also support any type of user-facing interface (such as "wearable" circuitry).

[0024] 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 applications 120 that support user interface interaction in electronic devices 110.

[0025] A communication connection can be established between server 130 and electronic device 110. This communication connection can be established via wired or wireless means. The communication connection can include, but is not limited to, Bluetooth, mobile network, Universal Serial Bus (USB), and Wireless Fidelity (WiFi) connections. In some cases, server 130 and electronic device 110 can exchange signaling information through their communication connection.

[0026] 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 the scheme.

[0027] The following description of the example will continue with reference to the accompanying drawings.

[0028] Example Interaction Figures 2A to 2H Example interfaces 200A to 200H are shown according to some scenarios. Interfaces 200A to 200H can, for example, be derived from... Figure 1 The electronic device 110 shown is provided by application 120. See below for reference. Figures 2A to 2H To describe the interface interaction process in some situations.

[0029] In some cases, such as Figure 2A As shown, electronic device 110 can present a first interface (e.g., interface 200A). Interface 200A can be associated with a media content stream and can be used to present media content within the media content stream. The term "media content stream" as used herein refers to a sequence of content composed of multiple media contents organized in an appropriate manner, such as an information stream presented in chronological or recommended order. The media content stream can include multiple media contents published by multiple users of the current application platform. A first user can switch between multiple media contents within the media content stream based on content switching operations, such as swiping up or down. The first user can also interact with a second user or other users based on the media content, such as liking, commenting on, or sharing interactive media content. The term "media content" as used herein refers to content in various forms that can be presented through an interface, including but not limited to images, videos, audio, text, animations, cards, widgets, or any combination of the foregoing.

[0030] Electronic device 110 can present first media content 202 on a first interface 200A. The first media content 202 is associated with a first object, and may be any suitable media content such as images or videos associated with the first object, and may be included in a media content stream. "First object" refers to any suitable subject associated with the presented first media content 202, and may include, but is not limited to, users, businesses, organizations, or other entities. In some examples, the media content associated with the first object may be promotional content used to promote the first object. The term "promotional content" as used herein refers to content used for information promotion, and may include, but is not limited to, advertisements, promotional videos, posters, etc. In some cases, the first media content 202 may correspond to an appropriate event (e.g., a sporting event, a festival, etc.), which may be configured by the first object.

[0031] In some cases, the electronic device 110 can display descriptive information of the first media content on a first interface. For example, such as... Figure 2AAs shown, the electronic device 110 can display description information 204 of the first media content 202 on the first interface 200A. The description information 204 may include the identifier of the first object (e.g., name, avatar), a description of the event, and an operation description for obtaining the third media content, etc.

[0032] In this way, while presenting the primary media content, users can be provided with descriptive information related to the primary media content, enabling users to better obtain information related to the primary media content and improving the efficiency of users' information acquisition.

[0033] In some cases, the descriptive information includes a first entry point. Electronic device 110 may, in response to a triggering operation on the first entry point, present a second interface associated with the first object. As an example, such as... Figure 2A As shown, the electronic device 110 can present a first entry point 206 in the description information 204. When the first entry point 206 is triggered (e.g., by a single click or double click), the electronic device 110 can present a second interface (not shown in the figure) associated with the first object. The second interface can be any suitable interface associated with the first object, which may include, but is not limited to: a viewing interface for the first object, a service acquisition interface for obtaining services associated with the first object, etc. The electronic device 110 can present various information related to the first object in the second interface. For example, the electronic device 110 can present the name, image, description, etc. of the first object in the second interface.

[0034] In some cases, the first media content 202 can be used to promote the first object, and the second interface can display service content associated with the first object; the service content may include the name, image, object description of the first object, and service entry points for triggering access to services related to the first object (such as access to goods related to the first object).

[0035] In this way, one can easily access the second interface associated with the first object through the entry point in the description information, so that the service content associated with the first object can be further presented, and the accessibility of relevant information can be improved.

[0036] In some cases, the first interface 200A may also display one or more tabs, such as tab 208-1, tab 208-2, tab 208-3, and tab 208-4. Different tabs may correspond to different media content streams, and users can switch the media content streams presented by the first interface 200A by triggering the tabs.

[0037] In some cases, electronic device 110 presents first media content and a first component on a first interface. The first media content is associated with a first object, and the first component displays second media content. The second media content includes a first visual element associated with the first object.

[0038] As an example, such as Figure 2B As shown, electronic device 110 can present a first interface. The first interface can be, for example, interface 200B. Electronic device 110 can present first media content 202 and a first component 210 in interface 200B. In this document, the first component 210 can be any suitable interface component for displaying second media content. Examples of the first component 210 include, but are not limited to, containers, tabs, panels, etc. The first component 210 can display second media content 212. The second media content 212 can be presented in an appropriate form within the first component 210. The second media content 212 refers to the media content displayed by the first component, and may include first visual elements associated with the first object (including visual elements 212-1 and 212-2, etc.), which may be presented, for example, as cards, pendants, etc., and may be generated based on reference media content (e.g., visual elements associated with the second object) and media resources. The first visual elements associated with the first object may include, but are not limited to, the identification elements of the first object (e.g., name, icon, etc.).

[0039] The term "visual element" as used in this document refers to an element that can be visually presented on an interface, which may include, but is not limited to, logos, names, icons, patterns, images, character images, or combinations thereof; wherein, a first visual element refers to a visual element associated with a first object, a second visual element refers to a visual element associated with at least one piece of media content, and a third visual element refers to a visual element associated with a second object.

[0040] In some situations, electronic device 110 may stop displaying descriptive information and display the first component. For example, such as... Figure 2A As shown, interface 200A includes descriptive information 204 related to the first object. When it is necessary to present the first component 210, electronic device 110 can present the first component 210 in the area where the descriptive information 204 is located. For example, electronic device 110 can present the descriptive information 204 in interface 200A and present the first component 210 in the area where the descriptive information 204 is located.

[0041] In some cases, the electronic device 110 may, in response to the playback of the first media content 202 reaching a first duration (e.g., 3 seconds), stop displaying the description information 204 and display the first component in the area where the description information 204 was originally located, and may accordingly display, as shown in the image. Figure 2BThe interface shown is 200B. (As shown in the image) Figure 2B As shown, interface 200B corresponds to the first interface. In interface 200B, electronic device 110 can present first media content 202 and first component 210. First component 210 can be presented in the area where description information 204 was originally located, and can be used to obtain at least one piece of media content (e.g., a user-uploaded photo, an indicated virtual avatar, etc.). For example, a user can upload a photo through an entry point in first component 210. The term "entry point" as used herein refers to a visual element on the interface that can be triggered to enter the corresponding interface or realize the corresponding function, and may include, but is not limited to, buttons, controls, icons, links, etc. The term "first duration" as used herein refers to the length of time used to trigger the cessation of presentation of description information and presentation of the first component, and may be a pre-configured length of time, such as several seconds.

[0042] In this way, after the first media content has played for a certain duration, the interface can be switched from displaying descriptive information to displaying the first component, realizing the visible switching of guidance information to interactive components, which makes it easier for users to perform interactive operations at appropriate times.

[0043] In some cases, the second media content 212 may be associated with a media resource and may be generated based on reference media content and the media resource, which may correspond to a special effects resource. The reference media content may be associated with the first object, and may be, for example, selected by the first object. As used herein, the term "media resource" means a resource that can be applied to at least one media content to generate the corresponding media content, and may include, but is not limited to, special effects resources, such as models, templates, filters, or materials used for rendering, compositing, stylizing, or other processing of media content.

[0044] In some cases, the second media content 212 may include multiple layers, which can be arranged at different depth levels, that is, the multiple layers are staggered with each other in the depth direction to form a staggered structure. As an example, the visual elements included in the second media content 212 can be distributed in different layers: visual element 212-3 (e.g., the main object in the first media content, such as a character, animal, etc.) can be arranged in a relatively foreground layer, while the first visual elements 212-1, 212-2 associated with the first object (e.g., the logo, name, etc. of the first object) can be arranged in a relatively background or other layers. The number of multiple layers can be two or more, and the depth level, relative position, etc., between the layers can be configured as needed and are not limited in this respect.

[0045] In some cases, electronic device 110 can render multiple layers comprising the second media content 212 based on the presentation angle (i.e., the viewing angle), and cause relative displacement (i.e., parallax) between the multiple layers arranged at different depth levels corresponding to the presentation angle, thereby presenting the second media content 212 in a naked-eye 3D effect. The term "naked-eye 3D effect" as used herein refers to a presentation effect that allows a viewer to perceive stereoscopic vision without the aid of specialized auxiliary equipment (such as 3D glasses), for example, by causing relative displacement (i.e., parallax) between multiple layers arranged at different depth levels corresponding to the viewing angle.

[0046] In some cases, the second media content 212 can also exhibit appropriate animation effects when presented. For example, the electronic device 110 can adjust the presentation angle of the second media content 212 left and right according to an animation sequence, so that the relative displacement between multiple layers changes continuously, thereby presenting a dynamic naked-eye 3D effect. Additionally or alternatively, the electronic device 110 can determine the presentation angle based on the posture of the electronic device 110 detected by a posture sensor (such as a gyroscope, accelerometer, etc.), so that the user can actively adjust the presentation angle of the second media content 212 by adjusting the posture of the electronic device 110, thereby adjusting the relative displacement between multiple layers.

[0047] In this way, second media content with multiple layers can be presented in a form with stereoscopic visual effects (such as naked-eye 3D effects), so that the first visual elements carried in the second media content can be presented in a more layered and three-dimensional way, thereby improving the presentation expressiveness of the first visual elements and enhancing the visual prominence of the information carried by the first visual elements when presented.

[0048] In some cases, electronic device 110 acquires at least one piece of media content through the first component. For example, such as... Figure 2B As shown, the electronic device 110 can present a third entry point 214 within the first component 210. The third entry point 214 can be used to acquire at least one piece of media content, for example, it can be a media content upload entry point. When the third entry point 214 is clicked, the electronic device 110 can present a collection of media content on the interface 200B. The media content collection includes multiple candidate media content items. The user can select at least one piece of media content from the media content collection to upload, thereby creating third media content based on at least one piece of media content.

[0049] In some cases, electronic device 110 may present a third interface in response to receiving a first operation on the first component. The third interface is used to apply media resources. Further, electronic device 110 can obtain at least one piece of media content through the third interface. For example, such as... Figure 2B As shown, the electronic device 110 can receive a first operation on the first component 210. Such a first operation could be, for example, a click operation on the third entry point 214 in the first component 210. When the third entry point 214 is clicked, the electronic device 110 can display as follows: Figure 2C The third interface shown is (e.g., interface 200C). Interface 200C can be a media content creation interface, which can be used to apply media resources to create third media content (e.g., generate third media content based on applied media resources).

[0050] In some scenarios, electronic device 110 can obtain at least one piece of media content uploaded by the user through interface 200C. For example, such as... Figure 2C As shown, the third interface 200C may include a content upload component 216. The content upload component 216 can be used to acquire at least one piece of media content uploaded by the user, and can also display thumbnails of multiple candidate media content, such as media content uploaded by the user in the past. The user can upload at least one new piece of media content through the content upload component 216 as the basis for creating the third media content. The user can also select at least one piece of media content from multiple candidate media content through the content upload component 216 as the basis for creating the third media content. Alternatively, the third interface 200C may also include an operation description 220. The operation description 220 can be used to describe the various operations required to create the third media content. After the electronic device 110 acquires at least one piece of media content, the electronic device 110 can display the at least one piece of media content in the interface 200C. Such at least one piece of media content may, for example, include media content 222.

[0051] In some cases, the second media content is associated with a media resource, and the third media content is generated using the media resource and at least one type of media content. For example, such as... Figure 2CAs shown, the second media content 212 can be generated based on reference media content and media resources (e.g., special effects resources) associated with the first object; that is, the second media content can be generated by applying media resource 218-1 to the reference media content. When the user creates the third media content, the electronic device 110 can present a media resource selection component 218 in a third interface (e.g., interface 200C). The media resource selection component 218 can include multiple candidate media resources (i.e., multiple special effects resources), such as media resource 218-1 corresponding to the second media content. The user can select media resource 218-1 corresponding to the second media content in the candidate media resource selection component 218. After selecting media resource 218-1 and obtaining at least one piece of media content, the electronic device 110 can provide media resource 218-1 and at least one piece of media content to an appropriate model (e.g., a media content generation model). The media content generation model can generate the third media content based on media resource 218-1 and at least one piece of media content. This media content generation model can, for example, be deployed in server 130.

[0052] In some scenarios, media resources (effects) may include predefined visual processing logic, such as: image filters of specific styles, compositing templates for blending input images to a predetermined background, skeletal animation parameters for generating specific poses or expressions, and layer configurations for overlaying decorative elements (such as stickers, borders, and text). At least one piece of media content (e.g., a user-uploaded photo or video frame) is passed as input data to a media content generation model. The model first parses the at least one piece of media content, extracting its visual features (e.g., main object, color distribution, and outline information). Then, according to the transformation rules defined in the media resource, the model blends the extracted visual features with preset elements in the media resource. For example, the media resource may specify a region to be replaced or a layer position to be composited. The model maps a second visual element (e.g., a user image) from the at least one piece of media content to this region or layer, while retaining the first visual element associated with the first object in the media resource (e.g., the first object's identifier, name, etc.). After rendering and compositing, the model outputs third media content. The third media content can be a composite image, a video sequence, or a multimedia file containing animation effects.

[0053] In this way, the user can enter the third interface for applying media resources through the first operation of the first component, thereby obtaining at least one piece of media content in the third interface. This provides a coherent interactive link from component triggering to material acquisition, which can effectively improve the creation efficiency of third-party media content.

[0054] In some cases, electronic device 110 presents third media content. The third media content includes a first visual element and a second visual element. The second visual element is related to at least one piece of media content. For example, such as... Figure 2D As shown, after the third media content is generated, the electronic device 110 can present an editing interface 200D. The editing interface 200D can be used to present and edit the third media content. The electronic device 110 can present the third media content 224 in the editing interface 200D. In some cases, the third media content 224 may include card elements 224-1, which may include multiple layers arranged at different depth levels to form a staggered structure. When the third media content 224 is presented, it may also have corresponding animation effects. The animation effects can adjust the display angle (i.e., presentation angle) of the card elements 224-1 and cause a relative displacement (i.e., parallax) between the multiple layers included in the card elements 224-1 corresponding to the display angle, thereby presenting the card elements 224-1 in a naked-eye 3D effect. Users can also adjust the display angle of the card elements 224-1 by adjusting the posture of the electronic device 110, thereby adjusting the relative displacement between multiple layers.

[0055] In this way, third-media content with multiple layers can be presented in a three-dimensional visual effect, so that the first visual elements retained in the third-media content and the second visual elements related to at least one media content can be presented in a more layered and three-dimensional way, thereby improving the presentation expressiveness of the third-media content and the visual prominence of the information carried by the first visual elements when presented.

[0056] In some scenarios, the third media content 224 may include a first visual element (e.g., visual elements 226-1 to 226-3) and a second visual element 228. The second visual element 228 may be related to at least one piece of media content and may be included within that content. For example, if at least one piece of media content includes "puppy," then the second visual element 228 could be a visual element corresponding to "puppy." As another example, if at least one piece of media content includes character A, then the second visual element 228 could be a visual element corresponding to character A.

[0057] Alternatively, the editing interface 200D may also include multiple components 230. These components 230 can be used to edit and save third-party media content 224, as well as to add subtitles to the third-party media content 224.

[0058] In some cases, at least one piece of media content may include a virtual avatar associated with the user, and a second visual element may be associated with that virtual avatar. As used herein, the term "virtual avatar" refers to a digital image associated with a user, which may include, but is not limited to, digital images generated based on user-provided content, such as digital humans. For example, such as... Figure 2C As shown, when a user selects at least one piece of media content, the electronic device 110 can display a thumbnail 231 of a virtual avatar associated with the user in the content upload component 216 of the interface 200C. The user can select the virtual avatar corresponding to the thumbnail 231 as at least one piece of media content. After the electronic device 110 obtains the virtual avatar, it can call the media content generation model to generate third media content based on the virtual avatar and the media resource 218-1 corresponding to the second media content 212.

[0059] In some cases, electronic device 110 can acquire at least one piece of media content 222 by receiving a second operation on the first component, the second operation representing the use of a virtual avatar associated with the user. As an example, electronic device 110 may also present a fifth entry (not shown) in the first component 210 for triggering the use of the virtual avatar associated with the user. Electronic device 110 can receive the second operation via such a fifth entry. Such a second operation may be, for example, a triggering operation on the fifth entry (e.g., a single click or double click). After the fifth entry is triggered, electronic device 110 can provide the virtual avatar associated with the user and the media resources associated with the second media content 212 to a media content generation model, so that the media content generation model can generate third media content based on the virtual avatar and the media resources.

[0060] In this way, a virtual avatar associated with the user can serve as the source of at least one type of media content, thereby providing materials for generating third-party media content even when the user does not need to shoot or upload content in real time, thus expanding the ways to obtain materials.

[0061] In some cases, electronic device 110 can publish third-party media content. Furthermore, electronic device 110 can also present third-party media content on a fourth interface. The fourth interface also includes a second entry point. The second entry point is associated with media resources.

[0062] As an example, such as Figure 2D As shown, the electronic device 110 can display a confirmation control 232 in the interface 200D. The electronic device 110 can respond to the triggering of the confirmation control 232 (e.g., a single click or double click) to confirm the generation of the third-party media content 224, and can accordingly display... Figure 2EThe release interface shown is 200E.

[0063] like Figure 2E As shown, the electronic device 110 can present a publishing interface 200E. The publishing interface 200E can be used to publish third media content 224. In some cases, the publishing interface 200E may include preview content 234 corresponding to the third media content 224, an input area 236 for receiving description information of the third media content 224, and a publishing control 238. In some cases, the electronic device 110 can publish the third media content in response to triggering the publishing control 238, and can accordingly present, as shown... Figure 2F The interface shown is 200F.

[0064] like Figure 2F As shown, interface 200F can be a first interface, and can be the interface to which the user jumps after the publishing control 238 is triggered. In some cases, interface 200F can display an indicator element 240 corresponding to the third media content. The indicator element 240 can indicate that the third media content is being published, and can also indicate the publishing progress of the third media content. After the third media content is published, electronic device 110 can display the third media content on a fourth interface, and can display accordingly, such as... Figure 2G The interface shown is 200G.

[0065] like Figure 2G As shown, electronic device 110 can present a fourth interface (e.g., interface 200G). Electronic device 110 can present third media content 224 in interface 200G. Interface 200G can also present a second entry point 242, which can be associated with media resources, for example, it can be used to shoot the same product, so as to support other users to use the media resources corresponding to the second media content 212 when creating media content.

[0066] After the second entry point 242 is triggered (e.g., by a single click or double click), such as Figure 2H As shown, the electronic device 110 can display panel 244 in a fourth interface (e.g., interface 200H). Panel 244 can display at least a plurality of media contents generated based on media resources. The fourth interface 200H can also display descriptive information 246 corresponding to the media resources, which can display the name, icon, etc. of the media resources. The fourth interface 200H can also include a fourth entry point 248, which can be used to trigger the display of... Figure 2C The interface 200C shown is used to apply media resources to generate corresponding media content.

[0067] In this way, the third media content can be presented on a fourth interface after it is published, and a second entry point associated with the media resources can be provided. This makes it easier to generate corresponding media content using the same media resources through the second entry point, thereby improving the efficiency of media content generation.

[0068] In some cases, the second media content includes a third visual element associated with the second object. The third media content can be obtained by replacing the third visual element with the second visual element, while the first visual element associated with the first object in the second media content is retained.

[0069] As an example, such as Figure 2B As shown, the second media content 212 includes a third visual element. The third visual element can be, for example, visual element 212-3. Visual element 212-3 is associated with a second object, which can be, for example, the main object in the second media content 212, including but not limited to characters, animals, buildings, etc. For example, the second media content 212 includes a third visual element (e.g., visual element 212-3) and a first visual element (e.g., visual element 212-2), where the third visual element 212-3 can be character B. During the generation of the third media content 224, the media content generation model can replace the visual element 212-3 corresponding to character B in the second media content 212 with at least one second visual element 228 corresponding to character A in the media content, while retaining visual element 212-2, to generate the third media content 224.

[0070] In this way, while retaining the first visual element associated with the first object, the third visual element associated with the second object can be replaced at a fixed point with a second visual element associated with at least one media content of the user. This allows the third media content to carry both the identifying information of the first object and the user-side material, thereby retaining and transmitting the identifying information carried by the first visual element in the content generated by the user.

[0071] In some cases, the second object may be selected from multiple objects associated with the event, and the first or second media content may include visual elements related to the event. As an example, when creating the first media content, server 130 may acquire multiple objects associated with the event. For example, if the event is a festival event, the acquired multiple objects may include multiple mascots. Server 130 may select a target mascot from the multiple mascots based on appropriate information to use the visual representation of the target mascot in creating the first media content 202 or the second media content 212. For example, server 130 may filter the target mascot from the multiple mascots based on the similarity between the theme of the visual representation of the multiple mascots and the festival theme of the festival event. Further, after creating the first media content 202 or the second media content 212 based on the image of the target mascot, the first media content 202 or the second media content 212 may include visual elements corresponding to the visual representation of the target mascot. Such visual elements may include visual elements 202-1 or 212-3.

[0072] In this way, the second object corresponding to the replaced third visual element can be taken from the set of objects associated with the event, so that the generated third media content is associated with the event, thus enhancing the correlation between the content and the event.

[0073] In some cases, the second object can be selected based on the event state of the event. For example, an event can also include a competitive sport. An event (such as a competitive sport) can include multiple participants, for example, a competitive sport includes Team A and Team B. Server 130 can select the second object from multiple objects based on the event state associated with the competitive sport. As used herein, the term "event state" refers to information characterizing the progress or status of an event, such as progress, ranking, or results related to the event. Taking a competitive sport as an example, the event state could indicate the rankings of multiple participants in the competitive sport. Server 130 can select a target participant from among the multiple participants based on their rankings in the competitive sport, thus designating the target participant as the second object. For example, if Team A's ranking in the competitive sport is higher than Team B's, then Server 130 can designate Team A as the second object and generate first media content 202 or second media content 212 based on visual elements associated with Team A. As another example, Team A includes Player A, and Team B includes Player B. Server 130 can select a specific player as a second object from players A and B based on their scores in the competitive event. For example, if player A scores higher than player B in the competitive event, then server 130 can use player A as the second object to generate either first media content 202 or second media content 212 based on visual elements associated with player A.

[0074] In some scenarios, since the event state (such as the ranking in a competitive event) can change in real time, the server 130 can dynamically select a second object based on the event state. For example, when team B's ranking overtakes team A in a competitive event, the server 130 can select team B as the second object and generate either first media content 202 or second media content 212 based on visual elements related to team B.

[0075] In this way, the second object can be dynamically determined based on the event state, so that the generated content can be adjusted accordingly as the event state changes.

[0076] In some cases, the second object can be selected based on the user's historical interactions, which are associated with the event. As used herein, "historical interactions" refers to user interactions previously performed in connection with the event, which may include, but are not limited to, comments on event-related content, uploading event-related content, or actively disclosing event participants they follow. As an example, before generating the second media content 212, the server 130 can select a second object from multiple objects based on the user's historical interactions. Taking a competitive event as an example, the event includes multiple participants, such as Team A and Team B. Team A includes Player A. Historical interactions may indicate that the user has actively disclosed Player A, whom they follow. With the user's authorization and knowledge, the server 130 can use Player A as the second object to generate either the first media content 202 or the second media content 212 using visual elements associated with Player A. After the first media content 202 or the second media content 212 is generated, the server 130 can trigger the electronic device 110 to provide the first media content 202 or the second media content 212 to the user. For example, the electronic device 110 is triggered to present the first media content 202 and the second media content 212 on the interface 200B.

[0077] In this way, the object to be replaced can be determined based on the user's historical interactions, so that the selected second object is adapted to the user's interaction behavior.

[0078] In some cases, the second object can be selected based on its association with the first object. For example, server 130 can select the second object based on the first object's own associations (e.g., objects associated with the first object). For example, the first object is associated with the second object, and there can be a subordinate relationship between them. Server 130 can select the second object based on such a subordinate relationship. For instance, the second object is a player that is subordinate to the first object. Server 130 can then select the second object to generate either first media content 202 or second media content 212 based on the visual elements associated with the second object.

[0079] Through the above approach, the third-media content presented in the example of this paper, while integrating at least one media content, retains the first visual element associated with the first object. This allows the information carried by the first visual element to be presented along with the third-media content, improving the efficiency of information retrieval for users. Furthermore, by presenting third-media content that includes the first visual element, the example of this paper avoids presenting at least one media content and the first visual element separately, reducing the processing overhead of subsequent content association and retrieval, and improving the efficiency of content output.

[0080] Example process Figure 3 A flowchart illustrating an example process 300 for interface interaction under certain conditions is shown. Process 300 can be implemented at electronic device 110. See below for reference. Figure 1 To describe process 300.

[0081] like Figure 3 As shown, in box 310, electronic device 110 On the first interface, first media content and a first component are presented. The first media content is associated with a first object, and the first component displays second media content, which includes a first visual element associated with the first object. That is, the electronic device 110 presents the first media content associated with the first object on the first interface, and also presents a first component for acquiring at least one piece of media content. The second media content displayed by the first component carries the first visual element associated with the first object. For specific implementation details, please refer to the above description. Figures 2A to 2B The example described.

[0082] In frame 320, electronic device 110 acquires at least one piece of media content through the first component.

[0083] In frame 330, electronic device 110 presents third media content, which includes a first visual element and a second visual element, the second visual element being related to at least one piece of media content.

[0084] In this way, the third media content presented in the example of this paper retains the first visual element associated with the first object while integrating at least one media content provided by the user. This allows the identifying information carried by the first visual element to be presented and transmitted along with the third media content generated by the user, thereby improving the interactivity of content generation and enhancing the efficiency of the presentation and transmission of the information carried by the first visual element.

[0085] In some cases, process 300 may further include: presenting descriptive information of the first media content on the first interface, and stopping the presentation of the descriptive information and presenting the first component.

[0086] In this way, the examples in this paper can achieve the visible switching of guidance information to interactive components, making it easier for users to interact at the appropriate time.

[0087] In some cases, stopping the presentation of the description information and presenting the first component includes: stopping the presentation of the description information and presenting the first component in response to the first media content playing for a first duration.

[0088] In this way, the example in this article can use the first media content reaching a first duration as the trigger condition for presenting the first component, so that the first component is exposed at the appropriate time.

[0089] In some cases, the descriptive information may include a first entry point, and process 300 further includes: in response to a triggering operation on the first entry point, presenting a second interface associated with the first object.

[0090] In this way, the examples in this paper can easily access the second interface associated with the first object through the entry point in the description information, improving the accessibility of relevant information.

[0091] In some cases, the first media content can be used to promote the first target, and the second interface can display service content associated with the first target.

[0092] In some cases, second media content can be associated with media resources, and third media content can be generated using media resources and at least one type of media content.

[0093] In this way, the examples in this paper can utilize media resources to process at least one piece of media content to generate third-party media content, so that the generated content has both the style of the media resource and user-side material.

[0094] In some cases, obtaining at least one piece of media content via the first component includes: in response to receiving a first operation on the first component, presenting a third interface for applying media resources, and obtaining at least one piece of media content via the third interface. In this way, the example in this paper can enter the third interface through the first operation of the first component and collect materials therein, forming a coherent interaction link and improving the efficiency of human-computer interaction.

[0095] In some cases, process 300 also includes: publishing third-party media content and presenting the third-party media content on a fourth interface, which also presents a second entry point related to the media resource.

[0096] In this way, the example in this article can provide a second entry point associated with the media resources on a fourth interface after the third media content is published, forming a secondary generation and delivery link for the content.

[0097] In some cases, at least one piece of media content may include a virtual avatar associated with the user, and a second visual element may be associated with that virtual avatar.

[0098] In this way, the examples in this article can use virtual avatars associated with users as source material, covering situations where users do not need to shoot or upload content in real time.

[0099] In some cases, obtaining at least one piece of media content through the first component includes: receiving a second operation on the first component, the second operation representing the use of a virtual avatar.

[0100] In this way, the examples in this paper can provide material through a second operation that represents the use of virtual images, simplifying the way material is obtained.

[0101] In some cases, the second media content may include a third visual element associated with the second object, and the third media content may be obtained by replacing the third visual element with the second visual element.

[0102] In this way, the examples in this paper are able to replace the third visual element associated with the second object while retaining the first visual element associated with the first object, so that the third media content retains and conveys the information carried by the first visual element.

[0103] In some cases, the second object may be selected from a plurality of objects associated with the event, and the first or second media content may include visual elements associated with the event.

[0104] In this way, the examples in this article can take the replaced object from the collection of objects associated with the event, enhancing the correlation between content and event.

[0105] In some cases, the second object can be selected based on the event state.

[0106] In this way, the examples in this article can dynamically determine the object to be replaced based on the event state.

[0107] In some cases, the second object can be selected based on the user's historical interactions, which are associated with events.

[0108] In this way, the example in this paper can determine the object to be replaced based on the user's historical interactions, so that the selected second object is adapted to the user's interaction behavior.

[0109] In some cases, the second object may be selected based on its association with the first object.

[0110] In this way, the example in this paper can determine the object to be replaced based on the association relationship of the first object, so that the selected second object is associated with the first object.

[0111] Example devices and equipment A corresponding apparatus for implementing the above methods or processes is also provided. Figure 4 A schematic structural block diagram of an example device 400 for interface interaction is shown, according to some scenarios. Device 400 can be implemented as or included in electronic device 110. The various modules / components in device 400 can be implemented by hardware, software, firmware, or any combination thereof.

[0112] like Figure 4 As shown, the first presentation module 410 is configured to present first media content and a first component on a first interface. The first media content is associated with a first object, and the first component displays second media content. The second media content includes a first visual element associated with the first object. The acquisition module 420 is configured to acquire at least one piece of media content through the first component. The second presentation module 430 is configured to present third media content. The third media content includes a first visual element and a second visual element. The second visual element is associated with at least one piece of media content.

[0113] In some cases, device 400 also includes a third presentation module configured to present descriptive information of the first media content on the first interface; and to stop presenting the descriptive information and present the first component.

[0114] In some cases, the third presentation module is also configured to: stop presenting descriptive information and present the first component in response to the first media content playing for a first duration.

[0115] In some cases, the third presentation module is also configured to present a second interface associated with the first object in response to a triggering operation of the first entry point included in the description information.

[0116] In some cases, the first media content is used to promote the first target, and the second interface displays service content associated with the first target.

[0117] In some cases, the second media content is associated with a media resource, and the third media content is generated using the media resource and at least one type of media content.

[0118] In some cases, the acquisition module 420 is also configured to: in response to receiving a first operation on the first component, present a third interface for applying media resources; and acquire at least one piece of media content through the third interface.

[0119] In some cases, device 400 also includes a publishing module configured to publish third media content; and a fourth interface that presents the third media content, the fourth interface also presenting a second entry point associated with the media resource.

[0120] In some cases, at least one piece of media content includes a virtual avatar associated with the user, and a second visual element is associated with the virtual avatar.

[0121] In some cases, the acquisition module 420 is also configured to receive a second operation on the first component, the second operation representing the use of a virtual image.

[0122] In some cases, the second media content includes a third visual element associated with the second object, and the third media content is obtained by replacing the third visual element with the second visual element.

[0123] In some cases, the second object is selected from a plurality of objects associated with the event, and the first or second media content includes visual elements related to the event.

[0124] In some cases, the second object is selected based on the event state of the event.

[0125] In some cases, the second object is selected based on the user's historical interactions, which are associated with events.

[0126] In some cases, the second object is selected based on its association with the first object.

[0127] The modules included in device 400 can be implemented in various ways, including software, hardware, firmware, or any combination thereof. In some cases, one or more 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 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 parts (ASSPs), systems on a chip (SOCs), complex programmable logic devices (CPLDs), and so on.

[0128] Figure 5 A block diagram of an electronic device 500 in which one or more examples 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 examples described herein. Figure 5 The electronic device 500 shown can be used to implement the electronic device 110 discussed above.

[0129] like Figure 5 As 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 processing units or processors 510, memory 520, storage devices 530, one or more communication units 540, one or more input devices 550, and one or more output devices 560. Processor 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 processors execute computer-executable instructions in parallel to improve the parallel processing capability of electronic device 500.

[0130] 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.

[0131] 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 examples.

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

[0133] 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 an input / output (I / O) interface (not shown).

[0134] 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. 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.

[0135] The flowcharts and / or block diagrams of the methods, apparatus, devices, and computer program products referred to herein describe various aspects. It should be understood that each block of the flowcharts and / or block diagrams, as well as combinations of blocks in the flowcharts and / or block diagrams, can be implemented by computer-readable program instructions.

[0136] These computer-readable program instructions can be provided to a processor 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 processor 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.

[0137] 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.

[0138] The flowcharts and block diagrams in the accompanying figures illustrate the architecture, functionality, and operation of possible implementations of systems, methods, and computer program products under various scenarios. In this respect, 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 alternative implementations, the functions marked in the blocks may occur in a different order than those shown in the figures. 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, can 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.

[0139] Various examples have been described above. The foregoing 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 interface interaction, comprising: On the first interface, first media content and a first component are presented. The first media content is associated with a first object. The first component displays second media content. The second media content includes a first visual element associated with the first object. The first component is used to obtain at least one piece of media content; as well as Presenting third media content, the third media content including the first visual element and the second visual element, the second visual element being related to the at least one media content.

2. The method according to claim 1, further comprising: On the first interface, descriptive information of the first media content is presented; as well as Stop displaying the description information and display the first component.

3. The method of claim 2, wherein stopping the presentation of the description information and presenting the first component comprises: In response to the first media content playing for a first duration, the presentation of the description information is stopped and the first component is presented.

4. The method according to claim 2, wherein the description information includes a first entry point, and the method further includes: In response to a trigger operation on the first entry point, a second interface associated with the first object is presented.

5. The method of claim 4, wherein the first media content is used to promote the first object, and the second interface displays service content associated with the first object.

6. The method of claim 1, wherein the second media content is associated with a media resource, and the third media content is generated using the media resource and the at least one media content.

7. The method of claim 6, wherein obtaining at least one piece of media content through the first component comprises: In response to receiving a first operation on the first component, a third interface is presented, the third interface being used to apply the media resource; as well as The at least one piece of media content is obtained through the third interface.

8. The method of claim 6, further comprising: Publish the aforementioned third-party media content; as well as The fourth interface presents the third media content, and the fourth interface also presents a second entry point, which is associated with the media resource.

9. The method of claim 1, wherein the at least one media content includes a virtual avatar associated with the user, and the second visual element is associated with the virtual avatar.

10. The method of claim 9, wherein obtaining at least one piece of media content through the first component comprises: Receive a second operation on the first component, the second operation representing the use of the virtual avatar.

11. The method of claim 1, wherein the second media content includes a third visual element associated with the second object, and the third media content is obtained by replacing the third visual element with the second visual element.

12. The method of claim 11, wherein the second object is selected from a plurality of objects associated with the event, and the first media content or the second media content includes visual elements associated with the event.

13. The method of claim 12, wherein the second object is selected based on the event state of the event.

14. The method of claim 12, wherein the second object is selected based on the user's historical interactions associated with the event.

15. The method of claim 12, wherein the second object is selected based on its association with the first object.

16. A device for interface interaction, comprising: A first presentation module is configured to present first media content and a first component on a first interface, wherein the first media content is associated with a first object, the first component displays second media content, and the second media content includes a first visual element associated with the first object. The acquisition module is configured to acquire at least one piece of media content through the first component; as well as The second presentation module is configured to present third media content, which includes the first visual element and the second visual element, wherein the second visual element is related to the at least one media content.

17. 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 15 when executed by the at least one processor.

18. A computer-readable storage medium having a computer program stored thereon, the computer program being executable by a processor to implement the method according to any one of claims 1 to 15.

19. A computer program product tangibly stored in a computer storage medium and comprising computer-executable instructions that, when executed by a device, cause the device to perform the method according to any one of claims 1 to 15.

Images