Method, device and computer readable storage medium for presenting media information

Abstract

This application provides a method, apparatus, device, and computer-readable storage medium for presenting media information. The method includes: presenting a media information stream and a first material independent of the media information stream on a media information stream page; presenting the first material moving to a target display area on the media information stream page; and presenting target media information in the target display area when the first material moves to the target display area. The target media information includes the first material and a second material adapted to the first material. This application enables the switching from the first material to the target media information, creating a sense of space on the media information stream page to attract user attention to the target media information and increase the click-through rate of the target media information.

Description

Technical Field

[0001] This application relates to the field of computer technology, and in particular to a method, apparatus, device, and computer-readable storage medium for presenting media information. Background Technology

[0002] With the development of internet technology, media information dissemination based on smart terminals has become increasingly common, such as the display of news articles on mobile devices. In related technologies, when content is recommended to users, it is usually presented as a component, such as a widget, on the media feed page. When the user clicks on this component, they are redirected to the recommendation page to see the recommended content. However, the component is usually displayed in a floating manner on the feed page, without any connection to the media feed, resulting in a simplistic display method. Summary of the Invention

[0003] This application provides a method, apparatus, computer device, and computer-readable storage medium for presenting media information, which can realize the switching from first material to target media information and create a sense of space in the media information flow page.

[0004] The technical solution of this application embodiment is implemented as follows:

[0005] This application provides a method for presenting media information, including:

[0006] The media feed page displays the media feed itself, as well as first materials independent of the media feed.

[0007] The process of moving the first material to the target display area in the media feed page;

[0008] When the first material moves to the target display area, target media information is displayed in the target display area;

[0009] The target media information includes the first material and a second material adapted to the first material.

[0010] In the above scheme, before the process of presenting the first material moving to the target presentation area in the media feed page, the method further includes:

[0011] In response to a click on the first material, multiple candidate materials are presented;

[0012] In response to a material selection operation triggered based on the plurality of candidate materials, the first material is switched to the target material corresponding to the material selection operation;

[0013] The process of moving the first material to the target display area in the media feed page includes:

[0014] The process of moving the target material to the target display area in the media feed page.

[0015] This application provides a media information presentation device, including:

[0016] The first presentation module is used to present the media information stream and the first material independent of the media information stream on the media information stream page;

[0017] The movement module is used to present the process of the first material moving to the target display area in the media feed page;

[0018] The second presentation module presents target media information in the target display area when the first material moves to the target display area.

[0019] The target media information includes the first material and a second material adapted to the first material.

[0020] In the above scheme, the first presentation module is also used to present the process of the first material moving in from one side of the media information flow page, moving and hovering to the target position in the media information flow page.

[0021] In the above scheme, the first presentation module is further configured to present a first material independent of the media information stream at a target position in the media information stream page, wherein the first material is statically displayed at the target position;

[0022] The moving module is also used to present the display duration of the first material being displayed statically at the target position;

[0023] When the display duration reaches the duration threshold, the process of moving the first material to the target display area in the media feed page is initiated.

[0024] In the above solution, the mobile module is further configured to respond to a swipe operation on the information stream page, and update the media information stream presented on the media information stream page along with the swipe operation.

[0025] When the sliding speed corresponding to the sliding operation is lower than the speed threshold, the process of the first material moving to the target display area in the media information flow page is presented.

[0026] In the above scheme, the moving module is further configured to, when the media information stream contains media information corresponding to the first material, use the area where the media information corresponding to the first material is located as the target presentation area;

[0027] The process of moving the first material to the target display area in the media feed page.

[0028] In the above scheme, the moving module is also used to classify the first material to obtain the category to which the first material belongs;

[0029] Obtain the movement method that is suitable for the category;

[0030] The process of presenting the first material by moving it to the target presentation area in the media feed page in the manner described.

[0031] In the above scheme, the second presentation module is further configured to insert a target information flow card containing the second material into the media information flow page when the media information in the media information flow is presented in the form of an information flow card, and

[0032] Adjust the presentation position of the information flow cards corresponding to other media information in the media information flow;

[0033] The display area of ​​the target information flow card is taken as the target display area;

[0034] When the first material moves to the position of the second material in the target information flow card, the first material is canceled from being displayed, and the second material in the target information flow card is switched to the target media information.

[0035] In the above scheme, the second presentation module is also used to obtain the insertion position of the target information flow card;

[0036] At the insertion position, the process of expanding the target information flow card is presented, and

[0037] During the expansion of the target information flow card, the presentation position of the information flow cards corresponding to other media information in the media information flow is adjusted according to the size of the expanded target information flow card.

[0038] In the above scheme, the second presentation module is further configured to determine the first information flow card in the target display area when the media information in the media information flow is presented in the form of an information flow card;

[0039] The process of switching the first information flow card to the second information flow card corresponding to the target media information is presented.

[0040] In the above scheme, the second presentation module is further configured to, when the target media information is presented in the form of an information flow card, respond to a viewing operation on the target media information.

[0041] Gradually increase the size of the target information flow card for the target media information to present the corresponding details page for the target media information.

[0042] In the above scheme, the second presentation module is further configured to update the information content in the target information flow card as the size of the target information flow card increases, so that the information content increases as the size of the target information flow card increases.

[0043] In the above scheme, the second presentation module is further configured to respond to the viewing operation of the target media information by presenting a details page corresponding to the target media information, moving along the target direction into the media information stream page to gradually present the details page, and gradually canceling the presentation of the media information stream page.

[0044] In the above scheme, the second presentation module is further configured to present multiple candidate materials in response to a click operation on the first material;

[0045] In response to a material selection operation triggered based on the plurality of candidate materials, the first material is switched to the target material corresponding to the material selection operation;

[0046] The process of moving the target material to the target display area in the media feed page.

[0047] This application provides a computer device, including:

[0048] Memory, used to store executable instructions;

[0049] The processor, when executing executable instructions stored in the memory, implements the media information presentation method provided in the embodiments of this application.

[0050] This application provides a computer-readable storage medium storing executable instructions, which, when executed by a processor, implement the media information presentation method provided in this application.

[0051] The embodiments of this application have the following beneficial effects:

[0052] By applying the above embodiments, a media feed and a first material independent of the media feed are presented on the media feed page; the process of the first material moving to a target display area on the media feed page is presented; when the first material moves to the target display area, target media information is presented in the target display area; wherein the target media information includes the first material and a second material adapted to the first material; in this way, the switching from the first material to the target media information can be realized. Since the target media information contains the first material, it creates the feeling that the first material has entered the target media information, creating a sense of space on the media feed page, thereby attracting the user's attention to the target media information and increasing the click-through rate of the target media information. Attached Figure Description

[0053] Figure 1A-1B This is a schematic diagram of components in a media information stream page provided in an embodiment of this application;

[0054] Figure 2 This is a schematic diagram of a media information stream page provided in an embodiment of this application;

[0055] Figure 3 This is an optional architecture diagram of the media information presentation system 100 provided in the embodiments of this application;

[0056] Figure 4 This is a schematic diagram of the structure of the computer device 500 provided in the embodiments of this application;

[0057] Figure 5 This is an optional flowchart illustrating the media information presentation method provided in the embodiments of this application;

[0058] Figure 6 This is a schematic diagram of the interface for importing the first material according to an embodiment of this application;

[0059] Figure 7 This is a schematic diagram of the trigger area provided in the embodiments of this application;

[0060] Figure 8 This is a schematic diagram of the interface for switching the presentation form of the first material provided in the embodiments of this application;

[0061] Figure 9 This is a schematic diagram of a media information stream page provided in an embodiment of this application;

[0062] Figure 10 This is a schematic diagram of a media information stream page provided in an embodiment of this application;

[0063] Figure 11 This is a schematic diagram illustrating the presentation of the details page provided in an embodiment of this application;

[0064] Figure 12 This is a schematic diagram illustrating the presentation process of the details page provided in this application embodiment;

[0065] Figure 13 This is a schematic diagram illustrating the presentation process of the details page provided in this application embodiment;

[0066] Figure 14 This is a schematic diagram of the z-axis provided in an embodiment of this application;

[0067] Figure 15 This is a schematic diagram of material changes with the addition of the z-axis provided in the embodiments of this application;

[0068] Figure 16 This is a flowchart illustrating the media information presentation method provided in the embodiments of this application;

[0069] Figure 17 This is a schematic diagram of the target information flow card expansion process provided in the embodiments of this application. Detailed Implementation

[0070] To make the objectives, technical solutions, and advantages of this application clearer, the application will be further described in detail below with reference to the accompanying drawings. The described embodiments should not be regarded as limitations on this application. All other embodiments obtained by those skilled in the art without creative effort are within the scope of protection of this application.

[0071] In the following description, references are made to “some embodiments,” which describe a subset of all possible embodiments. However, it is understood that “some embodiments” may be the same subset or different subsets of all possible embodiments and may be combined with each other without conflict.

[0072] In the following description, the terms "first, second, third" are used merely to distinguish similar objects and do not represent a specific ordering of objects. It is understood that "first, second, third" may be interchanged in a specific order or sequence where permitted, so that the embodiments of this application described herein can be implemented in an order other than that illustrated or described herein.

[0073] Unless otherwise defined, all technical and scientific terms used herein have the same meaning as commonly understood by one of ordinary skill in the art to which this application belongs. The terminology used herein is for the purpose of describing embodiments of this application only and is not intended to limit this application.

[0074] In the implementation of this application, the collection and processing of relevant data should strictly comply with the requirements of relevant laws and regulations, obtain the informed consent or separate consent of the personal information subject, and carry out subsequent data use and processing within the scope of laws and regulations and the authorization of the personal information subject.

[0075] Before providing a further detailed description of the embodiments of this application, the nouns and terms involved in the embodiments of this application will be explained, and the nouns and terms involved in the embodiments of this application shall be interpreted as follows.

[0076] 1) Information flow refers to a content browsing format that can be composed of any content format (text and image information, video, image gallery, aggregated content entry, etc.).

[0077] 2) Information flow card refers to a unit in the information flow. The information flow is composed of information flow lists with different structures and styles.

[0078] 3) In response, used to indicate the conditions or states on which the operation performed depends. When the conditions or states on which it depends are met, one or more operations performed can be performed in real time or with a set delay. Unless otherwise specified, there is no restriction on the order in which the multiple operations are performed.

[0079] When recommended content is needed, related technologies typically present a component, such as a widget, on the media feed page. When a user clicks on the component, they are redirected to the recommendation page to view the recommended content. Figure 1A-1B This is a schematic diagram of components in the media feed page provided in the embodiments of this application. See also: Figure 1A-1B In related technologies, an image is typically displayed at the top layer of an information feed page, such as the bottom right corner of a media information feed page. Examples include refresh images and red envelope images. This image is used to redirect to a recommended page after a click on it. The component can also be a GIF with dynamic effects.

[0080] As an example, Figure 2 This is a schematic diagram of a media information stream page provided in an embodiment of this application. See also... Figure 2 In the lower right corner of the media feed page, a red envelope image 201 (component) is displayed in a floating form. This red envelope image is the entrance to the welfare center. When a user triggers the red envelope image, they are redirected to the welfare center page.

[0081] In the process of implementing the embodiments of this application, the applicant discovered that in the related technologies, components are usually presented on the information flow page in a floating manner, without being related to the media information flow, resulting in a single display method and obscuring the media information in the media information flow.

[0082] Based on this, the media information presentation method, apparatus, computer equipment and computer-readable storage medium provided in the embodiments of this application are proposed, which can realize the switching from the first material to the target media information, enrich the presentation mode of the target media information, and avoid obscuring other media information in the media information flow page.

[0083] See Figure 3 , Figure 3 This is an optional architecture diagram of the media information presentation system 100 provided in the embodiments of this application. In order to support an exemplary application, the terminal (terminal 400-1 and terminal 400-2 are shown as examples) connects to the server 200 through the network 300. The network 300 can be a wide area network or a local area network, or a combination of the two.

[0084] Server 200 is used to send media information streams and initial materials to the terminal;

[0085] A terminal (such as 400-1) is used to present a media information stream and a first material independent of the media information stream on a media information stream page; to present the process of the first material moving to a target display area on the media information stream page; and to present target media information in the target display area when the first material moves to the target display area.

[0086] The target media information includes the first material and a second material adapted to the first material;

[0087] When a user triggers a viewing operation for target media information through the terminal, the terminal displays a details page of the target media information.

[0088] In some embodiments, server 200 may be a standalone physical server, a server cluster or distributed system composed of multiple physical servers, or a cloud server providing basic cloud computing services such as cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communication, middleware services, domain name services, security services, content delivery networks (CDNs), and big data and artificial intelligence platforms. Terminals may be smartphones, tablets, laptops, desktop computers, smart speakers, smartwatches, in-vehicle devices, smart TVs, etc., but are not limited to these.

[0089] See Figure 4 , Figure 4 This is a schematic diagram of the structure of the computer device 500 provided in the embodiments of this application. In practical applications, the computer device 500 can be... Figure 3 The terminal (such as 400-1) or server 200 in the middle, with computer equipment as Figure 3 Taking the terminal shown as an example, a computer device for implementing the media information presentation method of the embodiments of this application will be described. Figure 4The computer device 500 shown includes at least one processor 510, a memory 550, at least one network interface 520, and a user interface 530. The various components in the computer device 500 are coupled together via a bus system 540. It is understood that the bus system 540 is used to implement communication between these components. In addition to a data bus, the bus system 540 also includes a power bus, a control bus, and a status signal bus. However, for clarity, ... Figure 4 The general labeled all buses as Bus System 540.

[0090] The processor 510 can be an integrated circuit chip with signal processing capabilities, such as a general-purpose processor, a digital signal processor (DSP), or other programmable logic devices, discrete gate or transistor logic devices, discrete hardware components, etc. The general-purpose processor can be a microprocessor or any conventional processor, etc.

[0091] User interface 530 includes one or more output devices 531 that enable the presentation of media content, including one or more speakers and / or one or more visual displays. User interface 530 also includes one or more input devices 532, including user interface components that facilitate user input, such as a keyboard, mouse, microphone, touch screen display, camera, other input buttons and controls.

[0092] The memory 550 may be removable, non-removable, or a combination thereof. Exemplary hardware devices include solid-state storage, hard disk drives, optical disk drives, etc. The memory 550 may optionally include one or more storage devices physically located away from the processor 510.

[0093] The memory 550 may include volatile memory or non-volatile memory, or both. The non-volatile memory may be read-only memory (ROM), and the volatile memory may be random access memory (RAM). The memory 550 described in this application embodiment is intended to include any suitable type of memory.

[0094] In some embodiments, memory 550 is capable of storing data to support various operations, examples of which include programs, modules, and data structures or subsets or supersets thereof, as illustrated below.

[0095] Operating system 551 includes system programs for handling various basic system services and performing hardware-related tasks, such as the framework layer, core library layer, driver layer, etc., for implementing various basic business functions and handling hardware-based tasks;

[0096] The network communication module 552 is used to reach other computing devices via one or more (wired or wireless) network interfaces 520, exemplary network interfaces 520 including: Bluetooth, WiFi, and Universal Serial Bus (USB), etc.

[0097] Presentation module 553 is used to enable the presentation of information (e.g., user interface for operating peripheral devices and displaying content and information) via one or more output devices 531 (e.g., display screen, speaker, etc.) associated with user interface 530.

[0098] The input processing module 554 is used to detect and translate one or more user inputs or interactions from one or more input devices 532.

[0099] In some embodiments, the media information presentation device provided in this application can be implemented in software. Figure 4 A presentation device 555 for media information stored in memory 550 is shown. It may be software in the form of programs and plug-ins, including the following software modules: a first presentation module 5551, a movement module 5552, and a second presentation module 5553. These modules are logically related and can therefore be arbitrarily combined or further split according to the functions implemented.

[0100] The functions of each module will be explained below.

[0101] In other embodiments, the media information presentation device provided in this application can be implemented in hardware. As an example, the media information presentation device provided in this application can be a processor in the form of a hardware decoding processor, which is programmed to execute the expression processing method provided in this application. For example, the processor in the form of a hardware decoding processor can be one or more application-specific integrated circuits (ASICs), DSPs, programmable logic devices (PLDs), complex programmable logic devices (CPLDs), field-programmable gate arrays (FPGAs), or other electronic components.

[0102] The method for presenting media information provided in this application will be described in conjunction with exemplary applications and implementations of the terminals provided in the embodiments of this application.

[0103] See Figure 5 , Figure 5 This is an optional flowchart illustrating a media information presentation method provided in an embodiment of this application, which will be combined with... Figure 5 The steps shown are explained.

[0104] Step 501: The terminal displays the media feed and the first material independent of the media feed on the media feed page.

[0105] In actual implementation, the terminal is equipped with application clients, such as video application clients, news application clients, instant messaging clients, etc. The terminal can present media information flow pages through application clients. Correspondingly, the media information in the media information flow can be image information, article information, video information, etc. The media information can also include one or more of the above information at the same time. For example, media information can include images and corresponding text at the same time.

[0106] In practical applications, media information in a media feed can be published by the user themselves or by users with whom the user has a social relationship (such as friends, followed users, etc.), and access and interaction are limited to those with a social relationship; it can also be media information published to any user on a social network, which can be accessed and interacted with by any registered user on the social network. For example, it can be media information that the user is interested in, selected from all media information published by users on the social network.

[0107] The first material is independent of the media information flow. For example, the first material can be presented in a floating form, that is, floating above the media information flow page; the first material can be in the form of an image, which can be a static image or an animated image.

[0108] In some embodiments, the terminal can obtain user information and determine the first material based on the user information. Here, user information includes basic user information, user operation data, etc. In practical applications, the first material can be determined directly based on the basic user data, such as obtaining the user's avatar from the basic user data and using the user's avatar as the first material; or the user profile can be obtained based on the user information, and the first material matching the user profile can be determined, such as determining the user's favorite animal based on the user profile and using the material matching the user's favorite animal as the first material.

[0109] In some embodiments, the terminal may present first material independent of the media feed in the following manner: presenting the first material as it moves in from one side of the media feed page, moves and hovers over a target position in the media feed page.

[0110] In actual implementation, when the timing for presenting the first material is met, the first material is presented as it moves in from one side of the media feed page, moves and hovers over the target position on the media feed page. The presentation of the first material can occur after receiving an open operation for the media feed page. For example, when a user opens the media feed page, the terminal displays the media feed page, and after the media feed page is displayed, the first material is presented as it moves in from one side of the media feed page, moves, and hovers to the target position within the media feed page. Alternatively, the presentation of the first material can occur after receiving a refresh operation for the media feed page. For example, when a user refreshes the media feed page, the terminal refreshes the content on the media feed page, and after the refresh is complete, the first material is presented as it moves in from one side of the media feed page, moves, and hovers to the target position within the media feed page. Furthermore, the presentation of the first material can occur when the user's browsing time on the media feed page reaches a time threshold. For example, if the time threshold is set to 30 minutes, then the first material can be presented as it moves in from one side of the media feed page, moves, and hovers to the target position within the media feed page when the user's browsing time on the media feed page reaches the time threshold, i.e., when the media feed page's display time reaches 30 minutes. There is no specific time limit for the presentation of the first material here.

[0111] In practical applications, media feed pages have four sides: top, bottom, left, and right. The side to be moved in can be preset, or one side can be randomly selected from the four sides as the side to move in first. As an example, the side to be moved in first is preset to the top. Figure 6 This is a schematic diagram of the interface for importing the first material according to an embodiment of this application. See also... Figure 6 The first element here, 601, is a cat. As shown in 6A, the cat moves into the media feed page from the top. The cat is independent of the media feed, meaning it's presented in a floating manner. When the cat moves to the target position... Figure 6 Above information flow card 602 in B, the cat stops moving and hovers at the target position.

[0112] Here, the first clip moves in from one side of the media feed page, and its movement path to the target position on the media feed page can be pre-set. That is, the correspondence between the first clip and the movement path is pre-defined, and then the corresponding movement path is determined based on the first clip. The movement paths corresponding to different first clips can be the same or different. Correspondingly, the target position can be fixed, that is, each first clip corresponds to the same target position, or it can change according to the different first clips.

[0113] As an example, a trigger area can be pre-defined, with the edge of the trigger area serving as the target location; that is, Figure 7 This is a schematic diagram of the trigger area provided in the embodiments of this application. See also: Figure 7 The shaded area is the trigger area, and the first material 601 floats and stays at the edge of the trigger area.

[0114] In some embodiments, as the first material moves in from one side of the media feed page, moves, and hovers at a target position on the media feed page, the user can perform a swipe operation on the media feed page. Correspondingly, the terminal updates the media feed displayed on the media feed page in sync with the swipe operation. During the swipe operation, the terminal can obtain the swipe rate corresponding to the swipe operation and control the first material to move at a speed corresponding to the swipe speed. For example, the faster the swipe speed, the slower the first material moves.

[0115] In some embodiments, when the first media clip hovers over the target position, a user's command to switch the presentation mode of the first media clip can be received. The terminal responds to the command by switching the presentation mode of the first media clip. Here, the switching command can be triggered by clicking on the first media clip or by stopping a swipe operation on the media feed page, for example... Figure 8 This is a schematic diagram of the interface for switching the presentation form of the first material provided in the embodiments of this application. See also: Figure 8 When the user clicks on the first material 601, the cat changes from the standing posture in 8A to the sitting posture in 8B.

[0116] Step 502: The process of moving the first material to the target display area in the media feed page.

[0117] In practice, the terminal can only present the process of the first material moving to the target display area in the media feed page when the movement condition is met. For example, when the movement condition is met, the process of the first material moving into the media feed page and then moving to the target display area in the media feed page can be presented; or the first material, independent of the media feed, can be presented first, with the first material displayed statically at the target position, and then the process of the first material moving to the target display area can be presented when the movement condition is met.

[0118] In practical applications, the movement parameters of the first material include movement speed, movement path, and movement direction. Here, the movement direction can be up, down, left, right, etc. The movement parameters can be preset or determined according to the category to which the first material belongs. For example, different categories correspond to different movement parameters. They can also be determined according to the user's swipe operation. For example, different swipe speeds correspond to different movement speeds, and different swipe directions correspond to different movement directions.

[0119] As an example, the movement parameters of the first material are preset. For example, if the target display area is located on the right side of the media feed page, the movement direction is set to the right, and the process of the first material moving from the left side of the media feed page to the right to the target display area is presented.

[0120] In some embodiments, the terminal may present a first material independent of the media feed in the following ways: presenting the first material independent of the media feed at a target location in the media feed page, with the first material displayed statically at the target location; correspondingly, presenting the process of the first material moving to the target presentation area in the media feed page in the following ways: presenting the display duration of the first material statically displayed at the target location; and presenting the process of the first material moving to the target presentation area in the media feed page when the display duration reaches a duration threshold.

[0121] The movement condition here is the display duration of the first material displayed statically at the target position. In actual implementation, timing begins after the first material is fully displayed at the target position to obtain the display duration of the first material displayed statically at the target position. This timing can be achieved using a timer. The display duration is compared with a duration threshold. When the display duration reaches the duration threshold, the process of the first material moving to the target display area in the media information stream page is presented. When the display duration does not reach the duration threshold, the first material continues to be controlled to remain statically displayed at the target position.

[0122] As an example, the process of the first material moving in from one side of the media feed page, moving and hovering to the target position in the media feed page is presented; when the first material hovers to the target position, the timer starts, and the duration threshold is set to 15 seconds. When the timer reaches 15 seconds, the process of the first material moving to the target display area in the media feed page is presented.

[0123] In some embodiments, the process of moving the first material to the target display area in the media feed page is presented in the following manner: in response to a swipe operation on the media feed page, the media feed presented in the media feed page is updated along with the swipe operation, and when the swipe speed corresponding to the swipe operation is lower than a speed threshold, the process of moving the first material to the target display area in the media feed page is presented.

[0124] The movement condition here is that the swiping speed is below a speed threshold. In actual implementation, the user swipes to move the media feed page. The terminal determines the swipe direction and distance corresponding to the swipe operation, and then controls the swiping of the media feed page based on the swipe direction and distance. The swipe direction of the media feed page is opposite to the swipe direction corresponding to the swipe operation, and the swipe distance of the media feed page is proportional to the swipe distance corresponding to the swipe operation.

[0125] In practical applications, the sliding direction can be determined by recording the starting and ending coordinates of the sliding operation. If the ordinate of the ending sliding is greater than the ordinate of the starting sliding, the sliding direction is upward, and the media feed page slides downward; otherwise, the sliding direction is downward, and the media feed page slides upward. The sliding distance can be obtained by subtracting the starting sliding coordinate from the ending sliding coordinate.

[0126] The swiping speed here refers to the speed at which the media feed page scrolls based on the swipe operation. In actual implementation, the swiping speed can be calculated as "Swiping speed = (End swipe position - Start swipe position) / (Page stop time - Start swipe time)". This speed is then compared to a speed threshold. When the swiping speed corresponding to the swipe operation is lower than the speed threshold, the first clip moves to the target display area on the media feed page; otherwise, the first clip remains stationary at the target position. For example, the speed threshold can be set to 12,000 pixels per second. Therefore, when a swiping speed lower than 12,000 pixels per second is detected, the first clip moves to the target display area on the media feed page.

[0127] In some embodiments, the movement condition is that the media feed page stops scrolling, and the duration of the swiping stop reaches a duration threshold. In actual implementation, since users perform swiping operations on the media feed page while browsing, the process of the first material moving to the target display area on the media feed page is only presented when the media feed page is not scrolled and the duration of the swiping stop reaches the duration threshold; that is, the timing starts from when the media feed page stops scrolling, and when the timing reaches the duration threshold, the process of the first material moving to the target display area on the media feed page is presented.

[0128] In some embodiments, after the first material is suspended at the target position, when the user triggers a swipe operation on the media feed page, the terminal can control the movement of the first material. Different swipe directions can correspond to different movement parameters, including movement path, movement direction, movement speed, etc. For example, the movement direction and the swipe direction can be opposite. When the swipe direction is upward, the first material is controlled to move downward, and when the swipe direction is downward, the first material is controlled to move upward.

[0129] As an example, the first material moves into the media feed page from the top, moves to the target position, and stays there. When a user swipes down, that is, when the user browses information that has already been viewed, the first material moves upward until it moves out of the media feed page from the top.

[0130] As an example, the first material moves into the media feed page from the left side, moves to the target position, and stays at the target position; when a user swipes down, the first material moves to the right until it moves out of the media feed page from the left side.

[0131] In some embodiments, the terminal may present the process of the first material moving to the target presentation area in the media feed page in the following manner: when the media feed contains media information corresponding to the first material, the area where the media information corresponding to the first material is located is taken as the target presentation area; present the process of the first material moving to the target presentation area in the media feed page.

[0132] The condition for movement here is that the media information stream contains media information corresponding to the first material. In actual implementation, if the media information stream contains media information corresponding to the first material when the media information stream page is displayed, then the area where the media information corresponding to the first material is located is directly taken as the target display area; the process of moving the first material to the target display area in the media information stream page is presented.

[0133] When the media feed page is displayed, the user can trigger a swipe operation on the media feed page. Accompanying the swipe operation, the media feed displayed on the media feed page is updated. When the updated media feed contains media information corresponding to the first material, the area where the media information corresponding to the first material is located is taken as the target display area. The process of displaying the first material moving to the target display area in the media feed page is then described.

[0134] In practice, keywords contained in media information streams can be obtained, and then matched with the category of the first material.

[0135] In some embodiments, the terminal may present the process of moving the first material to the target display area in the media feed page in the following manner: classifying the first material to obtain the category to which the first material belongs; obtaining a movement method that matches the category; and presenting the process of moving the first material to the target display area in the media feed page in a movement method that matches the category.

[0136] In actual implementation, the correspondence between each category and the movement method is pre-set. The movement method can include at least one of the following parameters: the movement path of the first material, the movement speed, and the presentation form of the first material during movement. The terminal can obtain the identification information of the first material and classify the first material according to the identification information, such as determining the category to which the first material belongs based on the material tag of the first material; or, the terminal can perform content recognition on the first material to classify the first material.

[0137] As an example, when the content of the first material is identified and it is determined to belong to the category of cat, the movement method corresponding to the cat is determined, such as a straight movement path. When the first material moves, the cat is presented jumping, thus showing the process of the cat jumping along a straight line to the target display area. When the content of the first material is identified and it is determined to belong to the category of monkey, the movement method corresponding to the monkey is determined, such as a pole vaulting shape and a movement path corresponding to the arc of a pole vault.

[0138] Step 503: When the first material moves to the target display area, the target media information is displayed in the target display area.

[0139] The target media information includes a first source image and a second source image adapted to the first source image. For example, the first source image could be a cat, the second source image could be a cardboard box, and the corresponding target media information could be an image showing a cat lying in a cardboard box.

[0140] In actual implementation, when the first material moves to the target display area, the presentation of the first material is canceled, and the target media information is presented in the target display area. The timing of canceling the presentation of the first material and the timing of presenting the target media information are consistent to make the images seamless, creating the feeling that the first material has entered the second material and enhancing the sense of space on the media information flow page.

[0141] As an example, during a user's browsing of a media feed page, the terminal presents a first piece of content moving from the top of the media feed page. When the first piece of content reaches the target position, it stops moving and hovers there. When a movement condition is detected, such as the media feed page stopping scrolling and the duration of the stoppage reaching a certain threshold, the first piece of content is presented moving from the target position to the target display area. When the first piece of content reaches the target display area, it is canceled from being presented, and the target media information is presented in the target display area, so that the first piece of content is integrated into the second piece of content.

[0142] For example, Figure 9 This is a schematic diagram of a media information stream page provided in an embodiment of this application. See also... Figure 9 The first material 601 moves from the top of the media feed page into the media feed page. When it moves to the target position shown in 9A, it hovers and stays at the target position. When the media feed page stops scrolling and the duration of the scrolling stops reaches the duration threshold, the process of the first material 601 moving from the target position shown in 9A to the position shown in 9B is presented. Here, the position of the second material (cardboard box) in 9B is the target display area. When the first material 601 moves to the position of the second material (cardboard box), the presentation of the first material 601 is canceled, and the second material is switched to the target media information 903 to create the feeling of a cat jumping into a cardboard box.

[0143] In some embodiments, before canceling the presentation of the first material, the terminal may insert a target information flow card containing the second material into the media information flow page when the media information in the media information flow is presented as an information flow card, and adjust the presentation position of the information flow cards corresponding to other media information in the media information flow; the presentation area of ​​the target information flow card is taken as the target presentation area; accordingly, the presentation of the first material is canceled in the following way, and the target media information is presented in the target display area: when the first material moves to the position of the second material in the target information flow card, the presentation of the first material is canceled, and the second material in the target information flow card is switched to the target media information.

[0144] In practice, the target feed card is inserted between the feed cards corresponding to two adjacent media feeds in the original media feed. After inserting the target feed card, the presentation position of the feed cards corresponding to the media feeds above and / or below the target feed card is adjusted; for example, the media feed below the target feed card is moved downwards. The process of the first material moving to the presentation area of ​​the target feed card is shown, and when the first material moves to the position of the second material, the presentation of the first material is canceled, and the second material in the target feed card is switched to the target media feed. This creates the feeling that the first material is moving into the second material, enhancing the sense of space on the media feed page.

[0145] As an example, see Figure 9 Compared to 9A, 9B inserts a target information flow card 902 into the media information flow page and moves the information flow card below the target information flow card downwards. The target information flow card contains a second material (cardboard box). When the first material (cat) 902 moves to the position of the second material, that is, when it moves from the position of the first material 601 in 9A to the position of the first material 601 in 9B, the first material 601 is de-presented, and the second material is switched to the target media information 903 (containing the cat and the cardboard box). In this way, the feeling of the cat jumping into the box is created, which enhances the sense of space on the media information flow page.

[0146] In practical applications, the area where the target information stream card can be inserted can also be preset. That is, the target information stream card can only be inserted into the preset area. Before inserting the target information stream card, it is necessary to determine a position that is in the insertable area and between two adjacent media information stream cards, and insert the target information stream card at this position.

[0147] In some embodiments, the terminal may insert a target information stream card containing the second material into the media information stream page and adjust the presentation position of the information stream cards corresponding to other media information in the media information stream in the following manner: obtain the insertion position of the target information stream card; at the insertion position, present the process of expanding the target information stream card, and during the expansion of the target information stream card, adjust the presentation position of the information stream cards corresponding to other media information in the media information stream according to the size of the expanded information stream card.

[0148] In actual implementation, the process of unfolding information flow cards can be presented, that is, the process of gradually increasing the size of information flow cards, so that the second material in the information flow cards can be gradually presented; and during the unfolding of the target information flow card, the information flow cards corresponding to other media information are gradually moved according to the size of the unfolded target information flow card, so as to avoid the target information flow card from obscuring the information flow cards corresponding to other media information.

[0149] For example, Figure 10 This is a schematic diagram of a media information stream page provided in an embodiment of this application. See also... Figure 10 As the target information flow card 1001 unfolds, that is, as the target information flow card 1001 in 10A unfolds into the target information flow card 1001 in 10B, the information flow card 1002 located below the target information flow card is moved downward according to the size of the unfolded target information flow card. The larger the size, the greater the downward movement distance. Here, the position of the information flow card 1002 in 10B is lower than the position of the information flow card 1002 in 10A.

[0150] In some embodiments, when the media information in the media stream is presented as a stream card, a first stream card in the target display area is determined; and a process is performed to switch the first stream card to a second stream card corresponding to the target media information.

[0151] In practical implementation, a feed card switching method can also be used to present a second feed card corresponding to the target media information. This involves acquiring the first feed card located in the target display area, de-presenting the first feed card, and then presenting the second feed card in the same position as the first feed card. In practical applications, when switching from the first feed card to the second feed card, the presentation positions of feed cards corresponding to other media information in the media feed can be adaptively adjusted based on the sizes of the first and second feed cards.

[0152] The first information flow card here can be any information flow card in the target display area, or the information flow card corresponding to the media information corresponding to the first material can be used as the first information flow card.

[0153] In some embodiments, after presenting target media information in the target display area, the terminal may, in response to a viewing operation on the target media information, gradually increase the size of the target information flow card corresponding to the target media information when the target media information is presented in the form of an information flow card, so as to present the details page of the corresponding target media information.

[0154] In actual implementation, users can trigger a viewing operation for target media information. The terminal will then display a details page for the corresponding target media information. Here, after the user triggers the viewing operation for the target media information, the size of the target information stream card corresponding to the target media information is gradually increased, and the descriptive information of the target media information, such as images or text describing the target media information, is displayed in the target information stream card. When the size of the target information stream card is the same as the display area size of the screen, the target information stream card is used as the details page for the corresponding target media information.

[0155] In practical applications, as the size of the target information flow card increases, the target information flow card can gradually cover the information flow cards corresponding to other media information in the media information flow page; or, as the size of the target information flow card increases, the information flow cards corresponding to other media information in the media information flow page can be gradually moved out according to the size of the target information flow card.

[0156] Here, as the information flow cards corresponding to other media information are gradually moved out of the media information flow page according to the size of the target information flow card, the information flow cards corresponding to other media information can increase their size during the moving process to create the feeling of moving forward.

[0157] As an example, Figure 11 This is a schematic diagram illustrating the presentation of the details page provided in an embodiment of this application. See also: Figure 11 When a user clicks on the target information flow card corresponding to the target media information, the size of the target information flow card 1101 gradually increases from 11A to 11D. For example, the size of the target information flow card 1101 in 11B is larger than the size of the target information flow card 1101 in 11A. At the same time, the information flow cards corresponding to other media information 1102 in the media information flow page expand outward. For example, compared to 11A, the size of other media information 1102 in 11B increases and its presentation position moves outward.

[0158] In some embodiments, the terminal may also update the information content in the target information flow card as the size of the target information flow card increases, so that the information content increases as the size of the target information flow card increases.

[0159] In actual implementation, as the size of the target information flow card increases, descriptive information of the target media information is presented in the target information flow card, and the content of the descriptive information in the target information flow card gradually increases as the size of the target information flow card increases.

[0160] For example, see Figure 11 As the size of the target information flow card increases, the target media information is used as the header image, and the description information of the target media information is presented in the target information flow card 1101. As the size of the target information flow card increases, the content of the description information gradually increases. For example, compared with 11A, the size of the target information flow card 1101 in 11B increases, and the content of the description information increases.

[0161] In some embodiments, descriptive information about the target media may be presented first, rather than directly. Instead, the loading status of the descriptive information is shown first. The specific information content is then loaded and presented as a details page only when other media information is moved off the media feed page and the target feed card expands to the size of the entire media feed page. For example... Figure 12 This is a schematic diagram illustrating the presentation process of the details page provided in this application embodiment. See also: Figure 12 As the target information flow card expands outward, as shown in 12A-12B, the description information 1201 of the target media information in the loading state is presented within the target information flow card. Here, as the target information flow card expands outward, the content of the description information increases. When other media information is moved out of the media information flow page and the window expands to the size of the entire media information flow page, as shown in 12C, the specific content 1202 of the description information is loaded and presented.

[0162] In some embodiments, after presenting target media information in the target display area, the method further includes: in response to a viewing operation on the target media information, presenting a details page of the corresponding target media information, moving along the target direction to a media feed page to gradually present the details page, and gradually canceling the presentation of the media feed page.

[0163] In practice, when the details page moves into the media feed page along the target direction, the process of the media feed page moving out of the media feed page along the target direction can be presented. Once the details page has completely moved in and the media feed page has completely moved out, the transition from the media feed page to the details page is achieved. Alternatively, when the details page moves into the media feed page along the target direction, the process of the details page gradually covering the media feed page can be presented. Once the details page completely covers the media feed page, the transition from the media feed page to the details page is achieved.

[0164] As an example, Figure 13 This is a schematic diagram illustrating the presentation process of the details page provided in this application embodiment. See also: Figure 13 The details page 1301 moves horizontally to the right into the media feed page 1302, as shown in 13A. The details page first covers part of the media feed page; as the movement continues, it gradually covers the media feed page until it completely covers the media feed page, as shown in 13B. When the media feed page is completely covered, only the details page 1301 can be seen.

[0165] In some embodiments, after presenting the target media information, when a swipe operation is received for the media feed page, the media feed page is swiped to switch the target media information to the second material and present the first material, showing the process of the first material moving away from the target display area, so as to create the feeling that the first material has moved out of the target media information and enhance the sense of space of the media feed page.

[0166] Here, there is no limitation on the direction of movement of the first material away from the target display area. The direction of movement can be preset or determined according to the direction of the user's swipe operation. For example, if the user's swipe operation is upward, the first material can move downward. Alternatively, it can be determined according to the direction of movement when moving into the target display area. For example, when moving into the target display area, the first material moves downward, and when moving out of the target display area, the first material moves upward.

[0167] As an example, during the process of the first material moving away from the target display area, it can move out along the same trajectory as when it entered the target display area. For example, when the first material moves into the target display area, it moves in from the top of the media feed page and then moves down to the target display area. Then, when the first material moves out of the target display area, it can move upward to move out of the target display area, and when it moves to the top of the media feed page, it moves out of the media feed page.

[0168] In some embodiments, the terminal may also respond to a click operation on the first material and present multiple candidate materials; respond to a material selection operation triggered based on the multiple candidate materials and switch the first material to the target material corresponding to the material selection operation; accordingly, the process of the first material moving to the target display area in the media feed page is presented in the following manner: presenting the process of the target material moving to the target display area in the media feed page.

[0169] In practice, users can switch between the first set of materials to select those they are interested in. This can be triggered by clicking on the first material while it is moving, or by clicking on it when it is stationary. Different candidate materials can correspond to the same or different recommended content. When different candidate materials correspond to different recommended content, users can select different materials to obtain different recommended content.

[0170] In practical applications, after switching the first material to the target material, the process of the target material moving to the target display area in the media feed page can be presented. When the target material moves to the target display area in the media feed page, target media information containing the target material and materials adapted to the target material is presented.

[0171] By applying the above embodiments, a media feed and a first material independent of the media feed are presented on the media feed page; the process of presenting the first material moving to a target display area on the media feed page is described; when the first material moves to the target display area, the presentation of the first material is canceled, and target media information is presented in the target display area; wherein, the target media information includes the first material and a second material adapted to the first material; thus, the switching from the first material to the target media information can be realized. Since the target media information contains the first material, it creates the feeling that the first material has entered the target media information, creating a sense of space on the media feed page, thereby attracting the user's attention to the target media information and increasing the click-through rate of the target media information.

[0172] The following describes an exemplary application of the embodiments of this application in a real-world scenario. In actual implementation, the terminal presents a media feed page and displays media information on the media feed page. The user browses the media information through the media feed page. During the browsing of media information, the user can trigger a swipe operation to control the swiping of the media feed page.

[0173] During the user's browsing of media information, the first material, independent of the media information stream, moves into the media information stream page. The terminal obtains the user's swipe operation. When the swipe speed corresponding to the user's swipe operation is greater than the speed threshold, that is, the swipe speed is too fast, the terminal controls the first material to stop moving and stay at the edge of the trigger area.

[0174] As an example, see Figure 6 The first element here, 601, is a cat. The cat... Figure 6 In A, the top of the media feed page moves into the media feed page, where the cat is independent of the media feed, that is, presented in a floating manner; when the cat moves to the edge of the trigger area (i.e., Figure 6 When the user's swipe gesture corresponds to a swipe speed greater than a speed threshold (above information flow card 602 in section B), the first material is controlled to stop its displacement and remain at the edge of the trigger area. Here, the cat's movement speed can correspond to the swipe speed, meaning different swipe speeds correspond to different movement speeds.

[0175] In some embodiments, after the first material stops at its designated position, if the user pauses the swipe or taps the first material, the first material can change its presentation. See [link to relevant documentation]. Figure 8 When the user clicks on the first material 601, the cat changes from the standing posture in 8A to the sitting posture in 8B.

[0176] When the media feed page stops scrolling for more than 1 second, the first clip moves from the edge of the trigger area into the trigger area, and a new feed card is inserted within the trigger area. Here, after the new feed card is inserted and the first clip overlaps with the feed card, the first clip is de-presented, and the target media information is presented in the first feed card. The target media information includes the first clip and a second clip that matches the first clip. For example, the first clip could be a cat, the second clip could be a cardboard box, and the corresponding target media information could be an image containing a cat lying in a cardboard box.

[0177] In practical applications, when inserting a new feed card, the new feed card unfolds gradually. That is, as the first material moves, the new feed card gradually unfolds, and the new feed card contains the second material. After the new feed card unfolds and the first material moves to the position of the second material in the new feed card, the first material is canceled from being displayed, and the second material in the feed card is replaced with the target media information.

[0178] Here, when the first material is canceled and the second material in the feed card is replaced with the target media information, a special effect prompt, such as vibration, can also be used.

[0179] This application simulates the role of the z-axis, establishing space through materials and information flow, making the process of adding new information flow cards more natural and interesting, and visually creating a sense of space in a two-dimensional media information flow page.

[0180] Here, in a three-dimensional coordinate system, if the directions of the X and Y axes are known, the positive direction of the Z-axis can be determined using the right-hand rule. Place the back of your right hand close to the screen, with your thumb pointing in the positive direction of the X-axis. Figure 14 This is a schematic diagram of the z-axis provided in an embodiment of this application. See also... Figure 14 Extend your index and middle fingers, with your index finger pointing in the positive direction of the Y-axis and your middle finger pointing in the positive direction of the Z-axis.

[0181] As an example, Figure 15 This is a schematic diagram of material changes with the addition of the z-axis provided in an embodiment of this application. See also... Figure 15 As shown in 15A, the material before adding the z-axis is two-dimensional, and as shown in 15B, it becomes three-dimensional after adding the z-axis.

[0182] In practical applications, this application completes the content transition through three animations. The first animation moves the first material into the media feed page and stays outside the trigger area. The second animation moves the first material into the trigger area and then cancels the presentation of the first material. The third animation expands the feed card containing the second material and, after expansion, switches the second material to the target media information.

[0183] Here, when the user does not perform a swipe operation for more than 1 second, that is, when the media feed page does not swipe for more than 1 second, the second and third animations are executed. In the second animation, the time when the first material is canceled and the time when the second material is switched to the target media information are consistent, so as to make the images seamless and create the feeling that the first material is entering the second material.

[0184] After presenting the target media information, the user can trigger a viewing operation for that media information. Upon receiving the viewing operation, the terminal displays the details page of the target media information. In actual implementation, a z-axis perspective can also be created when displaying the details page. Here, a window is constructed based on the outer contour of the information flow card corresponding to the target media information. Other information flow cards outside the target media information's information flow card are the foreground of the window, and the content within the target media information's information flow card is the background. As the window size increases, the foreground also expands to create a sense of forward movement; and as the window size increases, the background information content gradually increases until the window expands to the size of the entire media information flow page to present the details page of the target media information. The details page also displays the descriptive information of the target media information, i.e., the content.

[0185] As an example, see Figure 11 When a user clicks on the target information feed card corresponding to the target media information, such as from 11A to 11D, the size of the target information feed card 1101 gradually increases. For example, the size of the target information feed card 1101 in 11B is larger than that in 11A. At the same time, the information feed cards corresponding to other media information 1102 in the media information feed page expand outward, as shown in 11B relative to 11A. During the process of increasing the size of the target information feed card, the target media information is used as the header image, and the description information of the target media information is presented on the target information feed card 1101. As the size of the target information feed card increases, the content of the description information gradually increases. For example, as shown in 11B relative to 11A, the size of the target information feed card 1101 increases, and the content of the description information also increases.

[0186] In some embodiments, descriptive information about the target media may be presented first, rather than directly. Instead, the loading status of the descriptive information is shown first. When other media information is moved out of the media feed page and the window expands to the size of the entire media feed page, the specific information content is then loaded to present the information details page. For example, see [link to relevant documentation]. Figure 12As the target information flow card expands outward, as shown in 12A-12B, the description information 1201 of the target media information in the loading state is presented within the target information flow card; when other media information is moved out of the media information flow page and the window expands to the size of the entire media information flow page, as shown in 12C, the specific content 1202 of the description information is loaded and presented.

[0187] The technical implementation of the media information presentation method provided in the embodiments of this application will be described below. Figure 16 This is a flowchart illustrating the media information presentation method provided in this application embodiment. See also... Figure 16 The media information presentation method provided in this application includes:

[0188] Step 1601: Control the first material, independent of the media feed, to be moved into the media feed page.

[0189] Step 1602: Receive a swipe operation for the media feed page and swipe the media feed page.

[0190] Here, the terminal determines the sliding direction corresponding to the sliding operation by recording the coordinates of the start and end of the sliding. If the end of the sliding is greater than the start of the sliding, the page slides down; otherwise, it slides up.

[0191] Step 1603: Determine whether the sliding speed corresponding to the sliding operation is greater than the speed threshold. If yes, proceed to step 1604; otherwise, proceed to step 1605.

[0192] Here, the sliding speed is calculated as "Sliding speed = (End sliding position - Start sliding position) / (Page stop time - Start sliding time)", and then compared with a speed threshold. The speed threshold can be set to 12000 pixels / second.

[0193] Step 1604: Control the first material to stay at the edge of the trigger area.

[0194] Here, the trigger area is defined as follows: its width is the same as the screen width, its height is 350 pixels, and it is located in the center of the screen.

[0195] Step 1605: Determine if the page has stopped scrolling for more than 1 second. If yes, proceed to step 1606; otherwise, proceed to step 1604.

[0196] Here, you can set a page timer. When the media feed page stops scrolling, the timer is started. If the media feed page scrolls again within one second, the timer is cleared. If the timer is not cleared within one second, it is determined that the page has been stopped scrolling for more than one second.

[0197] Step 1606: Present the process of the first material moving to the trigger area, and expand the target information flow card within the trigger area.

[0198] The first source material here can be an APNG file, and the APNG animation will play during the movement.

[0199] Step 1607: When the first material moves to the position of the second material in the target information flow card, cancel the presentation of the first material and switch the second material to the target media information.

[0200] Step 1608: Upon receiving a viewing operation for the target media information, the size of the target information stream card is enlarged to present the details page of the target media information.

[0201] As an example, Figure 17 This is a schematic diagram of the target information flow card expansion process provided in the embodiments of this application. See also: Figure 17 Initially, only a portion of the target information stream card (initial display portion 1701), i.e., the area containing the target media information, is displayed, while another portion (initial hidden portion 1702) is obscured by other media information. When the user triggers a viewing operation on the target media information, the size of the target information stream card is expanded, and the initially hidden portion is gradually revealed. During the expansion of the target information stream card, the center point of the target media information stream card moves from the center point of the screen, i.e., from center point 1 to center point 2, until the target information stream card expands to the same size as the screen, while other media information moves out of the screen display area.

[0202] By applying the above embodiments of this application, a sense of space can be created on the media information flow page, enhancing user interest and thereby increasing the conversion rate of recommended content.

[0203] The following description continues to illustrate the exemplary structure of the media information presentation device 555 provided in the embodiments of this application as a software module. In some embodiments, such as Figure 4 As shown, the software modules in the media information presentation device 555 stored in the memory 540 may include:

[0204] The first presentation module 5551 is used to present the media information stream and the first material independent of the media information stream on the media information stream page;

[0205] The mobile module 5552 is used to present the process of the first material moving to the target display area in the media information flow page;

[0206] The second presentation module 5553 presents target media information in the target display area when the first material moves to the target display area.

[0207] The target media information includes the first material and a second material adapted to the first material.

[0208] In some embodiments, the first presentation module is further configured to present the process of the first material moving in from one side of the media feed page, moving and hovering to a target position in the media feed page.

[0209] In some embodiments, the first presentation module is further configured to present a first material independent of the media information stream at a target location in the media information stream page, wherein the first material is statically displayed at the target location;

[0210] The moving module is also used to present the display duration of the first material being displayed statically at the target position;

[0211] When the display duration reaches the duration threshold, the process of moving the first material to the target display area in the media feed page is initiated.

[0212] In some embodiments, the mobile module is further configured to, in response to a swipe operation on the feed page, update the media feed displayed on the media feed page along with the swipe operation, and

[0213] When the sliding speed corresponding to the sliding operation is lower than the speed threshold, the process of the first material moving to the target display area in the media information flow page is presented.

[0214] In some embodiments, the moving module is further configured to, when the media information stream contains media information corresponding to the first material, use the area where the media information corresponding to the first material is located as the target presentation area;

[0215] The process of moving the first material to the target display area in the media feed page.

[0216] In some embodiments, the moving module is further configured to classify the first material to obtain the category to which the first material belongs;

[0217] Obtain the movement method that is suitable for the category;

[0218] The process of presenting the first material by moving it to the target presentation area in the media feed page in the manner described.

[0219] In some embodiments, the second presentation module is further configured to, when the media information in the media feed is presented in the form of a feed card, insert a target feed card containing the second material into the media feed page, and

[0220] Adjust the presentation position of the information flow cards corresponding to other media information in the media information flow;

[0221] The display area of ​​the target information flow card is taken as the target display area;

[0222] When the first material moves to the position of the second material in the target information flow card, the first material is canceled from being displayed, and the second material in the target information flow card is switched to the target media information.

[0223] In some embodiments, the second presentation module is further configured to obtain the insertion position of the target information flow card;

[0224] At the insertion position, the process of expanding the target information flow card is presented, and

[0225] During the expansion of the target information flow card, the presentation position of the information flow cards corresponding to other media information in the media information flow is adjusted according to the size of the expanded target information flow card.

[0226] In some embodiments, the second presentation module is further configured to determine the first information flow card in the target display area when the media information in the media information flow is presented in the form of an information flow card;

[0227] The process of switching the first information flow card to the second information flow card corresponding to the target media information is presented.

[0228] In some embodiments, the second presentation module is further configured to, in response to a viewing operation on the target media information, when the target media information is presented in the form of a news feed card,

[0229] Gradually increase the size of the target information flow card for the target media information to present the corresponding details page for the target media information.

[0230] In some embodiments, the second presentation module is further configured to update the information content in the target information flow card as the size of the target information flow card increases, so that the information content increases as the size of the target information flow card increases.

[0231] In some embodiments, the second presentation module is further configured to, in response to a viewing operation on the target media information, present a details page corresponding to the target media information, move along the target direction into a media feed page to gradually present the details page, and gradually cancel the presentation of the media feed page.

[0232] In some embodiments, the second presentation module is further configured to present multiple candidate materials in response to a click operation on the first material;

[0233] In response to a material selection operation triggered based on the plurality of candidate materials, the first material is switched to the target material corresponding to the material selection operation;

[0234] The process of moving the target material to the target display area in the media feed page.

[0235] This application provides a computer program product or computer program that includes computer instructions stored in a computer-readable storage medium. A processor of a computer device reads the computer instructions from the computer-readable storage medium and executes the computer instructions, causing the computer device to perform the media information presentation method described above in this application.

[0236] This application provides a computer-readable storage medium storing executable instructions. When these executable instructions are executed by a processor, they cause the processor to perform the method provided in this application, for example... Figure 5 The method shown.

[0237] In some embodiments, the computer-readable storage medium may be a memory such as FRAM, ROM, PROM, EPROM, EEPROM, flash memory, magnetic surface memory, optical disk, or CD-ROM; or it may be a variety of devices including one or any combination of the above-mentioned memories.

[0238] In some embodiments, executable instructions may take the form of a program, software, software module, script, or code, written in any form of programming language (including compiled or interpreted languages, or declarative or procedural languages), and may be deployed in any form, including as a standalone program or as a module, component, subroutine, or other unit suitable for use in a computing environment.

[0239] As an example, executable instructions may, but do not necessarily, correspond to files in a file system. They may be stored as part of a file that holds other programs or data, for example, in one or more scripts in a Hyper Text Markup Language (HTML) document, in a single file dedicated to the program in question, or in multiple collaborating files (e.g., a file that stores one or more modules, subroutines, or code sections).

[0240] As an example, executable instructions can be deployed to execute on a single computing device, or on multiple computing devices located in one location, or on multiple computing devices distributed across multiple locations and interconnected via a communication network.

[0241] The above description is merely an embodiment of this application and is not intended to limit the scope of protection of this application. Any modifications, equivalent substitutions, and improvements made within the spirit and scope of this application are included within the scope of protection of this application.

Claims

1. A method for presenting media information, characterized in that, include: The media feed page displays the media feed and also displays first materials independent of the media feed. When the media information in the media information stream is presented in the form of an information stream card, a target information stream card containing the second material is inserted into the media information stream page, and the presentation position of the information stream cards corresponding to other media information in the media information stream is adjusted. The process of presenting the first material moving to the target presentation area in the media feed page, wherein the target presentation area is the presentation area of ​​the target feed card; When the first material moves to the position of the second material in the target information flow card, the first material is canceled from being displayed, and the second material in the target information flow card is switched to target media information, and the target media information is displayed in the target display area; wherein, the target media information includes the first material and the second material adapted to the first material.

2. The method as described in claim 1, characterized in that, The presentation of the first material, independent of the media information stream, includes: The process of presenting the first material moving in from one side of the media feed page, moving and hovering to the target position in the media feed page.

3. The method as described in claim 1, characterized in that, The presentation of the first material, independent of the media information stream, includes: At a target location on the media feed page, a first piece of material, independent of the media feed, is presented, and the first piece of material is displayed statically at the target location. The process of moving the first material to the target display area in the media feed page includes: The display duration for which the first material is displayed statically at the target position; When the display duration reaches the duration threshold, the process of moving the first material to the target display area in the media feed page is initiated.

4. The method as described in claim 1, characterized in that, The process of moving the first material to the target display area in the media feed page includes: In response to a swipe operation on the media feed page, the media feed displayed on the media feed page is updated along with the swipe operation, and When the sliding speed corresponding to the sliding operation is lower than the speed threshold, the process of the first material moving to the target display area in the media information flow page is presented.

5. The method as described in claim 1, characterized in that, The process of moving the first material to the target display area in the media feed page includes: When the media information stream contains media information corresponding to the first material, the area where the media information corresponding to the first material is located will be used as the target presentation area; The process of moving the first material to the target display area in the media feed page.

6. The method as described in claim 1, characterized in that, The process of moving the first material to the target display area in the media feed page includes: The first material is classified to obtain the category to which the first material belongs; Obtain the movement method that is suitable for the category; The process of presenting the first material by moving it to the target presentation area in the media feed page in the manner described.

7. The method as described in claim 1, characterized in that, The step of inserting a target feed card containing the second material into the media feed page and adjusting the presentation position of the feed cards corresponding to other media information in the media feed includes: Obtain the insertion position of the target information flow card; At the insertion position, the process of expanding the target information flow card is presented, and During the expansion of the target information flow card, the presentation position of the information flow cards corresponding to other media information in the media information flow is adjusted according to the size of the expanded target information flow card.

8. The method as described in claim 1, characterized in that, Presenting target media information in the target display area includes: When the media information in the media information stream is presented in the form of an information stream card, the first information stream card in the target display area is determined; The process of switching the first information flow card to the second information flow card corresponding to the target media information is presented.

9. The method as described in claim 1, characterized in that, After presenting the target media information in the target display area, the method further includes: When the target media information is presented as an information flow card, in response to the viewing operation of the target media information, the size of the target information flow card of the target media information is gradually increased to present the corresponding details page of the target media information.

10. The method as described in claim 9, characterized in that, The method further includes: As the size of the target information flow card increases, the information content in the target information flow card is updated so that the information content increases as the size of the target information flow card increases.

11. The method as described in claim 1, characterized in that, After presenting the target media information in the target display area, the method further includes: In response to a viewing operation on the target media information, a details page corresponding to the target media information is presented, the media information stream page is moved along the target direction to gradually present the details page, and the presentation of the media information stream page is gradually canceled.

12. A media information presentation device, characterized in that, include: The first presentation module is used to present the media information stream and the first material independent of the media information stream on the media information stream page; The second presentation module is used to insert a target information flow card containing the second material into the media information flow page when the media information in the media information flow is presented in the form of an information flow card, and to adjust the presentation position of the information flow cards corresponding to other media information in the media information flow. The moving module is used to present the process of the first material moving to the target presentation area in the media information flow page, wherein the target presentation area is the presentation area of ​​the target information flow card; The second presentation module is further configured to, when the first material moves to the position of the second material in the target information flow card, cancel the presentation of the first material, switch the second material in the target information flow card to target media information, and present the target media information in the target display area; wherein, the target media information includes the first material and the second material adapted to the first material.

13. The apparatus as claimed in claim 12, characterized in that, The first presentation module is further configured to: The process of presenting the first material moving in from one side of the media feed page, moving and hovering to the target position in the media feed page.

14. The apparatus as claimed in claim 12, characterized in that, The first presentation module is further configured to: At a target location on the media feed page, a first piece of material, independent of the media feed, is presented, and the first piece of material is displayed statically at the target location. The mobile module is also used for: The first material is displayed statically at the target location for a specified duration; when the display duration reaches a duration threshold, the first material is moved to the target display area in the media feed page.

15. The apparatus as claimed in claim 12, characterized in that, The mobile module is also used for: In response to a swipe operation on the media feed page, the media feed presented on the media feed page is updated along with the swipe operation, and when the swipe speed corresponding to the swipe operation is lower than a speed threshold, the process of moving the first material to the target presentation area on the media feed page is presented.

16. The apparatus as claimed in claim 12, characterized in that, The mobile module is also used for: When the media information stream contains media information corresponding to the first material, the area where the media information corresponding to the first material is located will be used as the target presentation area; The process of moving the first material to the target display area in the media feed page.

17. The apparatus as claimed in claim 12, characterized in that, The mobile module is also used for: The first material is classified to obtain the category to which the first material belongs; a movement method adapted to the category is obtained; and the first material is presented as a target display area in the media information flow page using the movement method.

18. A computer device, characterized in that, include: Memory, used to store executable instructions; A processor, when executing executable instructions stored in the memory, implements the method for presenting media information as described in any one of claims 1 to 11.

19. A computer-readable storage medium, characterized in that, It stores executable instructions for use by a processor to implement the media information presentation method according to any one of claims 1 to 11.

20. A computer program product comprising computer instructions, characterized in that, When the computer instructions are executed by the processor, they implement the media information presentation method according to any one of claims 1 to 11.

Images