Method, device and equipment for displaying content item and storage medium

Abstract

The application discloses a content item display method, device and equipment and a storage medium, and belongs to the technical field of computers. The technical scheme provided by the embodiment of the application displays a target content item on a content display interface, the target content item comprising a plurality of materials. In the case that the posture of the terminal changes, the plurality of materials in the target content item are recombined. The plurality of recombined materials are displayed on the content display interface, that is, the display form of the target content item is adjusted. That is, the display form of the plurality of materials in the target content item is associated with the posture of the terminal, thereby enriching the display form of the target content item, giving the target content item interactivity, and attracting the user to interact with the target content item. In the case that the target content item is an advertisement, the advertisement delivery effect and the efficiency of human-computer interaction are improved.

Description

Technical Field

[0001] This application relates to the field of computer technology, and in particular to a method, apparatus, device, and storage medium for displaying content items. Background Technology

[0002] With the development of computer technology, more and more users are using social networking applications for communication and interaction. As social networking applications continue to evolve, the types of content displayed on them are becoming increasingly diverse. For example, the styles of advertisements offered on social networking applications are constantly changing, and more and more users prefer to see more interactive and engaging ads.

[0003] In related technologies, when advertisers place ads on social applications, they often use templates provided by the social applications to create ads, and then push the ads to users through the social applications.

[0004] However, this method creates rather rigid ads, and users often ignore ads in social applications, resulting in poor ad performance and low efficiency in human-computer interaction. Summary of the Invention

[0005] This application provides a method, apparatus, device, and storage medium for displaying content items, which can improve the display effect of content items. The technical solution is as follows:

[0006] On the one hand, a method for displaying content items is provided, the method including:

[0007] On the content display interface of the target application, target content items are displayed, and the target content items include multiple materials. The content display interface is used to display the content items published in the target application.

[0008] In response to a change in the posture of the terminal running the target application, the multiple materials are recombined based on the changed posture of the terminal;

[0009] The recombined materials are displayed on the content display interface to update the display format of the target content item.

[0010] On the one hand, a device for displaying content items is provided, the device comprising:

[0011] The content item display module is used to display target content items on the content display interface of the target application. The target content items include multiple materials, and the content display interface is used to display the content items published in the target application.

[0012] A location determination module is used to recombine the multiple materials based on the changed posture of the terminal running the target application in response to a change in the posture of the terminal.

[0013] The material display module is used to display the recombined materials on the content display interface to update the display format of the target content item.

[0014] In one possible implementation, the position determination module is configured to, in response to a change in the posture of the terminal, determine the posture difference before and after the change in the terminal's posture; determine the displacement of each of the materials based on the depth of each material and the posture difference, wherein the depth represents the distance between the material and the user object of the terminal; and determine the target position of each material in the target content item after recombination based on the displacement of each material.

[0015] In one possible implementation, the position determination module is used to multiply the pose difference by the depth of each of the materials to obtain the displacement of each of the materials; and to add the initial screen coordinates of each of the materials to the corresponding displacement to obtain the target screen coordinates of each of the materials after recombination.

[0016] In one possible implementation, the position determination module is configured to, in response to a change in the posture of the terminal, determine the material stacking order corresponding to the changed posture; and, based on the material stacking order, determine the target position of each material in the target content item after recombination.

[0017] In one possible implementation, the position determination module is configured to determine the rotation center of each of the materials in response to a change in the posture of the terminal; determine the rotation angle of each of the materials based on the posture difference before and after the change in the terminal posture and the type of each of the materials; and determine the target position of each of the materials in the target content item after recombination based on the rotation center and rotation angle of each of the materials.

[0018] In one possible implementation, the content item display module is used to render the multiple materials in ascending order of depth on the content display interface of the target application, so as to display the multiple materials on the content display interface, wherein the depth is used to represent the distance between the material and the user object of the terminal.

[0019] In one possible implementation, the device further includes:

[0020] The size determination module is used to determine the size of the display box in the content display interface when the display box of the target content item appears in the content display interface of the target application;

[0021] The content item display module is used to play videos from the multiple materials in the content display interface when the size of the display frame in the content display interface meets the size requirements.

[0022] In one possible implementation, the device further includes:

[0023] The material determination module is used to obtain candidate materials corresponding to the changed posture in response to a change in the posture of the terminal.

[0024] The material replacement module is used to replace the target material among the plurality of materials with the candidate material, wherein the target material and the candidate material are of the same type.

[0025] In one possible implementation, the target content item includes multiple layers, and the content item display module is used to display the material on the first layer of the multiple layers on the content display interface of the target application;

[0026] The material display module is also used to display materials on the multiple layers simultaneously in response to a change in the posture of the terminal running the target application.

[0027] In one possible implementation, the device further includes any of the following:

[0028] The content item interface display module is used to display the content item interface corresponding to any of the multiple layers in response to a click or drag operation on any layer.

[0029] A zoom-in module is used to zoom in on any of the multiple layers in response to a click operation on that layer.

[0030] The cancel display module is used to cancel the display of other layers in response to a click operation on any of the multiple layers.

[0031] In one possible implementation, the material display module is further configured to display material on a target layer among the multiple layers in response to a change in the posture of the terminal running the target application, wherein the target layer is the layer corresponding to the changed posture of the terminal.

[0032] In one possible implementation, the material display module is further configured to display the material at the position where the drag operation ends in response to a drag operation on any one of the plurality of materials.

[0033] In one possible implementation, the device further includes:

[0034] The sharing module is used to share the target content item with the publishing object of the content item in response to the target content item being slid to any content item displayed on the content display interface.

[0035] In one possible implementation, the device further includes any of the following:

[0036] The content item interface display module is used to respond to a click operation on any position of the target content item and display the content item interface corresponding to the target content item. The content item interface is used to introduce the target content item.

[0037] A zoom module is used to zoom in on the target content item in the content display interface in response to a click operation on any position of the target content item.

[0038] In one possible implementation, the device further includes:

[0039] The closing module is used to display a content item closing control in response to a long press operation on the target content item; and to de-display the target content item in the content display interface in response to a click operation on the content item closing control.

[0040] In one possible implementation, the device further includes:

[0041] The content item adding module is used to add the target content item corresponding to the object logged in by the terminal to the content display list corresponding to the content display interface;

[0042] The content item display module is used to display the target content item in response to the content display interface being slid to the position corresponding to the target content item.

[0043] On one hand, a computer device is provided, the computer device including one or more processors and one or more memories, the one or more memories storing at least one computer program, the computer program being loaded and executed by the one or more processors to implement the method of displaying the content item.

[0044] On one hand, a computer-readable storage medium is provided, wherein at least one computer program is stored in the computer-readable storage medium, the computer program being loaded and executed by a processor to implement the method for displaying the content item.

[0045] On one hand, a computer program product or computer program is provided, which includes program code stored in a computer-readable storage medium. A processor of a computer device reads the program code from the computer-readable storage medium and executes the program code, causing the computer device to perform the display method of the above-mentioned content item.

[0046] The technical solution provided in this application displays a target content item on a content display interface, the target content item comprising multiple materials. When the terminal's posture changes, the multiple materials within the target content item are recombine. Displaying these recombine materials on the content display interface thus adjusts and changes the display format of the target content item. In other words, the display format of the multiple materials within the target content item is related to the terminal's posture, thereby enriching the display format of the target content item, giving it interactivity, and attracting users to interact with it. When the target content item is an advertisement, this also improves the effectiveness of advertising and the efficiency of human-computer interaction. Attached Figure Description

[0047] To more clearly illustrate the technical solutions in the embodiments of this application, the accompanying drawings used in the description of the embodiments will be briefly introduced below. Obviously, the accompanying drawings described below are only some embodiments of this application. For those skilled in the art, other drawings can be obtained based on these drawings without creative effort.

[0048] Figure 1 This is a schematic diagram of the implementation environment of a content item display method provided in an embodiment of this application;

[0049] Figure 2 This is a flowchart illustrating a method for displaying content items provided in an embodiment of this application;

[0050] Figure 3 This is a flowchart of another method for displaying content items provided in an embodiment of this application;

[0051] Figure 4 This is a schematic diagram of a content display interface provided in an embodiment of this application;

[0052] Figure 5 This is a flowchart illustrating yet another method for displaying content items provided in an embodiment of this application;

[0053] Figure 6 This is a schematic diagram of another content display interface provided in an embodiment of this application;

[0054] Figure 7 This is a schematic diagram of yet another content display interface provided in the embodiments of this application;

[0055] Figure 8 This is a schematic diagram of another content display interface provided in an embodiment of this application;

[0056] Figure 9 This is a schematic diagram of the structure of a content item display device provided in an embodiment of this application;

[0057] Figure 10 This is a schematic diagram of the structure of a terminal provided in an embodiment of this application. Detailed Implementation

[0058] To make the objectives, technical solutions, and advantages of this application clearer, the embodiments of this application will be described in further detail below with reference to the accompanying drawings.

[0059] In this application, the terms "first," "second," etc., are used to distinguish identical or similar items with essentially the same function. It should be understood that there is no logical or temporal dependency between "first," "second," and "nth," nor are there any restrictions on quantity or execution order.

[0060] Artificial intelligence (AI) is the theory, methods, technology, and application systems that use digital computers or machines controlled by digital computers to simulate, extend, and expand human intelligence, perceive the environment, acquire knowledge, and use that knowledge to achieve optimal results. In other words, AI is a comprehensive technology within computer science that attempts to understand the essence of intelligence and produce a new kind of intelligent machine that can react in a way similar to human intelligence. AI studies the design principles and implementation methods of various intelligent machines, enabling them to possess the functions of perception, reasoning, and decision-making.

[0061] Pull-to-refresh: Used on smartphones, tablets, and other devices, this refers to pulling down to reload and refresh the page.

[0062] Page dwell: This refers to a user remaining on the page without swiping up or down.

[0063] Feed: A continuously updated stream of information presented to the user. Timeline is the most typical feed display method, showing content to the user in the chronological order of its updates.

[0064] It should be noted that the information (including but not limited to user device information, user personal information, etc.), data (including but not limited to data used for analysis, data stored, data displayed, etc.) and signals involved in this application are all authorized by the user or fully authorized by all parties, and the collection, use and processing of related data must comply with the relevant laws, regulations and standards of the relevant countries and regions.

[0065] Figure 1 This is a schematic diagram illustrating the implementation environment of a content item display method provided in this application embodiment. See also: Figure 1 The implementation environment includes terminal 110 and server 140.

[0066] Terminal 110 is connected to server 140 via a wireless or wired network. Optionally, terminal 110 may be a smartphone, tablet, laptop, desktop computer, smart speaker, smartwatch, etc., but is not limited to these. Terminal 110 has an application installed and running that supports the display of content items.

[0067] Server 140 is a standalone physical server, a server cluster or distributed system composed of multiple physical servers, or a cloud server that provides 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 (CDN), and big data and artificial intelligence platforms. Server 140 provides background services for applications running on terminal 110.

[0068] Optionally, terminal 110 refers to one of a plurality of terminals. This application embodiment only uses terminal 110 as an example for illustration.

[0069] Those skilled in the art will understand that the number of terminals described above can be more or less. For example, there may be only one terminal, or there may be dozens or hundreds of terminals, or even more, in which case other terminals may also be included in the above implementation environment. This application does not limit the number of terminals or the type of device in its embodiments.

[0070] In the embodiments of this application, the technical solutions provided in the embodiments of this application can be implemented by a server or a terminal as the execution subject, or the technical methods provided in this application can be implemented through the interaction between the terminal and the server. The embodiments of this application do not limit this.

[0071] After introducing the implementation environment of the embodiments of this application, the application scenarios of the embodiments of this application will be introduced below. In the following description, the terminal is the terminal 110 in the above implementation environment, and the server is the server 140 in the above implementation environment.

[0072] The content item display method provided in this application embodiment can be applied to various feed streams. For example, it can be applied to the information sharing feed stream of social applications, or to the short video feed stream of short video applications, or to the news feed stream of news applications. This application embodiment does not limit this.

[0073] Taking the technical solution provided in this application embodiment as an example of an information sharing feed stream in a social application, the information sharing feed stream of this social application consists of content items published by users of the social application. The terminal obtains content items from the information sharing feed stream of this social application from the server. This information sharing feed stream includes target content items. The terminal displays the obtained content items on a content display interface. When the content display interface is swiped to the position corresponding to the target content item, the terminal displays the target content item on the content display interface. The target content item includes multiple materials, including text, images, and videos. If the target content item is an advertisement, then an advertisement is displayed on the content display interface. When the terminal's posture changes, the terminal determines the target position of the multiple materials in the target content item. This target position is different from the initial position of the multiple materials in the target content item. The terminal displays the materials corresponding to the target content item at the target position, that is, it adjusts the relative positional relationship between the multiple materials in the target content item. If the target content item is an advertisement, then the multiple materials are images and videos in the advertisement. The technical solution provided in this application embodiment allows the terminal to change the position of materials in the target content item by changing the terminal's posture, thus enriching the display format of the content item.

[0074] It should be noted that the technical solutions provided in this application are applied to other types of feed streams and belong to the same inventive concept as described above, and the process will not be repeated here.

[0075] Of course, the technical solutions provided in this application can be applied to other types of feed streams in addition to the three types mentioned above, and this application does not limit them.

[0076] After introducing the implementation environment and application scenarios of the embodiments of this application, the following describes the display method of the content items provided in the embodiments of this application. See [link to documentation]. Figure 2 Taking the terminal as the executing entity as an example, the method includes the following steps.

[0077] 201. On the content display interface of the target application, display the target content item, which includes multiple materials. The content display interface is used to display the content item published in the target application.

[0078] The target application can be a social media app, a short video app, or a news app, etc. The content display interface is used to display content items published in the target application, such as content items published by an object in a social media app. In some embodiments, the content display interface is a sliding container that includes multiple content items. Sliding on the content display interface allows users to view different content items. The target content item is a specific type of content item; for example, if the target content item is an advertisement, it is also called a target advertisement. The multiple materials include text, images, and videos, and these materials are combined to constitute the target content item.

[0079] 202. In response to a change in the posture of the terminal running the target application, the terminal recombines the multiple materials based on the changed posture of the terminal.

[0080] The terminal's attitude is used to represent its angle relative to the ground. In some embodiments, the terminal's attitude is determined by a gyroscope within the terminal. The combination of multiple materials in the target content item is set by technicians according to the actual situation. Recombining these multiple materials refers to changing the way they are combined.

[0081] 203. The terminal displays the recombined multiple materials on the content display interface to update the display format of the target content item.

[0082] In this process, the way these multiple materials are combined changes, and correspondingly, the display format of the target content item also changes. That is, the display format of the target content item is used to represent the way these multiple materials are combined.

[0083] The technical solution provided in this application displays a target content item on a content display interface, the target content item comprising multiple materials. When the terminal's posture changes, the multiple materials within the target content item are recombine. Displaying these recombine materials on the content display interface thus adjusts and changes the display format of the target content item. In other words, the display format of the multiple materials within the target content item is related to the terminal's posture, thereby enriching the display format of the target content item, giving it interactivity, and attracting users to interact with it. When the target content item is an advertisement, this also improves the effectiveness of advertising and the efficiency of human-computer interaction.

[0084] Steps 201-203 above are a brief introduction to the method for displaying content items provided in the embodiments of this application. The technical solutions provided in the embodiments of this application will be described in more detail below with some examples. See [link to relevant documentation]. Figure 3 Taking the terminal as the executing entity as an example, the method includes the following steps.

[0085] 301. The terminal obtains the target content item corresponding to the object logged in on the terminal. The target content item includes multiple materials.

[0086] In this context, "login target" refers to the account logged into the application running on the terminal, which is the application providing the content display interface. "Target content item" refers to content used for promotion and advertising; for example, it could be an advertisement, and is therefore also called a target advertisement. The multiple materials of the target content item include text, images, and videos, etc. In the case of an advertisement, these multiple materials are also referred to as multiple advertising materials. In some embodiments, the target content item includes multiple layers, and the multiple materials are distributed across these layers, with each image including at least one material.

[0087] In one possible implementation, the terminal sends a content item retrieval request to the server, the request carrying the identifier of the object the terminal is logged into. The server receives the content item retrieval request and retrieves the identifier of the object the terminal is logged into from the request. The server performs a query based on the identifier of the object the terminal is logged into to obtain the object characteristics. The server performs a recall based on the object characteristics to obtain the target content item corresponding to the object. The server sends the target content item to the terminal, and the terminal retrieves the target content item.

[0088] The content item retrieval request is triggered by performing a drop-down operation on the content display interface and clicking on the content viewing control, which is used to trigger the content display interface. Object characteristics are used to abstractly represent the object. The generation and use of these object characteristics require user consent. If the user does not consent to the generation or use of these object characteristics, the server randomly retrieves a content item from the content item database. This retrieved content item is the target content item. The content item database includes multiple content items, all of which are of the same type—that is, content items used for promotion and advertising.

[0089] In this implementation, the terminal can obtain the target content item corresponding to the object logged in by the terminal from the server. In the process of determining the target content item, the server uses the object characteristics to ensure that the determined target content item is closer to the object, and the accuracy of determining the target content item is high.

[0090] In one possible implementation, the terminal obtains the target content item from a plurality of candidate content items, all of which are content items for publicity and promotion, and the plurality of candidate content items are stored on the terminal, and each of the plurality of candidate content items is a content item corresponding to an object logged in by the terminal.

[0091] In some embodiments, the plurality of candidate content items are pre-sent to the terminal by the server. The timing of the issuance of the plurality of candidate content items can be either when the object logs in or when the server issues them at a scheduled time. This application embodiment does not limit this.

[0092] In this implementation, the terminal can quickly determine the target content item from multiple candidate content items, and the efficiency of determining the target content item is relatively high.

[0093] To provide a clearer explanation of the above implementation methods, the method for generating the target content item will be described below.

[0094] In one possible implementation, the server obtains an initial content item, which includes a color channel content item and a transparency channel content item. Based on a target rule, the server synthesizes the color channel content item and the transparency channel content item to obtain the target content item. This target rule corresponds to an application running on the terminal, and the content item synthesized based on this target rule can be displayed through the application. This target rule is set by a technician according to actual conditions, and this application embodiment does not limit its implementation.

[0095] The color channel content item is either an RGB color channel image or an RGB color channel video, and the transparency channel content item is either a transparency channel image or a transparency channel video. In the case where the target content item is an advertisement, the initial content item is the advertisement uploaded by the advertiser, and the target content item is the target advertisement synthesized by the server. Correspondingly, the selection and combination of multiple materials within the target content item are also designed by the advertiser.

[0096] In some embodiments, the server provides a content item delivery function, through which initial content items can be uploaded to the server and delivered. If the initial content item is an advertisement, then delivering the initial content item is equivalent to delivering an advertisement. The purpose of delivering the initial content item is to ensure that users of the corresponding application can see it. In some embodiments, delivering the initial content item requires consuming a certain amount of virtual resources.

[0097] 302. The terminal adds the target content item to the content display list corresponding to the content display interface.

[0098] The content display list stores the content items displayed on the content display interface. Users can view these items by hovering over the page, and the content display list refreshes when the user pulls down to refresh the content. The content display list includes multiple content items displayed on the content display interface. These multiple content items include content posted by a target object within a target time period, such as text, images, and videos posted by the target object during that time period. The target object is an object followed by the user logged into the terminal, or a friend of the user logged into the terminal. The target time period is set by technicians according to actual conditions, and this application embodiment does not limit this. The number of target objects can be one or more, and this application embodiment does not limit this. Additionally, in some embodiments, the multiple content items also include content posted by the user logged into the terminal within the target time period.

[0099] In one possible implementation, the terminal adds the target content item to the target position of the content display list. The target position is set by a technician according to the actual situation, and this application embodiment does not limit this.

[0100] 303. In response to the target application's content display interface being slid to the position corresponding to the target content item, the terminal displays the target content item on the content display interface, which is used to display content items published in the target application.

[0101] The content display interface is a sliding container. In response to a sliding operation on this interface, the terminal displays different content items from a content list. The position of the target content item on the content display interface refers to its location within the sliding container. The target application can be a social media application, a short video application, or a news application, etc., but this embodiment does not limit the scope of the application.

[0102] In one possible implementation, in response to a swiping operation on the content display interface of the target application, the terminal controls the content display interface to display different content items. When the target content item appears on the content display interface, it means that the content display interface has been swiped to the position corresponding to the target content item, and the terminal displays the target content item. Displaying the target content item means rendering multiple materials from the target content item on the content display interface. The combination of these multiple materials is a preset combination method, which is set by technicians according to actual conditions. If the target content item is an advertisement, the preset combination method is set by the advertiser.

[0103] In this implementation, the content display interface can be controlled to slide by swiping, thereby displaying different content items on the content display interface. When the swipe reaches the position corresponding to the target content item, the target content item is displayed on the content display interface, which is highly efficient for human-computer interaction.

[0104] In one possible implementation, in response to the content display interface being slid to the position corresponding to the target content item, the multiple materials are rendered on the content display interface of the terminal in ascending order of depth, so as to display the multiple materials on the content display interface. The depth is used to represent the distance between the material and the user of the terminal.

[0105] The depth of the content (also known as the visual depth) is negatively correlated with the distance between the content and the user on the terminal. A greater depth indicates a smaller distance between the content and the user; conversely, a smaller depth indicates a larger distance. For example, if content includes content A and content B, and content A is overlaid on content B, then the distance between content B and the user is greater than the distance between content A and the user, and the depth of content B is less than the depth of content A. The user on the terminal is the user using the terminal.

[0106] In this implementation, the terminal can render the multiple materials according to their depth. Since depth is used to represent the distance between the material and the user of the terminal, rendering the material according to its depth ensures that the material is displayed as designed.

[0107] For example, in response to the content display interface being scrolled to the position corresponding to the target content item, multiple assets for the target content item, their rendering positions, and their depths are retrieved from the content display column corresponding to the content display interface. The terminal then renders these multiple assets on the display interface in ascending order of depth at their corresponding rendering positions, thus displaying the multiple assets on the content display interface, which is equivalent to displaying the target content item on the content display interface.

[0108] In one possible implementation, the multiple materials include videos. When a display box for the target content item appears on the content display interface, the terminal determines the size of the display box within the content display interface. If the size of the display box within the content display interface meets the size requirements, the terminal plays the video from the multiple materials of the target content item on the content display interface.

[0109] The display frame for the target content item defines its display area, within which multiple materials within the target content item will be displayed. The display frame meeting size requirements within the content display interface means that its size is greater than or equal to a size threshold. This size threshold is set by technical personnel based on actual conditions. For example, if the size of the display frame refers to its area within the content display interface, then meeting the size requirements means that the area of ​​the display frame within the content display interface is greater than or equal to an area threshold, such as 30% or 50% of the display frame's area.

[0110] In this implementation, the terminal will play the video in the material when the display box of the target content item appears in the content display interface to a certain size. This avoids the waste of resources caused by playing the video in advance before the target content item appears, and also ensures that the user can see the video in the material, resulting in high efficiency of human-computer interaction.

[0111] In one possible implementation, the target content item comprises multiple layers, with multiple materials located on these layers, and each layer including at least one material. The terminal displays the material on the first layer of these multiple layers on the target content display interface.

[0112] In this context, all layers are opaque, and initially, the multiple layers of the target content item are stacked on top of each other. The first layer among these multiple layers is also the top layer. In some embodiments, the multiple layers of the target content item are multiple sub-content items of the target content item. For example, if the target content item is an advertisement, in some embodiments, the multiple layers of the advertisement are all sub-advertisements of the advertisement, and each sub-advertisement is a complete advertising creative. For instance, the advertisement includes two sub-advertisements: the first sub-advertisement is an image, and the second sub-advertisement is a video. When the first sub-advertisement is superimposed on the second sub-advertisement, the terminal displays the material on the first sub-advertisement, that is, it displays the first sub-advertisement. In the current state, the second sub-advertisement is invisible.

[0113] Optionally, after the target content item is displayed on the content display interface, the terminal can also perform any of the following steps.

[0114] In one possible implementation, in response to a drag operation on any of the plurality of materials, the terminal displays the material at the position where the drag operation ends.

[0115] These multiple materials are materials within the target content item.

[0116] In this implementation, users can change the position of the material by dragging, providing them with a high degree of autonomy.

[0117] For example, in response to a drag operation on any of the multiple media items, the terminal activates that media item, and the media item moves within the display frame of the target content item as the drag operation ends. In response to the end of the drag operation, the terminal displays the media item at the position where the drag operation ended.

[0118] In one possible implementation, in response to the target content item being swiped to any content item displayed on the content display interface, the terminal shares the target content item with the publishing object of the content item.

[0119] The content item is to be published by the account that publishes it.

[0120] In this implementation, the target content item can be quickly shared with the corresponding object by swiping on the content display interface, resulting in high efficiency of human-computer interaction.

[0121] For example, in response to the target content item being swiped to any content item displayed on the content display interface, the terminal determines the publishing object corresponding to the content item. The terminal sends a content item sharing request to the server, which carries the identifier of the target content item and the publishing object corresponding to the content item. The server obtains the content item sharing request and retrieves the identifier of the target content item and the publishing object corresponding to the content item from the request. Based on the identifier of the target content item and the publishing object corresponding to the content item, the server sends the target content item to the publishing object corresponding to the content item.

[0122] In some embodiments, sharing the target content item with the publishing object of the content item includes the following two methods:

[0123] Method 1: Share the target content item with the person who published the content item through the chat window.

[0124] Method 2: Add the target content item to the content display list corresponding to the publishing object of the content item.

[0125] The server can share the target content item with the publishing object of the content item through any of the above methods, and this application embodiment does not limit this.

[0126] In one possible implementation, in response to a click operation at any location on the target content item, the terminal displays a content item interface corresponding to the target content item, which is used to introduce the target content item.

[0127] The content item interface corresponding to the target content item is the associated interface of the target content item. In some embodiments, in addition to setting the target content item as a whole to be responsive to click operations, the target content item can also be set to be responsive to click operations in a partial manner; this application embodiment does not limit this.

[0128] In this implementation, the terminal can respond to a click on a target content item by displaying the corresponding content item interface. Through this content item interface, the user can more clearly understand the relevant information of the target content item, thus improving the efficiency of human-computer interaction.

[0129] In some embodiments, the content item interface is the interface of a subroutine of a target application. The target application is the application that provides the content display interface, and the subroutine is the subroutine associated with the target content item. Clicking the target content item will invoke the subroutine within the target application. That is, in response to a click operation at any location on the target content item, the terminal obtains a jump instruction corresponding to the target content item. The terminal invokes the subroutine based on the jump instruction. When the target content item is an advertisement, the subroutine is also a subroutine used to introduce and sell the products and services recommended in the advertisement. Users can further learn about the products and services recommended in the advertisement through the content item interface.

[0130] In some embodiments, the content item interface is the interface of another application installed on the terminal, and clicking the target content item can control the terminal to launch that other application. That is, in response to a click operation at any position on the target content item, the terminal obtains a jump instruction corresponding to the target content item. The terminal launches the other application based on the jump instruction. When the target content item is an advertisement, the other application is also an application used to introduce and sell the products and services recommended in the advertisement.

[0131] In some embodiments, the content item interface is a webpage, and clicking the target content item controls the terminal to switch the content display interface to the webpage corresponding to the target content item. That is, in response to a click operation at any position on the target content item, the terminal obtains a jump instruction corresponding to the target content item. The terminal launches the webpage based on the jump instruction. When the target content item is an advertisement, the webpage is also a webpage used to introduce and sell the advertised products and services.

[0132] In one possible implementation, in response to a click operation at any location on the target content item, the terminal zooms in on the target content item in the content display interface.

[0133] In this implementation, the terminal can zoom in on the target content item in response to a click operation, which helps the user to clearly view the target content item.

[0134] In one possible implementation, in response to a long press on the target content item, the terminal displays a content item close control. In response to a click on the content item close control, the terminal de-displays the target content item in the content display interface.

[0135] In this implementation, the terminal provides a content item closing control to enable quick closing of the target content item, thereby improving the efficiency of human-computer interaction.

[0136] In some embodiments, the content display interface provides interactive functionality with the target content item. For example, it provides the ability to like and comment on the target content item. In the information sharing feed of social applications, liking and sharing the target content item will be displayed simultaneously when the target content item is shown on other users' devices, thereby enriching the interactivity of the target content item.

[0137] Optionally, after step 303, the terminal may execute either steps 304 and 305, or steps 306 and 307. Alternatively, if the target content item includes multiple layers and multiple materials of the target content item are located on the multiple layers, steps 308 or 309 may be executed. This application embodiment does not limit this.

[0138] 304. In response to a change in the posture of the terminal running the target application, the terminal recombines the multiple materials based on the changed posture of the terminal.

[0139] The terminal's posture represents its angle relative to the ground. A change in the terminal's posture indicates a change in its angle relative to the ground. From the user's perspective, rotating the terminal causes a change in its posture. In some embodiments, the terminal's posture is determined by a gyroscope on the terminal. The terminal running the target application is also the terminal displaying the content interface. The combination of multiple materials in the target content item is set by technicians according to the actual situation. Recombining these multiple materials means changing their combination, that is, redetermining their display positions within the target content item. For example, if the target content item includes material A, material B, and material C, before the terminal's posture changes, material A, material B, and material C are combined as follows: material A is in the upper left corner of the target content item, material B is in the center, and material C is the background image of material A and material B. When the terminal's posture changes, the position of material C remains unchanged, the position of material A changes from the upper left corner to the upper right corner, and the position of material B changes from the center to the lower right corner, thus achieving a recombination of material A, material B, and material C.

[0140] In one possible implementation, in response to a change in the terminal's posture, the terminal determines the posture difference before and after the posture change. Based on the depth of each element and the posture difference, the terminal determines the displacement of each element, where the depth represents the distance between the element and the object being used by the terminal. Based on the displacement of each element, the terminal determines the target position of each element in the target content item after recombination.

[0141] The depth offset of the clip represents the distance between the clip and the user object on the terminal. When the depth is a first value, it indicates that the distance between the clip and the user object is a baseline distance, and the clip's position does not change with the terminal's orientation. In some embodiments, this first value is 0. When the depth is greater than the first value, a greater depth indicates a smaller distance between the clip and the user object; a smaller depth indicates a larger distance. Conversely, when the depth is less than the first value, a greater depth indicates a larger distance between the clip and the user object; a smaller depth indicates a smaller distance.

[0142] In this implementation, the depth of the material can be used not only for rendering but also to determine the target position of the material after recombination following a change in the terminal's posture. This depth allows control over the range of material movement, providing designers with a wealth of design options.

[0143] For example, in response to the gyroscope detecting a change in the terminal's attitude, the terminal determines its current attitude and the attitude before the change. The terminal subtracts the current attitude from the attitude before the change to obtain the attitude difference before and after the change. The terminal multiplies this attitude difference by the depth of each material to obtain the displacement of each material. The terminal adds the initial screen coordinates of each material to its corresponding displacement to obtain the target screen coordinates of each material after recombination. The target screen coordinates of each material are also the target positions of each material after recombination, which is the positions to which the materials will move after the terminal's attitude changes. For example, the terminal's attitude is represented by the following formula (1), the attitude difference before and after the terminal's attitude change is determined by the following formula (2), and the target screen coordinates of each material are determined by the following formula (3).

[0144] DM=w+xi+yj+zk (1)

[0145] Where DM (Device Motion) represents the terminal's pose, x, y, z ∈ R, i 2 =j 2 =z 2=ijk=-1, w is a preset parameter.

[0146] DM diff =DM cur -DM ori (2)

[0147] Among them, DM diff Due to attitude difference, DM cur DM is the current posture of the terminal. ori This refers to the terminal's posture before the change.

[0148] P cur =P ori +P diff ×Deepoffset (3)

[0149] Among them, P cur P represents the target screen coordinates of each material after recombination. ori P represents the initial screen coordinates of each element before recombination. diff For DM diff The components along the x-axis and y-axis are denoted as P. diff = (x′, y′), where Deepoffset is the depth of each clip, P diff ×Deepoffset represents the displacement of each material. From formula (3) above, it can be seen that when the depth of any material is 0 (reference distance), the position of that material will not change when the terminal's attitude changes. When the depth of any material is greater than 0, the direction of movement of that material is the same as the direction of attitude change of the terminal. When the depth of any material is less than 0, the direction of movement of that material is opposite to the direction of attitude change of the terminal.

[0150] In one possible implementation, in response to a change in the terminal's posture, the terminal determines the material overlay order corresponding to the changed posture. Based on this material overlay order, the terminal determines the target position of each material in the target content item after recombination.

[0151] In this context, multiple identical materials, when stacked in different orders, can present different visual effects. For example, if the target content item includes material A and material B, before the terminal's posture changes, material A is stacked on top of material B. After the terminal's posture changes, the stacking order becomes material B stacked on top of material A. By changing the stacking order of the materials, the display format of the target content item can be altered. The target position of the materials after recombination refers to the stacking order of the individual materials after recombination.

[0152] In this implementation, when the terminal's posture changes, the terminal can determine the material stacking order based on the changed posture. Based on the determined material stacking order, the terminal can further determine the target position of multiple materials after recombination. Subsequently, the multiple materials can be adjusted based on the target position of the multiple materials after recombination, providing users with a richer content display format and attracting users to browse the target content items.

[0153] For example, in response to the gyroscope detecting a change in the terminal's attitude, the terminal determines its current attitude, which is also the changed attitude. Based on this current attitude, the terminal queries a stacking order table to obtain the corresponding material stacking order. This stacking order table records the correspondence between attitudes and material stacking orders. This table is set by technicians according to actual conditions, and this embodiment does not limit its configuration. Based on the material stacking order corresponding to the current attitude, the terminal determines the stacking order of each material after recombination. This stacking order of each material is also the target position of each material after recombination.

[0154] In one possible implementation, in response to a change in the terminal's posture, the terminal determines the rotation center of each element. Based on the posture difference before and after the posture change and the type of each element, the terminal determines the rotation angle of each element. Based on the rotation center and rotation angle of each element, the terminal determines the target position of each element in the target content item after recombination.

[0155] The rotation center of each element is the center around which it rotates, and this rotation center is located within the display frame of the target content item; it is not visible. Element types include text, images, and videos. The target position of multiple elements refers to their position after rotation.

[0156] In this implementation, when the terminal's posture changes, the terminal can determine the rotation center of each element. Based on the posture difference before and after the posture change and the type of each element, the rotation angle of each element is determined. Based on the rotation center and rotation angle of each element, the elements are rotated, thereby changing the relative positional relationship between them. In other words, the multiple elements are recombined, thus providing users with a richer display of content items and attracting users to browse the target content items.

[0157] For example, in response to the terminal's gyroscope detecting a change in the terminal's posture, the terminal queries a rotation center table based on the identifier of each material to obtain the coordinates of the rotation center of each material within the display frame of the target content item. The terminal subtracts the current posture of the terminal from its posture before the change to obtain the posture difference before and after the change. Based on the posture difference before and after the change, the terminal determines the base rotation angle of each material. The correspondence between this base rotation angle and the posture difference is set by the technician according to the actual situation. For example, a mapping function reflecting the relationship between the posture difference and the base rotation angle can be set, and the posture difference can be substituted into this mapping function to obtain the corresponding base rotation angle. The terminal determines the rotation weight of each material based on its type. The correspondence between the material type and the rotation weight is set by the technician according to the actual situation. For example, the rotation weight for text is set to 0.8, the rotation weight for images is set to 0.7, and the rotation weight for videos is set to 0.5, etc. This embodiment does not limit this. The terminal multiplies the rotation weight of each material by the base rotation angle to obtain the rotation angle of each material. The terminal determines the target position of each material after rotation based on the coordinates of the rotation center of each material in the display frame of the target content item and the rotation angle of each material. This target position is also the position of the material after recombination.

[0158] 305. The terminal displays the recombined multiple materials on the content display interface to update the display format of the target content item.

[0159] In one possible implementation, the terminal displays the material corresponding to the target content item at the target position in the display box of the target content item, and the display box of the target content item is located on the content display interface.

[0160] The display frame for the target content item is an area used to display the target content item. In some embodiments, the display frame is a rectangular area where the material corresponding to the target content item is displayed.

[0161] For example, the terminal loads the corresponding material for the target content item. The terminal renders the material corresponding to the target content item at the target location, thereby updating the display position of the material within the target content item and enriching the display format of the target content item. For example... Figure 4 This includes the content display interface 401 before the posture change and the content display interface 402 after the posture change. See also Figure 4In the content display interface 401, there is a display box 4011 for the target content item, which displays material A, material B, and material C. After the terminal's posture changes, the relative positional relationship between material A, material B, and material C changes in the content display interface 402.

[0162] Taking the advertisement placed by the advertiser as an example, the technical solution provided in this application embodiment will be described below. See [link to relevant documentation]. Figure 5 The advertiser uploads an initial ad video to the server. This initial ad video includes a color channel ad video 501 and a transparency channel ad video 502, which is also the initial content item. The server, through the material compositing service 503, combines the color channel ad video 501 and the transparency channel ad video 502 based on target rules to obtain the target ad video. This target ad video is the ad video required for the program to run on the terminal. The requirements include format matching and form matching. This target ad video includes multiple materials. The server uploads these multiple materials to the advertiser's material library 504 for use in subsequent ad delivery. The advertiser creates a delivery task for the target ad video through the ad delivery service 505 provided by the server. The server distributes the multiple materials of the target ad video to the terminal through the ad playback service 506. The terminal plays the target ad video based on these multiple materials. When the terminal's posture changes, the terminal adjusts the position of these multiple materials based on the changed posture, thereby changing the display format of the target ad video. For example, an advertiser might be placing an ad for clothing, which includes a model and a hat they want to recommend. When the advertisement is displayed on the terminal without any change in posture, the hat is positioned to the left of the model. When a change in posture occurs, the hat is displayed on the model's head.

[0163] By employing the above steps for ad delivery, each user shakes their phone, triggering the gyroscope's movement. This allows the phone to display different combinations of ad creatives from different angles, creating a multi-dimensional and richer advertising experience that showcases the advertiser's creative ideas and product details. Furthermore, it allows for a more direct and three-dimensional presentation of the brand image, better supporting the brand in realizing its commercial value and effectively communicating its brand story. Ads provided by the information sharing feeds of cross-platform applications allow advertisers to convey more creative content to users within a single ad, giving them greater creative freedom to build user awareness and establish a brand image.

[0164] 306. In response to a change in the terminal's posture, the terminal acquires the candidate material corresponding to the changed posture.

[0165] The number of candidate materials corresponding to the changed posture can be one or more, and this embodiment does not limit this. The candidate materials corresponding to different postures are set by technicians according to the actual situation, and this embodiment does not limit this either. The candidate materials are used to replace the materials in the target content item.

[0166] In one possible implementation, in response to a change in the terminal's posture, the terminal determines its current posture. The terminal then determines the candidate material corresponding to this current posture.

[0167] In this implementation, when the terminal's posture changes, the terminal can determine candidate materials based on the changed posture. These candidate materials can then be used to replace the materials in the target content item, thereby enriching the display effect of the target content item.

[0168] For example, in response to the gyroscope detecting a change in the terminal's posture, the terminal determines its current posture, which is also the posture after the change. Based on this current posture, the terminal queries a candidate material table to obtain the candidate material corresponding to the current posture, which is also the candidate material corresponding to the changed posture. The correspondence between postures and candidate materials in this table is set by an expert based on actual conditions, and this embodiment does not limit this.

[0169] In one possible implementation, in response to the terminal's gyroscope detecting a change in the terminal's attitude, the terminal determines its current attitude and its attitude before the change. The terminal subtracts the current attitude from the attitude before the change to obtain the attitude difference. The terminal then determines candidate material corresponding to this attitude difference, which is also the candidate material corresponding to the changed attitude.

[0170] In this implementation, the terminal can determine candidate materials based on the pose difference before and after the change; that is, different pose differences correspond to different candidate materials, thus enriching the selection range of candidate materials. Since the candidate materials are used to replace materials in the target content item, the richness of the target content item is improved.

[0171] For example, in response to the gyroscope detecting a change in the terminal's attitude, the terminal determines its current attitude and the attitude before the change. The terminal subtracts the current attitude from the attitude before the change to obtain the attitude difference. Based on this attitude difference, the terminal queries a candidate material table to obtain the candidate material corresponding to the attitude difference, which is also the candidate material corresponding to the changed attitude. The correspondence between the attitude difference and the candidate material in the candidate material table is set by an expert according to the actual situation; this embodiment does not limit this.

[0172] 307. The terminal uses the candidate material to replace the target material among the multiple materials, and the target material and the candidate material are of the same type.

[0173] In one possible implementation, the terminal determines a target material from among the multiple materials based on the type of the candidate material, the target material being of the same type as the candidate material. The terminal then replaces the target material with the candidate material.

[0174] In this implementation, the terminal can use candidate materials to replace the target material in the target content item, thereby changing the content of the target content item and improving its richness.

[0175] 308. In response to a change in the posture of the terminal running the target application, the terminal simultaneously displays materials on multiple layers.

[0176] These multiple layers are multiple sub-content items of the target content item. Before the terminal's posture changes, the target content item is displayed as material on the first layer among these multiple layers.

[0177] In one possible implementation, in response to the terminal's gyroscope detecting a change in the terminal's posture, the terminal displays the materials on the multiple layers in a tiled manner. This tiled display means that the materials on the multiple layers are displayed without obstructing each other. In this implementation, after the terminal's posture changes, the display format, which originally only showed the materials on the first layer, can be changed to simultaneously displaying materials on multiple layers. This enriches the display format of the target content item, gives it interactivity, and increases the user's enthusiasm for interacting with the target content item.

[0178] When the target content item is an advertisement, these multiple layers constitute sub-ads of that advertisement. For example, if the advertisement is a car advertisement, it might include two sub-ads. The first sub-ad is a car image, where the combined assets on the layer corresponding to the car image constitute that car image. The second sub-ad is a combination of a car video and another car image, where the assets on the layer corresponding to the second sub-ad include both the car video and the other car image. See also... Figure 6Before the terminal's posture changes, the layer corresponding to the first sub-advertisement is the first layer. Therefore, when the terminal displays the target content item, it is also displaying the first sub-advertisement 601. In response to the change in the terminal's posture, the terminal displays the first sub-advertisement 601 and the second sub-advertisement 602 in a tiled manner. For example, the first sub-advertisement 601 is displayed on the left and the second sub-advertisement 602 is displayed on the right. There is no obstruction between the two sub-advertisements, and the user can see both the first sub-advertisement 601 and the second sub-advertisement 602.

[0179] In one possible implementation, in response to a change in the terminal's posture detected by its gyroscope, the terminal displays multiple layers of material in a layered manner. This layered display refers to rotating the multiple layers by different angles to display the material on each layer. In this implementation, after a change in the terminal's posture, the display format can be changed from simply showing the material on the first layer to displaying multiple layers in a layered manner, thereby enriching the display format of the target content item, giving it interactivity, and increasing the user's enthusiasm for interacting with the target content item.

[0180] When the target content item is an advertisement, these multiple layers constitute sub-ads of that advertisement. For example, if the advertisement is a car advertisement, it might include two sub-ads. The first sub-ad is a car image, where the combined assets on the layer corresponding to the car image constitute that car image. The second sub-ad is a combination of a car video and another car image, where the assets on the layer corresponding to the second sub-ad include both the car video and the other car image. See also... Figure 7 Before the terminal's orientation changes, the layer corresponding to the first sub-advertisement is the first layer. Therefore, when the terminal displays the target content item, it is also displaying the first sub-advertisement 701. In response to the change in the terminal's orientation, the terminal displays the first sub-advertisement 701 and the second sub-advertisement 702 in a stacked manner. For example, the first sub-advertisement 701 is displayed vertically, and the second sub-advertisement 702 is rotated 30° before being displayed. The user can see both the first sub-advertisement 701 and the second sub-advertisement 702.

[0181] Optionally, after step 308, the terminal may also perform any of the following steps.

[0182] In one possible implementation, in response to a click or drag operation on any of the multiple layers, the terminal displays the content item interface corresponding to that layer.

[0183] The content item interface corresponding to this layer is the associated interface of this layer.

[0184] In this implementation, the terminal can respond to click or drag operations on any layer of the target content item to display the content item interface corresponding to that layer. Through this content item interface, users can more clearly understand the relevant information of the target content item, thus improving the efficiency of human-computer interaction.

[0185] In some embodiments, the content item interface is the interface of a subroutine of a target application, which is the application that provides the content display interface. The subroutine is the subroutine associated with the layer, and clicking or dragging the layer will invoke the subroutine within the target application. That is, in response to a click or drag operation at any position on the layer, the terminal obtains the corresponding jump instruction for the layer. The terminal invokes the subroutine based on the jump instruction.

[0186] In some embodiments, the content item interface is the interface of other applications installed on the terminal, and clicking or dragging the layer can control the terminal to launch the other application. That is, in response to a click or drag operation at any position on the layer, the terminal obtains the corresponding jump instruction for that layer. The terminal launches the other application based on the jump instruction.

[0187] In some embodiments, the content item interface is a webpage, and clicking or dragging the layer can control the terminal to switch the content display interface to the webpage corresponding to that layer. That is, in response to a click or drag operation at any position on the layer, the terminal obtains a jump instruction corresponding to that layer. The terminal launches the webpage based on the jump instruction.

[0188] In one possible implementation, the layer is magnified in response to a click operation on any of the plurality of layers.

[0189] In this implementation, the terminal can zoom in on any layer in the target content item in response to a click operation, which helps the user to view the layer clearly.

[0190] In one possible implementation, in response to a click operation on any of the plurality of layers, the other layers in the plurality of layers are de-displayed.

[0191] In this implementation, clicking on any one of the multiple layers allows the terminal to display only that layer, eliminating the influence of other layers on viewing that layer and improving the efficiency of human-computer interaction.

[0192] For example, in response to a click on any of the multiple layers, the terminal sets the multiple layers to an overlay state and sets that layer as the first layer among the multiple layers.

[0193] 309. In response to a change in the posture of the terminal running the target application, the terminal displays material on the target layer among the multiple layers, the target layer being the layer corresponding to the changed posture of the terminal.

[0194] The correspondence between the target layer and the changed posture of the terminal is set by technicians according to the actual situation, and this application embodiment does not limit this. In some embodiments, when the terminal displays the target layer, the other layers among the plurality of layers are invisible.

[0195] In one possible implementation, in response to the terminal's gyroscope detecting a change in the terminal's attitude, the terminal determines a target layer from the plurality of layers that corresponds to the changed attitude. The terminal then displays the target layer on the content display interface.

[0196] When the target content item is an advertisement, these multiple layers constitute sub-ads of that advertisement. For example, if the advertisement is a car advertisement, it might include two sub-ads. The first sub-ad is a car image, where the combined assets on the layer corresponding to the car image constitute that car image. The second sub-ad is a combination of a car video and another car image, where the assets on the layer corresponding to the second sub-ad include both the car video and the other car image. See also... Figure 8 Before the terminal's posture changes, the layer corresponding to the first sub-advertisement is the first layer. Therefore, when the terminal displays the target content item, it is also displaying the first sub-advertisement 801. In response to the change in the terminal's posture, the terminal displays the second sub-advertisement 802.

[0197] All of the above-mentioned optional technical solutions can be combined in any way to form the optional embodiments of this application, and will not be described in detail here.

[0198] The technical solution provided in this application displays a target content item on a content display interface, the target content item comprising multiple materials. When the terminal's posture changes, the multiple materials within the target content item are recombine. Displaying these recombine materials on the content display interface thus adjusts and changes the display format of the target content item. In other words, the display format of the multiple materials within the target content item is related to the terminal's posture, thereby enriching the display format of the target content item, giving it interactivity, and attracting users to interact with it. When the target content item is an advertisement, this also improves the effectiveness of advertising and the efficiency of human-computer interaction.

[0199] Figure 9 This is a schematic diagram of the structure of a content item display device provided in an embodiment of this application. See also... Figure 9The device includes: a content display module 901, a location determination module 902, and a material display module 903.

[0200] The content item display module 901 is used to display target content items on the content display interface of the target application. The target content items include multiple materials. The content display interface is used to display content items published in the target application.

[0201] The position determination module 902 is used to recombine the multiple materials based on the changed posture of the terminal running the target application in response to a change in the posture of the terminal.

[0202] The material display module 903 is used to display the recombined materials on the content display interface to update the display format of the target content item.

[0203] In one possible implementation, the position determination module 902 is configured to, in response to a change in the terminal's posture, determine the posture difference before and after the posture change, based on the changed posture of the terminal. Based on the depth of each element and the posture difference, the displacement of each element is determined, where the depth represents the distance between the element and the user object of the terminal. Based on the displacement of each element, the target position of each element in the target content item after recombination is determined.

[0204] In one possible implementation, the position determination module 902 is used to multiply the attitude difference by the depth of each of the materials to obtain the displacement of each material. The initial screen coordinates of each material are added to the corresponding displacement to obtain the target screen coordinates of each material in the recombined state.

[0205] In one possible implementation, the position determination module 902 is used to determine the material stacking order corresponding to the changed posture in response to a change in the terminal's posture. Based on the material stacking order, the target position of each material in the target content item after recombination is determined.

[0206] In one possible implementation, the position determination module 902 is used to determine the rotation center of each of the materials in response to a change in the terminal's posture. Based on the posture difference before and after the change in the terminal's posture and the type of each material, the rotation angle of each material is determined. Based on the rotation center and rotation angle of each material, the target position of each material in the target content item after recombination is determined.

[0207] In one possible implementation, the content item display module 901 is used to render the multiple materials in ascending order of depth on the content display interface of the target application, so as to display the multiple materials on the content display interface, wherein the depth is used to represent the distance between the material and the user of the terminal.

[0208] In one possible implementation, the device further includes:

[0209] The size determination module is used to determine the size of the display box in the content display interface when the display box of the target content item appears in the content display interface of the target application.

[0210] The content item display module 901 is used to play the video from the multiple materials in the content display interface when the size of the display frame in the content display interface meets the size conditions.

[0211] In one possible implementation, the device further includes:

[0212] The material determination module is used to obtain candidate materials corresponding to the changed posture in response to a change in the posture of the terminal.

[0213] The material replacement module is used to replace the target material among multiple materials with the candidate material, where the target material and the candidate material are of the same type.

[0214] In one possible implementation, the target content item includes multiple layers, and the content item display module 901 is used to display the material on the first layer of the multiple layers on the content display interface of the target application.

[0215] The material display module 903 is also used to display materials on multiple layers simultaneously in response to changes in the posture of the terminal running the target application.

[0216] In one possible implementation, the device further includes any of the following:

[0217] The content item display module is used to display the content item interface corresponding to any of the multiple layers in response to a click or drag operation on any of the layers.

[0218] The zoom module is used to zoom in on any of the multiple layers in response to a click operation.

[0219] The Cancel Show module is used to cancel the display of other layers in response to a click operation on any one of the multiple layers.

[0220] In one possible implementation, the material display module 903 is further configured to display material on a target layer among the multiple layers in response to a change in the posture of the terminal running the target application, the target layer being the layer corresponding to the changed posture of the terminal.

[0221] In one possible implementation, the material display module 903 is further configured to display the material at the position where the drag operation ends in response to a drag operation on any of the plurality of materials.

[0222] In one possible implementation, the device further includes:

[0223] The sharing module is used to share the target content item with the publishing object of the content item when the target content item is swiped to any content item displayed on the content display interface.

[0224] In one possible implementation, the device further includes any of the following:

[0225] The content item interface display module is used to respond to a click operation at any position on the target content item and display the content item interface corresponding to the target content item. The content item interface is used to introduce the target content item.

[0226] The zoom module is used to zoom in on the target content item in the content display interface in response to a click operation at any position on the target content item.

[0227] In one possible implementation, the device further includes:

[0228] The close module is used to display a close control for a content item in response to a long press. Clicking the close control removes the content item from the display screen.

[0229] In one possible implementation, the device further includes:

[0230] The content item addition module is used to add the target content item corresponding to the logged-in object of the terminal to the content display list of the content display interface.

[0231] The content item display module 901 is used to display the target content item in response to the content display interface being slid to the position corresponding to the target content item.

[0232] It should be noted that the content item display device provided in the above embodiments is only illustrated by the division of the above functional modules. In practical applications, the above functions can be assigned to different functional modules as needed, that is, the internal structure of the computer device can be divided into different functional modules to complete all or part of the functions described above. In addition, the content item display device and the content item display method embodiments provided in the above embodiments belong to the same concept, and their specific implementation process can be found in the method embodiments, which will not be repeated here.

[0233] The technical solution provided in this application displays a target content item on a content display interface, the target content item comprising multiple materials. When the terminal's posture changes, the multiple materials within the target content item are recombine. Displaying these recombine materials on the content display interface thus adjusts and changes the display format of the target content item. In other words, the display format of the multiple materials within the target content item is related to the terminal's posture, thereby enriching the display format of the target content item, giving it interactivity, and attracting users to interact with it. When the target content item is an advertisement, this also improves the effectiveness of advertising and the efficiency of human-computer interaction.

[0234] This application provides a computer device for performing the above-described method. This computer device can be implemented as a terminal. The structure of the terminal is described below:

[0235] Figure 10 This is a schematic diagram of the structure of a terminal provided in an embodiment of this application. The terminal 1000 can be a smartphone, tablet computer, laptop computer, or desktop computer. The terminal 1000 may also be referred to as user equipment, portable terminal, laptop terminal, desktop terminal, or other names.

[0236] Typically, terminal 1000 includes one or more processors 1001 and one or more memories 1002.

[0237] Processor 1001 may include one or more processing cores, such as a quad-core processor, an octa-core processor, etc. Processor 1001 may be implemented using at least one hardware form selected from DSP (Digital Signal Processing), FPGA (Field-Programmable Gate Array), and PLA (Programmable Logic Array). Processor 1001 may also include a main processor and a coprocessor. The main processor, also known as a CPU (Central Processing Unit), is used to process data in the wake-up state; the coprocessor is a low-power processor used to process data in the standby state. In some embodiments, processor 1001 may integrate a GPU (Graphics Processing Unit), which is responsible for rendering and drawing the content to be displayed on the screen. In some embodiments, processor 1001 may also include an AI (Artificial Intelligence) processor, which is used to handle computational operations related to machine learning.

[0238] The memory 1002 may include one or more computer-readable storage media, which may be non-transitory. The memory 1002 may also include high-speed random access memory and non-volatile memory, such as one or more disk storage devices or flash memory devices. In some embodiments, the non-transitory computer-readable storage media in the memory 1002 are used to store at least one computer program, which is executed by the processor 1001 to implement the method for displaying content items provided in the method embodiments of this application.

[0239] In some embodiments, the terminal 1000 may also optionally include: a peripheral device interface 1003 and at least one peripheral device. The processor 1001, memory 1002, and peripheral device interface 1003 can be connected via a bus or signal line. Each peripheral device can be connected to the peripheral device interface 1003 via a bus, signal line, or circuit board. Specifically, the peripheral device includes at least one of: a radio frequency circuit 1004, a display screen 1005, a camera assembly 1006, an audio circuit 1007, and a power supply 1008.

[0240] Peripheral device interface 1003 can be used to connect at least one I / O (Input / Output) related peripheral device to processor 1001 and memory 1002. In some embodiments, processor 1001, memory 1002 and peripheral device interface 1003 are integrated on the same chip or circuit board; in some other embodiments, any one or two of processor 1001, memory 1002 and peripheral device interface 1003 can be implemented on separate chips or circuit boards, which is not limited in this embodiment.

[0241] The radio frequency (RF) circuit 1004 is used to receive and transmit RF (Radio Frequency) signals, also known as electromagnetic signals. The RF circuit 1004 communicates with communication networks and other communication devices via electromagnetic signals. The RF circuit 1004 converts electrical signals into electromagnetic signals for transmission, or converts received electromagnetic signals back into electrical signals. Optionally, the RF circuit 1004 includes: an antenna system, an RF transceiver, one or more amplifiers, a tuner, an oscillator, a digital signal processor, a codec chipset, a user identity module card, etc.

[0242] Display screen 1005 is used to display a UI (User Interface). This UI may include graphics, text, icons, videos, and any combination thereof. When display screen 1005 is a touch screen, it also has the ability to collect touch signals on or above its surface. These touch signals can be input as control signals to processor 1001 for processing. In this case, display screen 1005 can also be used to provide virtual buttons and / or a virtual keyboard, also known as soft buttons and / or a soft keyboard.

[0243] The camera assembly 1006 is used to capture images or videos. Optionally, the camera assembly 1006 includes a front-facing camera and a rear-facing camera. Typically, the front-facing camera is located on the front panel of the terminal, and the rear-facing camera is located on the back of the terminal.

[0244] The audio circuit 1007 may include a microphone and a speaker. The microphone is used to collect sound waves from the user and the environment, and convert the sound waves into electrical signals that are input to the processor 1001 for processing, or input to the radio frequency circuit 1004 to realize voice communication.

[0245] The power supply 1008 is used to supply power to the various components in the terminal 1000. The power supply 1008 can be AC ​​power, DC power, a disposable battery, or a rechargeable battery.

[0246] In some embodiments, the terminal 1000 further includes one or more sensors 1009. The one or more sensors 1009 include, but are not limited to: an acceleration sensor 1010, a gyroscope sensor 1011, a pressure sensor 1012, an optical sensor 1013, and a proximity sensor 1014.

[0247] Accelerometer 1010 can detect the magnitude of acceleration on the three coordinate axes of a coordinate system established with terminal 1000.

[0248] The gyroscope sensor 1011 can detect the orientation and rotation angle of the terminal 1000. The gyroscope sensor 1011 can work in conjunction with the accelerometer sensor 1010 to collect the user's 3D movements on the terminal 1000.

[0249] The pressure sensor 1012 can be installed on the side bezel of the terminal 1000 and / or on the lower layer of the display screen 1005. When the pressure sensor 1012 is installed on the side bezel of the terminal 1000, it can detect the user's grip signal on the terminal 1000, and the processor 1001 can perform left / right hand recognition or quick operation based on the grip signal collected by the pressure sensor 1012. When the pressure sensor 1012 is installed on the lower layer of the display screen 1005, the processor 1001 can control the operable controls on the UI interface based on the user's pressure operation on the display screen 1005.

[0250] An optical sensor 1013 is used to collect ambient light intensity. In one embodiment, a processor 1001 can control the display brightness of a display screen 1005 based on the ambient light intensity collected by the optical sensor 1013.

[0251] The proximity sensor 1014 is used to detect the distance between the user and the front of the terminal 1000.

[0252] Those skilled in the art will understand that Figure 10 The structure shown does not constitute a limitation on terminal 1000 and may include more or fewer components than shown, or combine certain components, or use different component arrangements.

[0253] In an exemplary embodiment, a computer-readable storage medium is also provided, such as a memory including a computer program that can be executed by a processor to complete the method for displaying content items in the above embodiments. For example, the computer-readable storage medium may be a read-only memory (ROM), a random access memory (RAM), a compact disc read-only memory (CD-ROM), magnetic tape, floppy disk, and optical data storage device, etc.

[0254] In an exemplary embodiment, a computer program product or computer program is also provided, which includes program code stored in a computer-readable storage medium. A processor of a computer device reads the program code from the computer-readable storage medium and executes the program code, causing the computer device to perform the above-described method for displaying the content item.

[0255] In some embodiments, the computer program involved in the present application embodiments may be deployed and executed on a computer device, or executed on multiple computer devices located in one location, or executed on multiple computer devices distributed in multiple locations and interconnected through a communication network. Multiple computer devices distributed in multiple locations and interconnected through a communication network may constitute a blockchain system.

[0256] Those skilled in the art will understand that all or part of the steps of the above embodiments can be implemented by hardware or by a program instructing related hardware. The program can be stored in a computer-readable storage medium, such as a read-only memory, a disk, or an optical disk.

[0257] The above are merely optional embodiments of this application and are not intended to limit this application. Any modifications, equivalent substitutions, improvements, etc., made within the spirit and principles of this application should be included within the protection scope of this application.

Claims

1. A method for displaying content items, characterized in that, The method includes: On the content display interface of the target application, target content items are displayed, and the target content items include multiple materials. The content display interface is used to display the content items published in the target application. In response to a change in the posture of the terminal running the target application, the multiple materials are recombined based on the changed posture of the terminal; The recombined materials are displayed on the content display interface to update the display format of the target content item; The target content item includes multiple layers, all of which are opaque layers. The multiple layers are initially stacked, and each layer includes at least one material. The step of displaying target content items on the content display interface of the target application includes: displaying the material on the first layer of the multiple layers on the content display interface of the target application; In response to a change in the posture of the terminal running the target application, the materials on the multiple layers are displayed simultaneously in a tiled manner, and the materials on the multiple layers do not overlap with each other; In response to a click or drag operation on any of the multiple layers, the content item interface corresponding to that layer is displayed; The multiple layers are multiple sub-content items of the target content item. When the target content item is an advertisement, the multiple layers are sub-advertisements of the advertisement, and each sub-advertisement is an advertisement creative.

2. The method according to claim 1, characterized in that, In response to a change in the posture of the terminal running the target application, the recombination of the multiple materials based on the changed posture of the terminal includes: In response to a change in the terminal's posture, the posture difference before and after the change in the terminal's posture is determined based on the changed posture of the terminal. Based on the depth of each material and the pose difference, the displacement of each material is determined, wherein the depth is used to represent the distance between the material and the user object of the terminal; Based on the displacement of each of the materials, the target position of each of the materials in the target content item after recombination is determined.

3. The method according to claim 2, characterized in that, Determining the displacement of each material based on its depth and the pose difference includes: Multiplying the attitude difference by the depth of each material yields the displacement of each material. Determining the target position of each material in the target content item after recombination based on the displacement of each material includes: The initial screen coordinates of each material are added to its corresponding displacement to obtain the target screen coordinates of each material after recombination.

4. The method according to claim 1, characterized in that, In response to a change in the posture of the terminal running the target application, the recombination of the multiple materials based on the changed posture of the terminal includes: In response to a change in the terminal's posture, the material stacking order corresponding to the changed posture is determined; Based on the stacking order of the materials, determine the target position of each material in the target content item after recombination.

5. The method according to claim 1, characterized in that, In response to a change in the posture of the terminal running the target application, the recombination of the multiple materials based on the changed posture of the terminal includes: In response to a change in the posture of the terminal, the rotation center of each of the materials is determined; Based on the attitude difference before and after the terminal attitude change and the type of each material, the rotation angle of each material is determined; Based on the rotation center and rotation angle of each of the aforementioned materials, the target position of each of the aforementioned materials in the target content item after recombination is determined.

6. The method according to claim 1, characterized in that, The display of target content items on the content display interface of the target application includes: On the content display interface of the target application, the multiple materials are rendered in ascending order of depth to display the multiple materials on the content display interface. The depth is used to represent the distance between the material and the user of the terminal.

7. The method according to claim 1, characterized in that, The multiple materials include videos, and the method further includes, before displaying the target content item on the content display interface of the target application: When the display box of the target content item appears in the content display interface of the target application, determine the size of the display box in the content display interface; The display of target content items on the content display interface of the target application includes: If the size of the display frame in the content display interface meets the size requirements, the video from the multiple materials will be played in the content display interface.

8. The method according to claim 1, characterized in that, After displaying the target content item on the content display interface of the target application, the method further includes: In response to a change in the terminal's posture, candidate materials corresponding to the changed posture are acquired; The target material among the plurality of materials is replaced with the candidate material, wherein the target material and the candidate material are of the same type.

9. The method according to claim 1, characterized in that, After responding to a change in the pose of the terminal running the target application and simultaneously displaying the materials on the multiple layers, the method further includes any one of the following: In response to a click operation on any of the plurality of layers, the layer is enlarged and displayed. In response to a click operation on any of the plurality of layers, the other layers in the plurality of layers are de-displayed.

10. The method according to claim 1, characterized in that, After displaying the material on the first layer of the plurality of layers on the content display interface of the target application, the method further includes: In response to a change in the posture of the terminal running the target application, material on the target layer among the multiple layers is displayed, the target layer being the layer corresponding to the changed posture of the terminal.

11. The method according to claim 1, characterized in that, After displaying the target content item on the content display interface of the target application, the method further includes: In response to a drag operation on any of the plurality of materials, the material is displayed at the position where the drag operation ends.

12. The method according to claim 1, characterized in that, After displaying the target content item on the content display interface of the target application, the method further includes: In response to the target content item being swiped to any content item displayed on the content display interface, the target content item is shared with the publishing object of the content item.

13. The method according to claim 1, characterized in that, After displaying the target content item on the content display interface of the target application, the method further includes any one of the following: In response to a click operation on any position of the target content item, the content item interface corresponding to the target content item is displayed, and the content item interface is used to introduce the target content item; In response to a click operation on any position of the target content item, the target content item is enlarged in the content display interface.

14. The method according to claim 1, characterized in that, After displaying the target content item on the content display interface of the target application, the method further includes: In response to a long press on the target content item, a content item close control is displayed; In response to a click operation on the close control of the content item, the target content item is de-displayed in the content display interface.

15. The method according to claim 1, characterized in that, Before displaying the target content item on the content display interface of the target application, the method further includes: Add the target content item corresponding to the object logged in by the terminal to the content display list corresponding to the content display interface; The display of target content items on the content display interface of the target application includes: In response to the content display interface being swiped to the position corresponding to the target content item, the target content item is displayed.

16. A device for displaying content items, characterized in that, The device includes: The content item display module is used to display target content items on the content display interface of the target application. The target content items include multiple materials, and the content display interface is used to display the content items published in the target application. A location determination module is used to recombine the multiple materials based on the changed posture of the terminal running the target application in response to a change in the posture of the terminal. The material display module is used to display the recombined multiple materials on the content display interface to update the display format of the target content item; The target content item includes multiple layers, all of which are opaque layers. The multiple layers are initially stacked, and each layer includes at least one material. The content item display module is used to display the material on the first layer of the multiple layers on the content display interface of the target application; The material display module is also used to respond to changes in the posture of the terminal running the target application, and to display the materials on the multiple layers simultaneously in a tiled manner, wherein the materials on the multiple layers do not overlap with each other; The content item interface display module is used to display the content item interface corresponding to any of the multiple layers in response to a click or drag operation on any layer. The multiple layers are multiple sub-content items of the target content item. When the target content item is an advertisement, the multiple layers are sub-advertisements of the advertisement, and each sub-advertisement is an advertisement creative.

17. A computer device, characterized in that, The computer device includes one or more processors and one or more memories, wherein at least one computer program is stored in the one or more memories, the computer program being loaded and executed by the one or more processors to implement the method of displaying content items as described in any one of claims 1 to 15.

18. A computer-readable storage medium, characterized in that, The computer-readable storage medium stores at least one computer program, which is loaded and executed by a processor to implement the method for displaying content items as described in any one of claims 1 to 15.

19. A computer program product, comprising a computer program, characterized in that, When executed by a processor, the computer program implements the method for displaying the content item as described in any one of claims 1 to 15.

Images