An information presentation method, device and computer readable storage medium

Abstract

The application provides an information presentation method, device and computer readable storage medium; the method comprises the following steps: presenting first multimedia information in a first region of a screen; obtaining a moving track between the first region and a second region of the screen, wherein the first region and the second region are in a relationship of belonging, and the information presentation direction of the first region and the information presentation direction of the second region are the same; when the presentation of the first multimedia information ends, rendering a linkage animation based on the moving track, wherein the linkage animation refers to an animation for transitioning from the presented first multimedia information to the presentation of second multimedia information on the second region; and when the rendering of the linkage animation is completed, presenting the second multimedia information in the second region. Through the application, the switching effect of the presentation of two kinds of multimedia information in two regions can be improved.

Description

Technical Field

[0001] This application relates to information processing technology in the field of computer applications, and more particularly to an information presentation method, device and computer-readable storage medium. Background Technology

[0002] In the process of switching between two multimedia information presented in two areas, one type of multimedia information is usually presented in one area first, and then the other type of multimedia information is presented directly in the other area after the presentation of the first type of multimedia information is completed. In this way, the presentation of the two types of multimedia information is independent and unconnected, resulting in a poor switching effect between the two types of multimedia information presented in two areas. Summary of the Invention

[0003] This application provides an information presentation method, apparatus, device, and computer-readable storage medium that can improve the switching effect of two types of multimedia information presented in two regions.

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

[0005] This application provides an information presentation method, including:

[0006] The first multimedia information is presented in the first area of ​​the screen;

[0007] Obtain the movement trajectory between the first region and the second region of the screen, wherein the first region and the second region are related, and the information presentation direction of the first region and the information presentation direction of the second region are the same;

[0008] When the presentation of the first multimedia information ends, a linked animation is rendered based on the movement trajectory, wherein the linked animation refers to the animation that transitions from the presentation of the first multimedia information to the presentation of the second multimedia information in the second area;

[0009] When the linked animation is rendered, the second multimedia information is presented in the second area.

[0010] This application provides an information presentation device, including:

[0011] The first presentation module is used to present first multimedia information in a first area of ​​the screen;

[0012] The trajectory acquisition module is used to acquire the movement trajectory between the first area and the second area of ​​the screen, wherein the first area and the second area are related, and the information presentation direction of the first area and the information presentation direction of the second area are the same;

[0013] An animation rendering module is used to render a linked animation based on the movement trajectory when the presentation of the first multimedia information ends, wherein the linked animation refers to the animation that transitions from the presentation of the first multimedia information to the presentation of the second multimedia information in the second area;

[0014] The second presentation module is used to present the second multimedia information in the second area when the linked animation rendering is completed.

[0015] In this embodiment of the application, the second region is a sub-region of the first region; the animation rendering module is further configured to draw an animation background matching the first region; on the animation background, the presentation boundary of the first multimedia information is moved based on the movement trajectory, wherein the linkage animation is an animation on the animation background that moves the presentation boundary of the first multimedia information based on the movement trajectory.

[0016] In this embodiment of the application, the trajectory acquisition module is further configured to acquire the displacement of the first region moving to the second region; determine the movement rate between the first region and the second region of the screen based on the displacement and the animation duration threshold; and determine at least one of the displacement and the animation duration threshold, as well as the movement rate, as the movement trajectory.

[0017] In this embodiment of the application, the region edges of the first region include a first left region edge, a first right region edge, a first upper region edge, and a first lower region edge; the region edges of the second region include a second left region edge, a second right region edge, a second upper region edge, and a second lower region edge. The trajectory acquisition module is further configured to acquire the upper region edge distance between the first upper region edge and the second upper region edge; acquire the lower region edge distance between the first lower region edge and the second lower region edge; acquire the left region edge distance between the first left region edge and the second left region edge; acquire the right region edge distance between the first right region edge and the second right region edge; and determine the upper region edge distance, the lower region edge distance, the left region edge distance, and the right region edge distance as the displacement for the first region to move towards the second region.

[0018] In this embodiment of the application, the trajectory acquisition module is further configured to acquire the starting position of the height of the first region; acquire the starting position of the height of the second region; and determine the height difference between the starting position of the height of the first region and the starting position of the height of the second region as the distance between the upper region edge of the first upper region and the upper region edge of the second upper region.

[0019] In this embodiment of the application, the trajectory acquisition module is further configured to acquire the height of the first region; acquire the height of the second region; sum the height of the first region with the height starting position of the first region to determine the first height; sum the height of the second region with the height starting position of the second region to determine the second height; and determine the height difference between the first height and the second height as the distance between the lower region edges of the first and second lower regions.

[0020] In this embodiment of the application, both the first multimedia information and the second multimedia information are video information.

[0021] In this embodiment of the application, the information presentation device further includes a resource acquisition module, used to send a resource download request to the system server through a client, wherein the client is a backend server of the system server; and to receive a pair of resources to be presented sent by the system server in response to the resource download request, wherein the pair of resources to be presented includes the first multimedia information and the second multimedia information, the first multimedia information and the second multimedia information being obtained by splitting the video to be presented.

[0022] In this embodiment of the application, the first presentation module is further configured to load the first multimedia information from the resource pair to be presented through the client, and present the first multimedia information in the first area of ​​the screen.

[0023] In this embodiment of the application, the second presentation module is further configured to present the second multimedia information in the resource pair to be presented in the second area through the client when the linkage animation rendering is completed.

[0024] In this embodiment of the application, the information presentation device further includes a client launch module, used to launch the client in response to a client launch command.

[0025] In this embodiment of the application, the first presentation module is further configured to present the first multimedia information in the first area of ​​the screen during the startup process of the client.

[0026] In this embodiment of the application, the resource acquisition module is further configured to send the resource download request to the system server during the previous operation of the client.

[0027] In this embodiment of the application, the resource acquisition module is further configured to receive a sequence of resource pairs sent by the system server in response to the resource download request; select a sub-sequence of resource pairs that matches the client startup time from the sequence of resource pairs; and determine the highest priority resource pair in the sub-sequence of resource pairs that meets the presentation conditions as the resource pair to be presented, wherein the presentation conditions are determined based on the maximum number of presentations.

[0028] In this embodiment of the application, the first presentation module is further configured to load the first multimedia information from the resource pair to be presented through the client, and generate additional rendering information corresponding to the first multimedia information, wherein the additional rendering information is a prompt message for interacting with the first multimedia information; present the first multimedia information in the first area of ​​the screen, and render the additional rendering information on the presented first multimedia information.

[0029] In this embodiment of the application, the information presentation device further includes a preloading module for preloading the second multimedia information from the resource pair to be presented.

[0030] In this embodiment of the application, the second presentation module is further configured to present the preloaded second multimedia information in the second area through the client when the linked animation rendering is completed.

[0031] In this embodiment of the application, the preloading module is further configured to obtain the current presentation duration of the first multimedia information; and based on the comparison result of the current presentation duration and the presentation duration threshold, preload the second multimedia information from the resource pair to be presented.

[0032] In this embodiment of the application, the second presentation module is further configured to, when the linked animation rendering is completed, determine the playback progress corresponding to the already presented duration in the video to be presented based on the already presented duration of the first multimedia information; and play the video to be presented from the playback progress position to present the second multimedia information in the second area.

[0033] In this embodiment of the application, the information presentation device further includes a resource cancellation module, which is used to trigger a countdown process for the duration threshold of the animation when the presentation of the first multimedia information ends; when the countdown process ends, it is determined that the rendering of the linked animation is completed, and the animation resource is cancelled.

[0034] In this embodiment of the application, the first region is a sub-region of the second region; the animation rendering module is further configured to present the second multimedia information in the first region; and move the presentation boundary of the second multimedia information based on the movement trajectory, wherein the linkage animation is an animation of moving the presentation boundary of the second multimedia information based on the movement trajectory.

[0035] This application provides an information presentation device, including:

[0036] Memory, used to store executable instructions;

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

[0038] This application provides a computer-readable storage medium storing executable instructions for inducing a processor to execute and implement the information presentation method provided in this application.

[0039] The embodiments of this application have at least the following beneficial effects: by acquiring the movement trajectory between two regions, and at the end of the presentation of one type of multimedia information (first multimedia information), rendering an animation based on the movement trajectory to transition from the presentation of the first multimedia information to the presentation of the second multimedia information in the second region, a seamless connection between the presentation of the two types of multimedia information in the two regions is achieved; thus, the information presentation method provided by the embodiments of this application can improve the switching effect of the presentation of the two types of multimedia information in the two regions. Attached Figure Description

[0040] Figure 1 This is an optional architecture diagram of the information presentation system provided in the embodiments of this application;

[0041] Figure 2 This is provided by the embodiments of this application. Figure 1 A schematic diagram of the composition structure of one type of terminal;

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

[0043] Figure 4a This is an exemplary information presentation diagram provided in an embodiment of this application;

[0044] Figure 4b This is another exemplary information presentation diagram provided in the embodiments of this application;

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

[0046] Figure 6 This is an exemplary schematic diagram of obtaining the edge distance of the upper region provided in an embodiment of this application;

[0047] Figure 7 This is an exemplary schematic diagram of obtaining the edge distance of a lower region provided in an embodiment of this application;

[0048] Figure 8 This is another optional flowchart illustrating the information presentation method provided in the embodiments of this application;

[0049] Figure 9 This is a flowchart illustrating an exemplary information presentation method provided in an embodiment of this application;

[0050] Figure 10 This is an exemplary resource pair sequence diagram provided in an embodiment of this application;

[0051] Figure 11 This is an exemplary schematic diagram of obtaining a movement trajectory provided in an embodiment of this application;

[0052] Figure 12 This is an exemplary information presentation effect diagram provided in an embodiment of this application. Detailed Implementation

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

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

[0055] In the following description, the terms "first" and "second" are used merely to distinguish similar objects and do not represent a specific ordering of objects. It is understood that "first" and "second" 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.

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

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

[0058] 1) Cloud technology refers to a hosting technology that unifies hardware, software, and network resources within a wide area network (WAN) or local area network (LAN) to achieve data computation, storage, processing, and sharing. The system server involved in this application's embodiments can be a server within a cloud platform built on cloud technology.

[0059] 2) A database is a collection of data stored together in a certain way, shared by multiple users, with minimal redundancy, and independent of application programs; it refers to an electronic filing cabinet—a place to store electronic files, where users can perform operations such as adding, querying, updating, and deleting data. A Database Management System (DBMS) is a computer software system designed to manage databases, generally possessing basic functions such as storage, retrieval, security, and backup. DBMSs can be classified according to the supported database model, such as relational or XML (Extensible Markup Language); or according to the supported computer type, such as server clusters or mobile phones; or according to the query language used, such as SQL (Structured Query Language) or XQuery; or according to performance, such as maximum scale or highest operating speed; or other classification methods. The first multimedia information, second multimedia information, images, and videos involved in the embodiments of this application can all be stored and retrieved through a database management system.

[0060] 3) The motion effects framework includes core animation, the underlying rendering performance framework, and core graphics; for example, the "QuartzCore" framework in "iOS" and "OSX" systems. In this case, core animation is "CoreAnimation" within the "QuartzCore" framework, the underlying rendering performance framework is "Metal" within the "QuartzCore" framework, and core graphics is "CoreGraphics" within the "QuartzCore" framework. This application embodiment achieves the rendering of linked animations through core animation within the motion effects framework.

[0061] 4) Core Animation is the foundation of graphics and animation rendering in the system, used to animate client-side views and other visual elements. When rendering animations with Core Animation, only a few animation parameters (such as start time) need to be configured. Furthermore, during animation rendering, the drawing of animations is primarily handled by the graphics hardware to accelerate rendering, achieve high frame rates and smooth rendering effects, and without increasing the processor load.

[0062] In the switching process where two types of multimedia information are presented in two areas, one type of multimedia information is usually presented first in one area, and then the other type of multimedia information is presented directly in the other area after the presentation of the first type of multimedia information is completed. In this way, the presentation of the two types of multimedia information is independent and unconnected, resulting in a poor switching effect between the two areas. For example, when the two types of multimedia information are a boot-up screen ad video and a giant screen ad video, the two areas correspond to the full-screen area and a portion of the screen, respectively. During client startup, the boot-up screen ad video is presented in the full-screen area, and when the boot-up screen ad video ends, the giant screen ad video is presented in the portion of the screen. The boot-up screen ad video and the giant screen ad video are presented visually independently, resulting in a poor presentation effect for both.

[0063] Based on this, embodiments of this application provide an information presentation method, apparatus, device, and computer-readable storage medium, which can improve the switching effect of two types of multimedia information presented in two regions. The following describes exemplary applications of the information presentation device provided in this application. The information presentation device provided in this application can be implemented as various types of terminals such as laptops, tablets, desktop computers, set-top boxes, and mobile devices (e.g., mobile phones, portable music players, personal digital assistants, dedicated messaging devices, portable gaming devices, smartphones, smart speakers, smartwatches, in-vehicle terminals, and smart TVs), or as a server. The following will describe exemplary applications when the device is implemented as a terminal.

[0064] See Figure 1 , Figure 1 This is an optional architecture diagram of the information presentation system provided in the embodiments of this application; as shown... Figure 1 As shown, to support an information presentation application, in the information presentation system 100, a terminal 400 (exemplarily showing graphical interfaces 400-1 to 400-4 presented on the terminal 400) connects to a server 200 (system server) via a network 300. The network 300 can be a wide area network (WAN), a local area network (LAN), or a combination of both. Additionally, the information presentation system 100 includes a database 500 for providing data support to the server 200, such as providing first multimedia information and second multimedia information.

[0065] Terminal 400 is used to send a resource download request to server 200 via network 300; and to receive a pair of resources to be presented sent by server 200 in response to the resource download request via network 300, so as to present first multimedia information in a first area of ​​the screen based on the pair of resources to be presented, such as graphical interface 400-1; to obtain the movement trajectory between the first area and a second area of ​​the screen, wherein the first area and the second area are related, and the information presentation direction of the first area and the information presentation direction of the second area are the same; when the presentation of the first multimedia information ends, based on the movement trajectory, to render a linkage animation, such as graphical interfaces 400-2 and 400-3, wherein the linkage animation refers to the animation that transitions from the presentation of the first multimedia information to the presentation of the second multimedia information in the second area; when the rendering of the linkage animation is completed, to present the second multimedia information in the second area, such as graphical interface 400-4.

[0066] Server 200 is used to receive resource download requests sent by terminal 400 via network 300, and in response to the resource download requests, send resource pairs to be presented to terminal 400 via network 300.

[0067] In some embodiments, server 200 can be a standalone physical server, a server cluster or distributed system composed of multiple physical servers, or a cloud server providing basic cloud computing services such as cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communication, middleware services, domain name services, security services, CDN (Content Delivery Network), and big data and artificial intelligence platforms. Terminals and servers can be connected directly or indirectly via wired or wireless communication, which is not limited in this embodiment.

[0068] See Figure 2 , Figure 2 This is provided by the embodiments of this application. Figure 1 A schematic diagram of the structural composition of one type of terminal. Figure 2 The terminal 400 shown includes at least one processor 410, a memory 450, at least one network interface 420, and a user interface 430. The various components in the terminal 400 are coupled together via a bus system 440. It is understood that the bus system 440 is used to implement communication between these components. In addition to a data bus, the bus system 440 also includes a power bus, a control bus, and a status signal bus. However, for clarity, ... Figure 2 The general labeled all buses as Bus System 440.

[0069] The processor 410 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.

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

[0071] The memory 450 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 450 may optionally include one or more storage devices physically located away from the processor 410.

[0072] The memory 450 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 450 described in this application embodiment is intended to include any suitable type of memory.

[0073] In some embodiments, memory 450 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.

[0074] Operating system 451 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;

[0075] The network communication module 452 is used to reach other computer devices via one or more (wired or wireless) network interfaces 420, exemplary network interfaces 420 including: Bluetooth, Wi-Fi, and Universal Serial Bus (USB), etc.

[0076] Presentation module 453 is configured to enable the presentation of information (e.g., a user interface for operating peripheral devices and displaying content and information) via one or more output devices 431 (e.g., a display screen, a speaker, etc.) associated with user interface 430;

[0077] The input processing module 454 is used to detect and translate one or more user inputs or interactions from one or more input devices 432.

[0078] In some embodiments, the information presentation device provided in this application can be implemented in software. Figure 2 An information presentation device 455 stored in memory 450 is shown. This device can be software in the form of programs and plug-ins, and includes the following software modules: a first presentation module 4551, a trajectory acquisition module 4552, an animation rendering module 4553, a second presentation module 4554, a resource acquisition module 4555, a client startup module 4556, a preloading module 4557, and a resource revocation module 4558. These modules are logically connected and can therefore be arbitrarily combined or further split according to their implemented functions. The functions of each module will be described below.

[0079] In other embodiments, the information presentation device provided in this application can be implemented in hardware. As an example, the 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 information presentation 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.

[0080] The following will describe the information presentation method provided in this application embodiment, in conjunction with exemplary applications and implementations of the terminal provided in the embodiments of this application.

[0081] See Figure 3 , Figure 3 This is an optional flowchart illustrating the information presentation method provided in this application embodiment, which will be combined with... Figure 3 The steps shown are explained.

[0082] S301, Present the first multimedia information in the first area of ​​the screen.

[0083] In this embodiment, the information presentation device first presents first multimedia information in a first area of ​​the screen. The first area can be any area of ​​the screen, such as the full-screen area or a portion of the screen. The first multimedia information is the information presented in the first area, and can be various forms of presentable information such as images and videos. It can be various types of presentable information such as advertising videos, advertising images, non-advertising videos, and non-advertising images; this embodiment does not specifically limit its scope.

[0084] It should be noted that the presentation method of the first multimedia information corresponds to the form of the first multimedia information. For example, when the first multimedia information is a video, the presentation method is a playback method; when the first multimedia information is an image, the presentation method is an image display method. Furthermore, the first area can be various shapes such as rectangle, circle, or star, and this application embodiment does not specifically limit this.

[0085] S302, Obtain the movement trajectory between the first region and the second region of the screen.

[0086] It should be noted that the information presentation method provided in this application embodiment is applied to a scenario in which multimedia information is presented in different areas, wherein the different areas include a first area and a second area of ​​the screen; and the first area and the second area are related, for example, the first area belongs to the second area, or the second area belongs to the first area; and the information presentation direction of the first area and the information presentation direction of the second area are the same, for example, the information presentation direction of the first area and the second area are both landscape, or the information presentation direction of the first area and the second area are both portrait.

[0087] In this embodiment of the application, in order to improve the switching effect of information presented in the first area to information presented in the second area, the information presentation device obtains the movement trajectory between the first area and the second area, and then improves the switching effect of information presented in the first area to information presented in the second area based on the movement trajectory.

[0088] Here, the second region can be any area on the screen, such as the full-screen area or a portion of the screen; the movement trajectory refers to the movement information from the first region to the second region, such as displacement and speed (i.e., rate), or speed and time, and the ending position and speed corresponding to the displacement. The acquisition of the movement trajectory can be performed by the information presentation device during the presentation of the first multimedia information. Furthermore, the second region can be various shapes such as rectangle, circle, or star; this embodiment does not specifically limit this, but the second region has the same shape as the first region.

[0089] S303. When the first multimedia information presentation ends, render the linked animation based on the movement trajectory.

[0090] In the embodiments of this application, when the presentation duration of the first multimedia information is a preset duration, that is, when the first multimedia information has been presented for a preset duration, it can be determined that the presentation of the first multimedia information has ended; when the information presentation device receives an end command (for example, an end command is generated by receiving an operation of clicking the close button or skip button), it can also be determined that the presentation of the first multimedia information has ended; when the first multimedia information is a video, if the last frame of the video image is played, it can also be determined that the presentation of the first multimedia information has ended; and so on. The embodiments of this application do not make specific limitations in this regard.

[0091] It should be noted that, upon determining the end of the presentation of the first multimedia information, the information presentation device renders an animation based on the movement trajectory, depicting the transition from the presentation of the first multimedia information to the presentation of the second multimedia information in the second area. This transition animation is called a linked animation. Specifically, the linked animation is a transition animation from the first area to the second area, generated based on the movement trajectory between the first and second areas.

[0092] S304. When the linked animation is rendered, the second multimedia information is presented in the second area.

[0093] In this embodiment, after the information presentation device renders the linked animation, it presents second multimedia information in the second area. The second multimedia information is the information presented in the second area and can be various forms of presentable information, such as images and videos. It can be various types of presentable information, such as advertising videos, advertising images, non-advertising videos, and non-advertising images; this embodiment does not specifically limit this. Here, the second multimedia information and the first multimedia information can be related or unrelated; when the second multimedia information and the first multimedia information are related, they can be the same image or videos that are adjacent in progress; and the first multimedia information and the second multimedia information can be from the same video source or different video sources; this embodiment does not specifically limit this.

[0094] It should be noted that the presentation method of the second multimedia information corresponds to the form of the second multimedia information. For example, when the second multimedia information is a video, the presentation method is a playback method; when the second multimedia information is an image, the presentation method is an image display method.

[0095] For example, see Figure 4a , Figure 4a This is an exemplary information presentation diagram provided in an embodiment of this application; such as Figure 4a As shown, the first multimedia information 4-11 is first presented in the first area 4-12, which includes the second area 4-13. At this time, the movement trajectory between the first area 4-12 and the second area 4-13 is the movement information from the first area 4-12 to the second area 4-13. Based on this movement information, when the first multimedia information 4-11 in the first area 4-12 ends, the linked animation 4-14 is rendered; and when the linked animation 4-14 is rendered, the second multimedia information 4-15 is presented in the second area 4-13.

[0096] See Figure 4b , Figure 4b This is another exemplary information presentation diagram provided in the embodiments of this application; as shown Figure 4b As shown, the first multimedia information 4-21 is first presented in the first area 4-22, and the second area 4-23 includes the first area 4-22. At this time, the movement trajectory between the first area 4-22 and the second area 4-23 is the movement information from the first area 4-22 to the second area 4-23. Based on this movement information, when the first multimedia information 4-21 in the first area 4-22 ends to be presented, the linked animation 4-24 is rendered; and when the linked animation 4-24 is rendered, the second multimedia information 4-25 is presented in the second area 4-23.

[0097] It is understood that by acquiring the movement trajectory between the two areas, and rendering an animation based on the movement trajectory to transition from the presentation of the first multimedia information to the presentation of the second multimedia information in the second area when the presentation of one type of multimedia information (first multimedia information) ends, a seamless connection between the presentation of the two types of multimedia information in the two areas is achieved; thus, the information presentation method provided in this application embodiment can improve the switching effect of the presentation of the two types of multimedia information in the two areas.

[0098] See Figure 5 , Figure 5 This is another optional flowchart illustrating the information presentation method provided in the embodiments of this application; such as Figure 5 As shown in the embodiment of this application, when the second region is a sub-region of the first region (i.e., the second region belongs to the first region); S303 can be implemented through S3031 and S3032; that is, the information presentation device renders a linkage animation based on the movement trajectory, including S3031 and S3032. The steps are described below.

[0099] S3031, Draw an animated background that matches the first area.

[0100] In this embodiment, when the second region is a sub-region of the first region, it indicates that the presentation mode of the larger region should be switched to the presentation mode of a portion of the larger region. Therefore, the information presentation device obtains the size of the first region and draws an animated background based on the size of the first region, such as a frosted glass effect or a background image.

[0101] It should be noted that when the first region is a rectangular region, the animation background can be drawn based on the width and height of the first region; when the first region is a circular region, the animation background can be drawn based on the radius of the first region.

[0102] S3032. On the animation background, the presentation boundary of the first multimedia information is moved based on the movement trajectory, wherein the linkage animation is the animation on the animation background that moves the presentation boundary of the first multimedia information based on the movement trajectory.

[0103] It should be noted that the movement trajectory is the movement information from the first area to the second area. The information presentation device moves the presentation boundary (e.g., the layer boundaries) of the first multimedia information on the animation background based on the movement trajectory. It is easy to see that the linked animation is the animation of moving the presentation boundary of the first multimedia information on the animation background based on the movement trajectory. Here, the size of the player view of the first multimedia information is not changed; only the layer size of the first multimedia information is changed from the size of the first area to the size of the second area based on the movement trajectory.

[0104] It is understandable that when the presentation of the first multimedia information ends in the first area, the information presentation device continues to present the first multimedia information on the drawn animation background, and changes the size of the first multimedia information layer according to the acquired movement trajectory, thereby realizing the rendering of the linked animation. Thus, when the second area is a sub-area of ​​the first area, the linked presentation of the first multimedia information and the second multimedia information is realized.

[0105] In this embodiment, S302 can be implemented through S3021 to S3023; that is, the information presentation device obtains the movement trajectory between the first area and the second area of ​​the screen, including S3021 to S3023. Each step is described below.

[0106] S3021. Obtain the displacement of the movement from the first region to the second region.

[0107] It should be noted that the information presentation device obtains the movement displacement of the first area to the second area, including: obtaining the movement displacement of the center point of the first area to the center point of the second area, or including the movement displacement of each edge of the first area to each edge of the second area, etc. The embodiments of this application do not specifically limit this.

[0108] S3022. Based on the displacement and animation duration threshold, determine the movement rate between the first region and the second region of the screen.

[0109] In this embodiment of the application, the information presentation device can obtain the duration corresponding to the linkage animation, i.e., the motion effect duration threshold; thereby, the information presentation device calculates the movement rate corresponding to the movement displacement and the motion effect duration threshold based on the displacement and time calculation speed.

[0110] S3023, determine the movement trajectory by taking at least one of the movement displacement and the dynamic effect duration threshold, as well as the movement speed.

[0111] It should be noted that the movement trajectory may include movement displacement and movement speed, or it may include a motion effect duration threshold and movement speed. It may include movement displacement, motion effect duration threshold and movement speed. This application embodiment does not specifically limit this.

[0112] In this embodiment, when both the first region and the second region are rectangular regions, the edges of the first region include the first left edge, the first right edge, the first upper edge, and the first lower edge, and the edges of the second region include the second left edge, the second right edge, the second upper edge, and the second lower edge. At this time, the displacement obtained by the information presentation device is the displacement of each edge of the first region moving towards each edge of the second region. Thus, S3021 can be implemented by S30211 to S30215. That is, the information presentation device obtains the displacement of the first region moving towards the second region, including S30211 to S30215. The steps are described below.

[0113] S30211. Obtain the distance between the upper region edges of the first upper region edge and the second upper region edge.

[0114] S30212. Obtain the distance between the lower region edges of the first and second lower regions.

[0115] S30213. Obtain the distance between the left edges of the first left region and the second left region.

[0116] S30214. Obtain the distance between the right edges of the first right region and the second right region.

[0117] It should be noted that the upper region edge distance refers to the distance between the first upper region edge and the second upper region edge, the lower region edge distance refers to the distance between the first lower region edge and the second lower region edge, the left region edge distance refers to the distance between the first left region edge and the second left region edge, and the right region edge distance refers to the distance between the first right region edge and the second right region edge.

[0118] S30215. Determine the distances of the upper region edge, lower region edge, left region edge, and right region edge as the displacement for moving from the first region to the second region.

[0119] It should be noted that the displacement includes the distance to the upper region edge, the distance to the lower region edge, the distance to the left region edge, and the distance to the right region edge; or, the displacement includes the distance to the upper region edge and the distance to the lower region edge, in which case the difference between the distance to the left region edge and the distance to the right region edge is less than the distance threshold; or, the displacement includes the distance to the left region edge and the distance to the right region edge, in which case the difference between the distance to the upper region edge and the difference between the distance to the lower region edge is less than the distance threshold; and so on. In other words, the displacement includes at least one of the distance to the upper region edge, the distance to the lower region edge, the distance to the left region edge, and the distance to the right region edge.

[0120] In this embodiment of the application, S30211 can be implemented by S302111 to S302113; that is, the information presentation device obtains the distance between the upper edge of the first upper region and the upper edge of the second upper region, including S302111 to S302113. The steps are described below.

[0121] S302111, Obtain the starting position of the height of the first region.

[0122] S302112, Obtain the starting position of the height of the second region.

[0123] It should be noted that the starting position of the height of the first region is at the top edge of the first region on the screen, and the starting position of the height of the second region is at the top edge of the second region on the screen.

[0124] S302113. The height difference between the starting position of the height of the first region and the starting position of the height of the second region is determined as the distance between the upper edge of the first upper region and the upper edge of the second upper region.

[0125] For example, see Figure 6 , Figure 6 This is an exemplary schematic diagram of obtaining the edge distance of the upper region provided in an embodiment of this application; as shown... Figure 6 As shown in screen 6-1, the distance between the starting height position 6-11 of the first region and the starting height position 6-12 of the second region is the distance 6-13 of the upper region edge.

[0126] In this embodiment, S30212 can be implemented through S302121 to S302125; that is, the information presentation device obtains the distance between the lower region edges of the first lower region edge and the second lower region edge, including S302121 to S302125. Each step is described below.

[0127] S302121, Get the height of the first region.

[0128] S302122, Get the height of the second region.

[0129] S302123. The sum of the height of the first region and the starting position of the height of the first region is determined as the first height.

[0130] Here, the first height represents the distance of the first lower region of the first region from the top edge of the screen.

[0131] S302124. The sum of the height of the second region and the starting position of the height of the second region is determined as the second height.

[0132] Here, the second height represents the distance of the second lower region of the second region from the top edge of the screen.

[0133] S302125. The height difference between the first height and the second height is determined as the distance between the lower region edges of the first and second lower regions.

[0134] It should be noted that the information presentation device calculates the height difference between the first and second heights by subtracting the second height from the first height; here, the height difference between the first and second heights is defined as the lower region edge distance.

[0135] For example, see Figure 7 , Figure 7 This is an exemplary schematic diagram of obtaining the edge distance of a lower region provided in an embodiment of this application; as shown... Figure 7 As shown in screen 7-1, the sum of the height starting position 7-11 and the height 7-12 of the first region is the first height 7-13, and the sum of the height starting position 7-14 and the height 7-15 of the second region is the second height 7-16. Here, the height difference between the first height 7-13 and the second height 7-16 is the lower region edge distance 7-17.

[0136] In this embodiment of the application, both the first multimedia information and the second multimedia information are video information; at this time, S305 and S306 are included before S301; that is, before the information presentation device presents the first multimedia information in the first area of ​​the screen, the information presentation method further includes S305 and S306, and each step will be described below.

[0137] S305. Send a resource download request to the system server through the client.

[0138] It should be noted that the information presentation device launches a client and sends a resource download request to the system server through the client, in order to obtain resources including the first multimedia information and the second multimedia information based on the sent resource download request. The client is a backend server of the system server.

[0139] S306. Receive the resource pair to be presented sent by the system server in response to the resource download request.

[0140] It should be noted that the resource pair to be presented includes first multimedia information and second multimedia information. Furthermore, the first multimedia information and second multimedia information are obtained by splitting the video to be presented; that is, the system server splits the video to be presented into first information to be presented and second information to be presented, and combines the first information to be presented and the second information to be presented into a resource pair to be presented.

[0141] Accordingly, in the embodiments of this application, S301 can be implemented through S3011; that is, the information presentation device presents the first multimedia information in the first area of ​​the screen, including S3011, which will be described below.

[0142] S3011. Load the first multimedia information from the resource pair to be presented through the client, and present the first multimedia information in the first area of ​​the screen.

[0143] It should be noted that the information presentation device reads the first multimedia information from the resource to be presented in order to load the first multimedia information and then present the first multimedia information in the first area of ​​the screen.

[0144] Accordingly, in the embodiments of this application, S304 can be implemented through S3041; that is, when the linkage animation rendering is completed, the second multimedia information is presented in the second area, including S3041, which will be described below.

[0145] S3041. When the linked animation is rendered, the second multimedia information in the resource pair to be presented is presented in the second area through the client.

[0146] It is understandable that the first and second multimedia information exist as a pair of resources to be presented. The first multimedia information or the second multimedia information is presented only at the time of presentation, which saves the resource consumption and uneven presentation effect caused by searching for the playback progress in the same playback source.

[0147] In this embodiment, S307 is included before S301; that is, before the information presentation device presents the first multimedia information in the first area of ​​the screen, the information presentation method further includes S307, which will be described below.

[0148] S307. In response to the client startup command, start the client.

[0149] Accordingly, in the embodiments of this application, S301 can also be implemented by S3012; that is, the information presentation device presents the first multimedia information in the first area of ​​the screen, including S3012, which will be described below.

[0150] S3012. During the client startup process, the first multimedia information is presented in the first area of ​​the screen.

[0151] It should be noted that when the first multimedia information is the client's startup video (e.g., a startup advertisement video) and the second multimedia information is the client's giant screen video (e.g., a giant screen advertisement), the information presentation device launches the client via a client launch command and presents the first multimedia information in the first area of ​​the screen during the client's launch process. At this time, the first area is the full-screen area.

[0152] Accordingly, in the embodiments of this application, S305 can be implemented through S3051; that is, the information presentation device sends a resource download request to the system server through the client, including S3051, which will be described below.

[0153] S3051. During the previous operation of the client, a resource download request was sent to the system server.

[0154] It should be noted that since the first multimedia information is the client's startup video and the second multimedia information is the client's giant screen video, both are presented when the client starts up; therefore, during the previous operation of the client, the information presentation device sends a resource download request to the system server to obtain the resource pair to be presented.

[0155] In this embodiment, S306 can be implemented through S3061 to S3063; that is, the information presentation device receives the resource pair to be presented sent by the system server in response to the resource download request, including S3061 to S3063. Each step is described below.

[0156] S3061. Receive the sequence of resource pairs sent by the system server in response to the resource download request.

[0157] It should be noted that in response to a resource download request, the system server sends a sequence of resource pairs to the client, including the resource pairs to be presented. Each resource pair in the sequence includes information for presentation in a first area and information for presentation in a second area, and may also include motion effect data; in addition, the resource pair to be presented is also a resource pair in the sequence.

[0158] S3062. Select a subsequence of resource pairs from the resource pair sequence that matches the client startup time.

[0159] S3063. The highest priority resource pair in the resource pair subsequence that meets the presentation conditions is determined as the resource pair to be presented, wherein the presentation conditions are determined based on the maximum number of presentations.

[0160] It should be noted that the animation data for each resource pair includes at least one of the following: animation duration, validity period, priority, and presentation count (maximum number of presentations within the installation cycle, maximum number of presentations per day). The information presentation device selects resource pairs to be presented from the resource pair sequence based on the animation data. The client startup time is the current startup time of the client; a resource pair subsequence is a sequence of resource pairs whose client startup times are within the validity period; when the presentation count of a resource pair has not reached the maximum presentation count, it indicates that the resource pair meets the presentation conditions. Additionally, the information presentation device can determine the movement rate using an animation duration threshold obtained from the animation data.

[0161] In this embodiment, S3011 can be implemented through S30111 and S30112; that is, the information presentation device loads the first multimedia information from the resource pair to be presented through the client and presents the first multimedia information in the first area of ​​the screen, including S30111 and S30112. Each step is described below.

[0162] S30111: Load the first multimedia information from the resource pair to be presented through the client, and generate additional rendering information corresponding to the first multimedia information.

[0163] It should be noted that while loading the first multimedia information, the information presentation device also generates supplementary rendering information for the presentation of the first multimedia information. This supplementary rendering information includes prompts for interacting with the first multimedia information; for example, buttons (skip button, mute button, and close button), jump prompts, and presentation prompts.

[0164] S30112. Present first multimedia information in the first area of ​​the screen, and render additional rendering information on the presented first multimedia information.

[0165] In this embodiment, the information presentation device overlays and presents the first multimedia information and the additional rendering information.

[0166] In this embodiment of the application, S3042 is included before S3041; that is, before the information presentation device presents the second multimedia information in the resource pair to be presented in the second area through the client when the linkage animation rendering is completed, the information presentation method further includes S3042, which will be described below.

[0167] S3042. Preload the second multimedia information from the resource pair to be presented.

[0168] It should be noted that when the information presentation device renders the linked animation or presents the first multimedia information, it preloads the second multimedia information in the resource pair to be presented. When the linked animation is rendered, the second multimedia information is presented in the second area directly based on the preloaded second multimedia information. This can improve the smoothness of the presentation effect of the second multimedia information and avoid stuttering.

[0169] Accordingly, in S3041, when the linked animation rendering is completed, the information presentation device presents the second multimedia information in the resource pair to be presented in the second area through the client, including: when the linked animation rendering is completed, the information presentation device presents the preloaded second multimedia information in the second area through the client.

[0170] In this embodiment of the application, when the information presentation device preloads the second multimedia information during the presentation of the first multimedia information, in S3042 the information presentation device preloads the second multimedia information from the resource pair to be presented, including: the information presentation device obtains the current presentation duration of the first multimedia information; and based on the comparison result between the current presentation duration and the presentation duration threshold, preloads the second multimedia information from the resource pair to be presented.

[0171] It should be noted that the first multimedia information corresponds to a preset presentation duration, i.e., a presentation duration threshold. For example, when the current presentation duration is more than half of the presentation duration threshold, it indicates that half of the first multimedia information has been presented. At this time, the second multimedia information is preloaded.

[0172] It is understandable that the information presentation device preloads the second multimedia information during the presentation of the first multimedia. On the one hand, this can avoid affecting the rendering performance of subsequent linked animations, improve the smoothness and frame rate of linked animation rendering, and also improve the efficiency and smoothness of presenting the second multimedia information in the second area.

[0173] In this embodiment of the application, when the linked animation rendering is completed in S304, the information presentation device presents the second multimedia information in the second area, including: when the linked animation rendering is completed, the information presentation device determines the playback progress corresponding to the already presented duration in the video to be presented based on the already presented duration of the first multimedia information; and plays the video to be presented from the playback progress to present the second multimedia information in the second area.

[0174] It should be noted that when the information presentation device receives a video to be presented, the information presentation device first plays the first multimedia information in the first area and records the playback time, i.e., the presentation duration. If the rendering of the linked animation is performed on the last frame image presented in the first multimedia information, the video to be presented is played in the second area from the playback progress corresponding to the presentation duration, so as to present the second multimedia information in the second area. If the rendering of the linked animation is performed by continuing to play the video to be presented, the video to be presented is played in the second area from the playback progress corresponding to the cumulative duration of the presentation duration and the animation duration threshold, so as to present the second multimedia information in the second area.

[0175] In this embodiment of the application, after S301 and before S304, after the information presentation device presents the first multimedia information in the first area of ​​the screen, and before the information presentation device presents the second multimedia information in the second area when the linkage animation rendering is completed, the information presentation method further includes: when the presentation of the first multimedia information ends, the information presentation device triggers a countdown process for the duration threshold of the animation; and when the countdown process ends, it determines that the linkage animation rendering is completed and cancels the animation resource.

[0176] It should be noted that the animation resources revoked by the information presentation device include, for example, the player object of the first multimedia information and the rendering resources of the linked animation (such as animation background and additional rendering information).

[0177] See Figure 8 , Figure 8 This is another optional flowchart illustrating the information presentation method provided in the embodiments of this application; as shown Figure 8 As shown in the embodiment of this application, when the first region is a sub-region of the second region (i.e., the first region belongs to the second region); S303 can also be implemented through S3033 and S3034; that is, the information presentation device renders a linkage animation based on the movement trajectory, including S3033 and S3034. The steps are described below.

[0178] S3033, Present the second multimedia information in the first area.

[0179] It should be noted that when the information presentation device completes the presentation of the first multimedia information in the first area, it also presents the second multimedia information in the first area, rendering a linked animation based on the movement trajectory and the presented second multimedia information. Here, when the second multimedia information is video, it can present only the first frame of the second multimedia information in the first area, or it can control the playback progress of the second multimedia based on the duration of the linked animation; and when the information presentation device presents the second multimedia information in the first area, the player view size of the second multimedia information is the same as the size of the second area, only the layer size of the second multimedia information is the same as the size of the first area.

[0180] S3034. The presentation boundary of the second multimedia information is moved based on the movement trajectory, wherein the linkage animation is the animation of the presentation boundary of the second multimedia information moved based on the movement trajectory.

[0181] It should be noted that the movement trajectory is the movement information from the first area to the second area. The information presentation device moves the presentation boundary of the second multimedia information presented in the first area based on the movement trajectory. It is easy to see that the linkage animation is the animation of moving the presentation boundary of the second multimedia information based on the movement trajectory. Here, the size of the player view of the second multimedia information is not changed; only the layer size of the second multimedia information is changed from the size of the first area to the size of the second area based on the movement trajectory.

[0182] It is understandable that when the presentation of the first multimedia information in the first area ends, the information presentation device presents the second multimedia information in the size of the first area, and changes the size of the layer of the second multimedia information according to the acquired movement trajectory, thereby realizing the rendering of the linkage animation. Thus, when the first area is a sub-area of ​​the second area, the linkage presentation of the first multimedia information and the second multimedia information is realized.

[0183] The following will describe an exemplary application of the embodiments of this application in a real-world application scenario.

[0184] See Figure 9 , Figure 9 This is a flowchart illustrating an exemplary information presentation method provided in an embodiment of this application; as shown below. Figure 9 As shown, this exemplary information presentation method includes:

[0185] S901. During the previous run of the application (client), download the advertising video resources (resource pair sequence).

[0186] It should be noted that, since the splash screen ad video and giant screen ad video play relatively early in the application's entire runtime from startup, the application downloads these ad video resources in advance. Specifically, the application uses Core Animation (e.g., "CoreAnimation") to create a management object "AdManager" to manage these ad video resources, load and play the splash screen and giant screen ad videos, and render the associated animations.

[0187] Here, "AdManager" downloads multiple compressed resources, namely advertising video resources, from the server (system server) and stores them on the disk.

[0188] S902. During the current startup process of the application, select the valid and highest priority resources (resource pairs to be presented) from the advertising video resources.

[0189] It should be noted that each resource in the advertising video resources includes the splash screen advertising video and the giant screen advertising video, as well as the animation file (animation data). The animation file includes the resource's playback validity period (including the start time "startTime" and the end time "endTime"), priority, maximum number of times to play per day, maximum total number of times, and animation duration (animation duration threshold).

[0190] See Figure 10 , Figure 10 This is an exemplary resource pair sequence diagram provided in an embodiment of this application; as shown... Figure 10 As shown, the advertising video resource 10-1 includes resources 10-11 and 10-12; each resource contains the same type of information. Taking resource 10-12 as an example, it includes the animation file 10-121 (dataSource.txt), the boot screen advertising video 10-122 (source_bootScreen1.mp4), and the giant screen advertising video 10-123 (source_hugeScreen1.mp4).

[0191] Here, the managed object "AdManager" reads the valid and highest priority resources from the disk based on the application's current startup time (client startup time).

[0192] S903: Read the filtered resources and play the boot screen advertisement video (first multimedia information) on the full screen (first area).

[0193] It should be noted that during the application startup process, the management object "AdManager" reads the filtered resources from the disk, reads the splash screen ad video by calling "contentOfFile", and plays the splash screen ad video in full screen. At the same time, when reading the splash screen ad video, it also creates additional rendering information such as buttons, text and images corresponding to the splash screen ad video, and renders this additional rendering information on the playing splash screen ad video interface.

[0194] S904. When the boot screen ad has played for half its duration (the current display duration is greater than half of the display duration threshold), preload the giant screen ad video (second multimedia information) from the filtered resources.

[0195] It's important to note that when the splash screen ad has played half its duration, the user is unlikely to click the close or skip button. Therefore, at this point, the management object "AdManager" begins preloading the giant screen ad video to ensure smooth animation rendering and playback of the giant screen ad video at the end of the splash screen ad. Here, the management object "AdManager" uses the "AVFoundation" framework, calling the giant screen ad video through the "pathForResource" method. The giant screen ad video is loaded into the "AVPlayerItem" model object, and a "HugeAd" instance object is created. Thus, "HugeAd" contains the "AVPlayer" player object. Passing the "HugeAd" instance object to the "AVPlayerItem" object achieves the preloading of the giant screen ad video. At this time, the height "hugeH" and the starting height position "hugeY" of the giant screen ad video are also recorded for subsequent animation rendering. After the splash screen ad video's animation rendering is complete, the playback method of "AdManager.HugeAd.AVPlayer" can be called to play the giant screen ad video.

[0196] S905. When the boot screen ad ends, trigger an animation countdown, draw a frosted glass effect (background animation) based on the screen size, and obtain the movement trajectory of the layer boundary. Using the frosted glass effect as the background, change the layer size of the boot screen video based on the movement trajectory.

[0197] It's important to note that the management object "AdManager" obtains the device width using "[UIScreen mainScreen].bounds.size.width" and the device height using "[UIScreen mainScreen].bounds.size.height", thus obtaining the screen size. Next, the management object "AdManager" creates a class called "RoundAnimation" to implement the linked animation. Based on this screen size, it calculates the start frame and key path of the linked animation: the background property "backgroundLayer" in "RoundAnimation" is of type "CALayer". A "CGMutablePath" object is created, and the width and height of "outSidePath" are set to the device width, then added to the "CGMutablePath" object using the "addPath" method. A "CAShapeLayer" object is created, and its path is set to "CGMutablePath". Finally, setting "view.layer.mask" to the "CAShapeLayer" object completes the rendering of the frosted glass effect.

[0198] It should also be noted that since the width difference between the boot-up screen ad video and the giant screen ad video is small, the movement trajectory is obtained only based on the height difference. Additionally, to limit the boundaries of the player's view, the size of the player view remains constant for the instance object; only the layer boundaries change.

[0199] See Figure 11 , Figure 11 This is an exemplary schematic diagram of obtaining a movement trajectory provided in an embodiment of this application; as shown... Figure 11As shown, on the playback interface 11-1 of the giant screen advertisement video, after obtaining the height 11-12 and the starting position 11-13 of the giant screen advertisement video, the ending coordinates 11-14 of the upper baseline and the ending coordinates 11-15 of the lower baseline can be obtained. The ending coordinate 11-14 of the upper baseline is the starting position 11-13 of the giant screen advertisement video, and its corresponding height, combined with the animation duration, determines the movement speed of the upper baseline. The ending coordinate 11-15 of the lower baseline is the sum of the starting position 11-13 and the height 11-12 of the giant screen advertisement video. Subtracting the ending coordinate 11-15 from the screen height 11-11 yields the corresponding height 11-6 (which corresponds to the height of the starting position 11-13 of the giant screen advertisement video, and is the same as the aforementioned movement displacement). This, combined with the animation duration, determines the movement speed of the lower baseline. Here, the movement speed and ending coordinates 11-14 of the upper baseline, and the movement speed and ending coordinates 11-15 of the lower baseline, together form the movement trajectory.

[0200] Here, the management object "AdManager" uses "CADisplayLink" to countdown the linked animation. After obtaining the value of the animation duration field from the animation file, it initializes the "CADisplayLink" object using the "displayLinkWithTarget:selector:" method, passing in the "target" and "selector" to the management object "AdManager" so that "AdManager" can obtain the end time of the animation duration. Based on the top and bottom baselines, a "CABasicAnimation" object BA is created. The "autoreverses" property of object BA is set to no to prevent it from returning to its initial value after the linked animation ends. Then, in the "view.layer" of the management object "AdManager", object BA is added using the "addAnimation" method.

[0201] S906. When the countdown ends, the animation ends, the resources are cancelled, and the pre-loaded giant screen advertisement video is played in the giant screen area (second area).

[0202] It should be noted that when the countdown of the "CADisplayLink" object ends, "animationStop" is called to end the linked animation effect, the relevant objects of the splash screen ad video held by the management object "AdManager" are removed, the player object of the splash screen ad video is destroyed, the drawn frosted glass effect is removed, and the playback method of "AdManager.HugeAd.AVPlayer" is called to play the giant screen ad video.

[0203] For example, see Figure 12 , Figure 12 This is an exemplary information presentation effect diagram provided in an embodiment of this application; as shown Figure 12 As shown, the exemplary information presentation process consists of interfaces 12-1 to 12-4; wherein, interface 12-1 is the presentation interface for the frame image of the boot screen advertising video; interfaces 12-2 and 12-3 are the presentation interfaces for the rendering process of the linkage animation effect; and interface 12-4 is the presentation interface for the frame image of the giant screen advertising video.

[0204] Understandably, the synchronized playback of the boot screen ad video and the giant screen ad video achieves a seamless switching effect during multimedia information playback, increasing user engagement with the information to be promoted (such as advertisements). In addition, by downloading resource pairs, no query operation is required when playing the giant screen ad video, reducing the memory space occupied by video resources and improving resource efficiency.

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

[0206] The first presentation module 4551 is used to present first multimedia information in a first area of ​​the screen;

[0207] The trajectory acquisition module 4552 is used to acquire the movement trajectory between the first area and the second area of ​​the screen, wherein the first area and the second area are related, and the information presentation direction of the first area and the information presentation direction of the second area are the same.

[0208] Animation rendering module 4553 is used to render a linked animation based on the movement trajectory when the presentation of the first multimedia information ends, wherein the linked animation refers to the animation that transitions from the presentation of the first multimedia information to the presentation of the second multimedia information on the second area;

[0209] The second presentation module 4554 is used to present the second multimedia information in the second area when the linked animation rendering is completed.

[0210] In this embodiment of the application, the second region is a sub-region of the first region; the animation rendering module 4553 is further configured to draw an animation background matching the first region; on the animation background, the presentation boundary of the first multimedia information is moved based on the movement trajectory, wherein the linkage animation is an animation on the animation background that moves the presentation boundary of the first multimedia information based on the movement trajectory.

[0211] In this embodiment of the application, the trajectory acquisition module 4552 is further configured to acquire the movement displacement of the first region to the second region; determine the movement rate between the first region and the second region of the screen based on the movement displacement and the animation duration threshold; and determine at least one of the movement displacement and the animation duration threshold, as well as the movement rate, as the movement trajectory.

[0212] In this embodiment, the edges of the first region include a first left edge, a first right edge, a first upper edge, and a first lower edge; the edges of the second region include a second left edge, a second right edge, a second upper edge, and a second lower edge. The trajectory acquisition module 4552 is further configured to acquire the upper edge distance between the first upper edge and the second upper edge; acquire the lower edge distance between the first lower edge and the second lower edge; acquire the left edge distance between the first left edge and the second left edge; acquire the right edge distance between the first right edge and the second right edge; and determine the upper edge distance, the lower edge distance, the left edge distance, and the right edge distance as the displacement for the first region to move towards the second region.

[0213] In this embodiment of the application, the trajectory acquisition module 4552 is further configured to acquire the starting position of the height of the first region; acquire the starting position of the height of the second region; and determine the height difference between the starting position of the height of the first region and the starting position of the height of the second region as the distance between the upper region edge of the first upper region and the upper region edge of the second upper region.

[0214] In this embodiment of the application, the trajectory acquisition module 4552 is further configured to acquire the height of the first region; acquire the height of the second region; sum the height of the first region with the height starting position of the first region to determine the first height; sum the height of the second region with the height starting position of the second region to determine the second height; and determine the height difference between the first height and the second height as the distance between the lower edge of the first lower region and the lower edge of the second lower region.

[0215] In this embodiment of the application, both the first multimedia information and the second multimedia information are video information.

[0216] In this embodiment of the application, the information presentation device 455 further includes a resource acquisition module 4555, which is used to send a resource download request to the system server through a client, wherein the client is a backend server of the system server; and to receive a pair of resources to be presented sent by the system server in response to the resource download request, wherein the pair of resources to be presented includes the first multimedia information and the second multimedia information, and the first multimedia information and the second multimedia information are obtained by splitting the video to be presented.

[0217] In this embodiment of the application, the first presentation module 4551 is further configured to load the first multimedia information from the resource pair to be presented through the client, and present the first multimedia information in the first area of ​​the screen.

[0218] In this embodiment of the application, the second presentation module 4554 is further configured to present the second multimedia information in the resource pair to be presented in the second area through the client when the linkage animation rendering is completed.

[0219] In this embodiment of the application, the information presentation device 455 further includes a client launch module 4556, which is used to launch the client in response to a client launch command.

[0220] In this embodiment of the application, the first presentation module 4551 is further configured to present the first multimedia information in the first area of ​​the screen during the startup process of the client.

[0221] In this embodiment of the application, the resource acquisition module 4555 is further configured to send the resource download request to the system server during the previous operation of the client.

[0222] In this embodiment of the application, the resource acquisition module 4555 is further configured to receive a sequence of resource pairs sent by the system server in response to the resource download request; select a sub-sequence of resource pairs that matches the client startup time from the sequence of resource pairs; and determine the highest priority resource pair in the sub-sequence of resource pairs that meets the presentation conditions as the resource pair to be presented, wherein the presentation conditions are determined based on the maximum number of presentations.

[0223] In this embodiment of the application, the first presentation module 4551 is further configured to load the first multimedia information from the resource pair to be presented through the client, and generate additional rendering information corresponding to the first multimedia information, wherein the additional rendering information is a prompt message for interacting with the first multimedia information; present the first multimedia information in the first area of ​​the screen, and render the additional rendering information on the presented first multimedia information.

[0224] In this embodiment of the application, the information presentation device 455 further includes a preloading module 4557, which is used to preload the second multimedia information from the resource pair to be presented.

[0225] In this embodiment of the application, the second presentation module 4554 is further configured to present the preloaded second multimedia information in the second area through the client when the linkage animation rendering is completed.

[0226] In this embodiment of the application, the preloading module 4557 is further configured to obtain the current presentation duration of the first multimedia information; and based on the comparison result of the current presentation duration and the presentation duration threshold, preload the second multimedia information from the resource pair to be presented.

[0227] In this embodiment of the application, the second presentation module 4554 is further configured to, when the linkage animation rendering is completed, determine the playback progress corresponding to the already presented duration in the video to be presented based on the already presented duration of the first multimedia information; and play the video to be presented from the playback progress position to present the second multimedia information in the second area.

[0228] In this embodiment of the application, the information presentation device 455 further includes a resource cancellation module 4558, which is used to trigger a countdown process for the duration threshold of the animation when the first multimedia information presentation ends; when the countdown process ends, it is determined that the linkage animation rendering is completed, and the animation resource is cancelled.

[0229] In this embodiment of the application, the first region is a sub-region of the second region; the animation rendering module 4553 is further configured to present the second multimedia information in the first region; and to move the presentation boundary of the second multimedia information based on the movement trajectory, wherein the linkage animation is an animation of moving the presentation boundary of the second multimedia information based on the movement trajectory.

[0230] 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 information presentation method described in this application.

[0231] 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 execute the information presentation method provided in this application, for example... Figure 3The information presentation method shown.

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

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

[0234] 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., files that store one or more modules, subroutines, or code sections).

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

[0236] In summary, this application embodiment achieves seamless transition between the presentation of two types of multimedia information in two regions by acquiring the movement trajectory between the two regions and rendering an animation based on the movement trajectory when the presentation of one type of multimedia information (first multimedia information) ends, transitioning from the presentation of the first multimedia information to the presentation of the second multimedia information in the second region. Therefore, the information presentation method provided by this application embodiment can improve the switching effect of the presentation of two types of multimedia information in two regions. Furthermore, since the first and second multimedia information are obtained in the form of resource pairs, lookup operations are avoided, improving the utilization rate of memory resources.

[0237] 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. An information presentation method, characterized in that, include: The client sends a resource download request to the system server. The receiving system server sends a pair of resources to be presented in response to the resource download request, wherein the pair of resources to be presented includes first multimedia information and second multimedia information, the first multimedia information and the second multimedia information are obtained by splitting the video to be presented; both the first multimedia information and the second multimedia information are video information; The first multimedia information is presented in the first area of ​​the screen; Obtain the movement trajectory between the first region and the second region of the screen, wherein the first region and the second region are related, and the information presentation direction of the first region and the information presentation direction of the second region are the same; When the presentation of the first multimedia information ends and the second area is a sub-area of ​​the first area, an animation background matching the first area is drawn, and the presentation boundary of the first multimedia information is moved on the animation background based on the movement trajectory; the linked animation is an animation of the presentation boundary of the first multimedia information being moved on the animation background based on the movement trajectory. When the presentation of the first multimedia information ends, and the first area is a sub-area of ​​the second area, the second multimedia information is presented in the first area, and the presentation boundary of the second multimedia information is moved based on the movement trajectory; wherein, the linkage animation is an animation of the presentation boundary of the second multimedia information being moved based on the movement trajectory; When the presentation of the first multimedia information ends, a countdown process for the animation duration threshold is triggered; When the countdown process ends, it is determined that the linked animation rendering is complete, and the animation resources are revoked; When the linked animation is rendered, based on the already presented duration of the first multimedia information, the playback progress corresponding to the already presented duration is determined in the video to be presented; the video to be presented is played from the playback progress position to present the second multimedia information in the second area.

2. The method according to claim 1, characterized in that, The step of obtaining the movement trajectory between the first region and the second region of the screen includes: Obtain the displacement of the first region as it moves to the second region; Based on the movement displacement and animation duration threshold, the movement rate between the first region and the second region of the screen is determined; The movement trajectory is determined by at least one of the displacement and the motion duration threshold, as well as the movement rate.

3. The method according to claim 2, characterized in that, The first region's edges include a first left edge, a first right edge, a first top edge, and a first bottom edge; the second region's edges include a second left edge, a second right edge, a second top edge, and a second bottom edge. The step of obtaining the displacement of the first region to the second region includes: Obtain the distance between the upper region edges of the first upper region and the second upper region; Obtain the distance between the lower region edges of the first lower region edge and the second lower region edge; Obtain the distance between the left edges of the first left region and the second left region; Obtain the distance between the right edges of the first right region and the second right region; The distances of the upper region edge, the lower region edge, the left region edge, and the right region edge are determined as the displacement for the first region to move towards the second region.

4. The method according to claim 3, characterized in that, The step of obtaining the distance between the upper region edges of the first upper region edge and the second upper region edge includes: Obtain the starting position of the height of the first region; Obtain the starting position of the height of the second region; The height difference between the starting position of the first region and the starting position of the second region is determined as the distance between the upper region edges of the first and second upper regions.

5. The method according to claim 3, characterized in that, The step of obtaining the distance between the lower region edges of the first lower region edge and the second lower region edge includes: Obtain the height of the first region; Obtain the height of the second region; The first height is determined by summing the height of the first region with the height of the starting position of the first region. The second height is determined by summing the height of the second region with the height of the starting position of the second region. The height difference between the first height and the second height is determined as the distance between the lower region edges of the first and second lower regions.

6. The method according to claim 1, characterized in that, Presenting the first multimedia information in the first area of ​​the screen includes: The client loads the first multimedia information from the resource pair to be presented and presents the first multimedia information in the first area of ​​the screen; When the linked animation rendering is completed, the second multimedia information is presented in the second area, including: When the linked animation is rendered, the second multimedia information in the resource pair to be presented is presented in the second area through the client.

7. The method according to claim 6, characterized in that, Before presenting the first multimedia information in the first area of ​​the screen, the method further includes: In response to the client startup command, the client is started; Presenting the first multimedia information in the first area of ​​the screen includes: During the startup process of the client, the first multimedia information is presented in the first area of ​​the screen; The step of sending a resource download request to the system server via the client includes: During the previous operation of the client, the resource download request was sent to the system server.

8. The method according to claim 6, characterized in that, The resource pair to be presented sent by the receiving system server in response to the resource download request includes: Receive the sequence of resource pairs sent by the system server in response to the resource download request; From the resource pair sequence, select the resource pair sub-sequence that matches the client startup time; The highest priority resource pair in the resource pair subsequence that meets the presentation conditions is determined as the resource pair to be presented, wherein the presentation conditions are determined based on the maximum number of presentations.

9. The method according to claim 6, characterized in that, The step of loading the first multimedia information from the resource pair to be presented through the client and presenting the first multimedia information in the first area of ​​the screen includes: The client loads the first multimedia information from the resource pair to be presented and generates additional rendering information corresponding to the first multimedia information, wherein the additional rendering information is a prompt message for interacting with the first multimedia information. The first multimedia information is presented in the first area of ​​the screen, and the additional rendering information is rendered on the presented first multimedia information.

10. The method according to claim 6, characterized in that, Before presenting the second multimedia information in the resource pair to be presented in the second area via the client when the linked animation rendering is completed, the method further includes: The second multimedia information is preloaded from the resource pair to be presented; When the linked animation rendering is complete, the second multimedia information in the resource pair to be presented is displayed in the second area through the client, including: When the linked animation is rendered, the preloaded second multimedia information is presented in the second area through the client.

11. An information presentation device, characterized in that, The device includes: The resource acquisition module is used to send a resource download request to the system server through the client; and to receive a pair of resources to be presented sent by the system server in response to the resource download request, wherein the pair of resources to be presented includes first multimedia information and second multimedia information, the first multimedia information and the second multimedia information are obtained by splitting the video to be presented; the first multimedia information and the second multimedia information are both video information; The first presentation module is used to present the first multimedia information in a first area of ​​the screen; The trajectory acquisition module is used to acquire the movement trajectory between the first area and the second area of ​​the screen, wherein the first area and the second area are related, and the information presentation direction of the first area and the information presentation direction of the second area are the same; An animation rendering module is used to draw an animation background matching the first area when the presentation of the first multimedia information ends and the second area is a sub-area of ​​the first area, and to move the presentation boundary of the first multimedia information on the animation background based on the movement trajectory; the linked animation is an animation of moving the presentation boundary of the first multimedia information on the animation background based on the movement trajectory. When the presentation of the first multimedia information ends, and the first area is a sub-area of ​​the second area, the second multimedia information is presented in the first area, and the presentation boundary of the second multimedia information is moved based on the movement trajectory; wherein, the linkage animation is an animation of the presentation boundary of the second multimedia information being moved based on the movement trajectory; The resource revocation module is used to trigger a countdown process for the animation duration threshold when the first multimedia information presentation ends; when the countdown process ends, it is determined that the linkage animation rendering is complete, and the animation resource is revoked. The second presentation module is used to determine the playback progress corresponding to the already presented duration in the video to be presented based on the already presented duration of the first multimedia information when the linked animation rendering is completed; and to play the video to be presented from the playback progress position so as to present the second multimedia information in the second area.

12. The apparatus according to claim 11, characterized in that, The trajectory acquisition module is also used for: Obtain the displacement of the first region as it moves to the second region; Based on the movement displacement and animation duration threshold, the movement rate between the first region and the second region of the screen is determined; The movement trajectory is determined by at least one of the displacement and the motion duration threshold, as well as the movement rate.

13. The apparatus according to claim 12, characterized in that, The first region's edges include a first left edge, a first right edge, a first top edge, and a first bottom edge; the second region's edges include a second left edge, a second right edge, a second top edge, and a second bottom edge. The trajectory acquisition module is also used for: Obtain the distance between the upper region edges of the first upper region and the second upper region; Obtain the distance between the lower region edges of the first lower region edge and the second lower region edge; Obtain the distance between the left edges of the first left region and the second left region; Obtain the distance between the right edges of the first right region and the second right region; The distances of the upper region edge, the lower region edge, the left region edge, and the right region edge are determined as the displacement for the first region to move towards the second region.

14. The apparatus according to claim 13, characterized in that, The trajectory acquisition module is also used for: Obtain the starting position of the height of the first region; Obtain the starting position of the height of the second region; The height difference between the starting position of the first region and the starting position of the second region is determined as the distance between the upper region edges of the first and second upper regions.

15. The apparatus according to claim 13, characterized in that, The trajectory acquisition module is also used for: Obtain the height of the first region; Obtain the height of the second region; The first height is determined by summing the height of the first region with the height of the starting position of the first region. The second height is determined by summing the height of the second region with the height of the starting position of the second region. The height difference between the first height and the second height is determined as the distance between the lower region edges of the first and second lower regions.

16. The apparatus according to claim 11, characterized in that, The first presentation module is further configured to load the first multimedia information from the resource pair to be presented through the client, and present the first multimedia information in the first area of ​​the screen; The first presentation module is further configured to present the second multimedia information in the resource pair to be presented in the second area through the client when the linked animation rendering is completed.

17. The apparatus according to claim 16, characterized in that, The first presentation module is also used for: In response to the client startup command, the client is started; The first presentation module is further configured to: During the startup process of the client, the first multimedia information is presented in the first area of ​​the screen; The resource acquisition module is also used to send the resource download request to the system server during the previous operation of the client.

18. The apparatus according to claim 16, characterized in that, The resource acquisition module is also used for: Receive the sequence of resource pairs sent by the system server in response to the resource download request; From the resource pair sequence, select the resource pair sub-sequence that matches the client startup time; The highest priority resource pair in the resource pair subsequence that meets the presentation conditions is determined as the resource pair to be presented, wherein the presentation conditions are determined based on the maximum number of presentations.

19. The apparatus according to claim 16, characterized in that, The first presentation module is also used for: The client loads the first multimedia information from the resource pair to be presented and generates additional rendering information corresponding to the first multimedia information, wherein the additional rendering information is a prompt message for interacting with the first multimedia information. The first multimedia information is presented in the first area of ​​the screen, and the additional rendering information is rendered on the presented first multimedia information.

20. The apparatus according to claim 16, characterized in that, The information presentation device further includes a preloading module, used for: The second multimedia information is preloaded from the resource pair to be presented; The second presentation module is also used for: When the linked animation is rendered, the preloaded second multimedia information is presented in the second area through the client.

21. An information presentation device, characterized in that, include: Memory, used to store executable instructions; A processor, when executing executable instructions stored in the memory, implements the information presentation method according to any one of claims 1 to 10.

22. A computer-readable storage medium, characterized in that, It stores executable instructions for implementing the information presentation method according to any one of claims 1 to 10 when executed by a processor.

23. A computer program product, comprising a computer program or instructions, characterized in that, The computer program or instructions are stored in a computer-readable storage medium, and the processor of the computer device reads the computer program or instructions from the computer-readable storage medium. The processor executes the computer program or instructions, causing the computer device to perform the information presentation method according to any one of claims 1 to 10.

Images