Multimedia information display method and device, electronic equipment and storage medium

Abstract

Embodiments of the invention disclose a multimedia information display method and apparatus, an electronic device and a storage medium. The method comprises the steps of obtaining triggered motion data; for each layer, determining a dynamic effect type and a dynamic effect parameter of the layer according to the motion data and preset operation information corresponding to the layer; and for each layer, performing picture rendering on the layer according to the dynamic effect type and the dynamic effect parameter of the layer, thereby displaying the target multimedia information in the display area. In the embodiment of the invention, the target multimedia information of which each of the plurality of layers has a respective independent dynamic effect can be displayed in the display area, so that the target multimedia information is more vivid, the attention of a user using an application program is attracted, and the attraction is increased. The embodiment of the invention can improve the conversion rate of the banner where the target multimedia information is located.

Description

Technical Field

[0001] The present application relates to the field of computers, and in particular to a method, device, electronic device, and storage medium for displaying multimedia information. Background Art

[0002] In information applications, a banner displaying an advertisement is often placed at the top of the application's homepage or sub-pages. Banners are usually displayed in the form of images, text, animations, etc., and are used to introduce relevant brands, products, or services to users.

[0003] In the prior art, the main content and the background of the main content in the banner screen often move in a consistent manner, which has limited appeal to users of the application. Summary of the Invention

[0004] The embodiments of the present application provide a multimedia information display method, device, electronic device, and storage medium, which can improve the problem of limited user appeal of banners in the prior art.

[0005] An embodiment of the present application provides a multimedia information display method, the method comprising: obtaining triggered motion data; for each of the layers, determining the animation type and animation parameters of the layer based on the motion data and preset calculation information corresponding to the layer; for each of the layers, rendering the layer according to the animation type and animation parameters of the layer, thereby displaying the target multimedia information in the display area.

[0006] The present invention provides a multimedia information display device, comprising:

[0007] A motion data acquisition unit, configured to acquire the triggered motion data;

[0008] a parameter determination unit, configured to determine, for each layer, a motion effect type and motion effect parameters of the layer according to the motion data and preset calculation information corresponding to the layer;

[0009] The image rendering unit is used to perform image rendering on each of the layers according to the motion effect type and motion effect parameters of the layer, so as to display the target multimedia information in the display area.

[0010] In one embodiment, the apparatus further comprises:

[0011] A compressed package obtaining unit, configured to obtain a compressed package of computing information from a server;

[0012] A decompression unit for decompressing the operation information compressed package to obtain the preset operation information corresponding to each of the multiple layers.

[0013] In one embodiment, the layer includes at least one element to be moved; the preset operation information includes: the sub-animation type corresponding to each element to be moved, and the operation expression corresponding to each element to be moved; correspondingly, the parameter determination unit includes:

[0014] A type determination subunit for determining, for each element to be moved included in the layer, the sub-animation type corresponding to the element to be moved based on the preset operation information;

[0015] A parameter calculation subunit for substituting the motion data into the operation expression corresponding to the element to be moved to calculate the animation parameters corresponding to the element to be moved.

[0016] In one embodiment, the device further includes:

[0017] A display area determination unit for determining that the target multimedia information is located in the display area.

[0018] In one embodiment, the device further includes:

[0019] A first data packet unit for obtaining a first update data packet sent by the server, where the first update data packet includes a newly added element to be moved, the sub-animation type corresponding to the newly added element to be moved, the operation expression corresponding to the newly added element to be moved, and the layer information to be processed corresponding to the newly added element to be moved, and the layer to be processed is one of the multiple layers;

[0020] A first data packet parsing unit for parsing the first update data packet and adding the newly added element to be moved into the layer to be processed;

[0021] An animation parameter unit for storing the sub-animation type corresponding to the newly added element to be moved and the operation expression corresponding to the newly added element to be moved.

[0022] In one embodiment, the device further includes:

[0023] A sub-animation acquisition unit for acquiring the sub-animation type of the newly added element to be moved when the target multimedia information is located in the display area;

[0024] An animation calculation unit for acquiring the motion data triggered when the target multimedia information is located in the display area and substituting the motion data into the operation expression corresponding to the newly added element to be moved to calculate the animation parameters corresponding to the newly added element to be moved.

[0025] In one embodiment, the device further includes:

[0026] A second data packet acquisition unit, configured to acquire a second update data packet sent by the server, where the second update data packet includes a replacement to-be-moved element and an identity identifier of the to-be-moved element to be replaced;

[0027] A second parsing unit, configured to parse the second update data packet and store the replacement to-be-moved element;

[0028] A lookup unit, configured to look up and cancel the first relative position relationship between the to-be-moved element corresponding to the identity identifier and the layer to which it belongs;

[0029] A relationship establishment unit, configured to establish a second relative position relationship between the replacement to-be-moved element and the layer, where the first relative position relationship is the same as the second relative position relationship.

[0030] In one embodiment, the device further includes:

[0031] A video display unit, configured to display target video information in response to a video playback trigger operation;

[0032] A motion data acquisition unit, configured to acquire triggered control motion data;

[0033] A reverse playback unit, configured to, if the control motion data is of a first type of control motion data, perform reverse playback on the target video information until the control motion data is not of the first type.

[0034] In one embodiment, the device further includes:

[0035] A complete playback determination unit, configured to determine whether the target video information has been completely played back when the control motion data is of a second type of control motion data;

[0036] A speeded-up playback unit, configured to, when the target video information has not been completely played back, perform speeded-up forward playback on the target video information until the control motion data is not of the second type or the target video information has been completely played back.

[0037] In one embodiment, the device further includes:

[0038] A replay unit, configured to replay the target video information when the target video information has been completely played back.

[0039] In one embodiment, the parameter determination unit includes:

[0040] The first transmission subunit is configured to transmit the motion data to the buffer area corresponding to the preset operation information through the first bridging layer;

[0041] The information execution subunit is configured to calculate the animation type and animation parameters corresponding to the motion data by executing the preset operation information;

[0042] The screen rendering unit includes:

[0043] The second transmission subunit is configured to transmit the animation type and animation parameters to the rendering engine through the second bridging layer;

[0044] The screen rendering subunit is configured to execute the rendering engine to perform screen rendering on the layers corresponding to the animation type and animation parameters, so as to display the target multimedia information in the display area.

[0045] In the multimedia information display method provided by the embodiments of the present application, triggered motion data can be obtained, and then for each layer, according to the obtained motion data and the preset operation information corresponding to each layer, the animation type and animation parameters corresponding to each layer are determined respectively. After obtaining the animation type and animation parameters corresponding to each layer respectively, for any one of the multiple layers, the layer can be rendered according to the animation type and animation parameters of the layer, so that the target multimedia information with individual dynamics for each of the multiple layers can be obtained.

[0046] In the embodiments of the present application, the target multimedia information with individual dynamic effects for each of the multiple layers can be displayed in the display area, so that the target multimedia information is more vivid, which is conducive to attracting the attention of users using the application, increasing the attractiveness, and further conducive to improving the conversion rate of the banner where the target multimedia information is located. BRIEF DESCRIPTION OF THE DRAWINGS

[0047] In order to more clearly illustrate the technical solutions in the embodiments of the present application, the following will briefly introduce the drawings required for the description of the embodiments. Obviously, the following drawings are only some embodiments of the present application. For those skilled in the art, without creative efforts, other drawings can be obtained based on these drawings.

[0048] Figure 1a is a schematic diagram of an application scenario of the multimedia information display method provided by the present application;

[0049] Figure 1b is a schematic flowchart of the multimedia information display method provided by the embodiments of the present application;

[0050] Figure 1cSchematic diagram showing a specific implementation of the target multimedia information provided in the embodiments of the present application;

[0051] Figure 1d Schematic diagram showing the production interface of a certain layer of the target multimedia information made by developers;

[0052] Figure 1e Schematic diagram showing the production interface for developers to build a database;

[0053] Figure 1f Schematic diagram showing a rendering tree in a specific implementation;

[0054] Figure 1g Schematic block diagram showing the dynamic target multimedia information obtained in the embodiments of the present application;

[0055] Figure 1h Schematic block diagram showing the control of the playback progress of the target video based on a gyroscope;

[0056] Figure 1i Schematic block diagram showing the bridging layer described in the embodiments of the present application;

[0057] Figure 2 Flow schematic diagram of the multimedia information display method provided in a specific implementation of the present application;

[0058] Figure 3 Structural schematic diagram of a multimedia information display device provided in an embodiment of the present application;

[0059] Figure 4 Structural schematic diagram of an electronic device provided in the embodiments of the present application. Specific implementation

[0060] Next, the technical solutions in the embodiments of the present application will be clearly and completely described in conjunction with the accompanying drawings in the embodiments of the present application. Obviously, the described embodiments are only a part of the embodiments of the present application, rather than all the embodiments. Based on the embodiments in the present application, all other embodiments obtained by those skilled in the art without creative efforts belong to the scope of protection of the present application.

[0061] The embodiments of the present application provide a multimedia information display method, device, electronic device, and storage medium.

[0062] Among them, the electronic device can be a device such as a terminal or a server.

[0063] The multimedia information display method provided in the embodiments of the present application can be applied to, for example Figure 1aIn the application environment shown. Among them, the terminal 102 communicates with the server 104 through the network. For details, please refer to Figure 1a , the method provided by the embodiments of the present application can be executed by the terminal 102 or the server 104, or can be jointly executed by the terminal 102 and the server 104. The terminal 102 can be a device such as a mobile phone, a tablet computer, a smart Bluetooth device, a notebook computer, a desktop computer, a smart TV, a vehicle-mounted terminal, etc. The server 104 can be a single server, or a server cluster composed of multiple servers, or a cloud server.

[0064] It can be understood that in the embodiments of the present application, data related to user information, etc. is involved. When the embodiments of the present application are applied to specific products or technologies, user permission or consent needs to be obtained, and the collection, use, and processing of relevant data need to comply with relevant laws, regulations, and standards of relevant countries and regions.

[0065] The following will be described in detail respectively. It should be noted that the serial numbers of the following embodiments are not used to limit the preferred order of the embodiments.

[0066] In this embodiment, a method for displaying multimedia information is provided. As Figure 1b shown, this method for displaying multimedia information is applied to an electronic device, and the electronic device can be Figure 1a the terminal or server shown, and this method is used to display target multimedia information in the display area of the application program. The target multimedia information includes multiple layers. The specific process of this method can include the following steps 110 to step 130:

[0067] 110. Obtain the triggered motion data.

[0068] The motion data is data generated by the movement of an object. The object can be the end of the user's limb, such as the user's finger, toe, etc. For example, taking the user's finger as an example; correspondingly, the motion data can be generated by the movement of the user's finger, and can specifically be gestures such as tapping, swiping, dragging, double-tapping, etc. Among them, swiping can also be divided into up and down swiping and left and right swiping, etc. The object can also refer to an electronic device installed with an application program; correspondingly, the motion data can be generated by the tilting or translation of the electronic device. The motion data can specifically be triggered by a user using the application program. The tilting or translation of the electronic device can be obtained through sensors installed inside the electronic device, and the sensors can be gyroscopes, gravity sensors, acceleration sensors, etc.

[0069] After the motion data is triggered, it can be obtained by the electronic device installed with the application program.

[0070] Optionally, in a specific implementation manner, before step 110, the embodiments of the present application may further include: determining that the target multimedia information is located in the display area.

[0071] The display area is the area in the application interface used to display multimedia information. Optionally, the display area can generally be a rectangular area. Multimedia information can be scrolled in the display area in the form of cards.

[0072] Before executing step 110, it can be determined whether the target multimedia information is located in the display area. If so, step 110 is executed. In the above embodiment, when it is determined that the target multimedia information is located in the display area, the multi-layer playback of the target multimedia information can be performed, thereby achieving a balance between computing resources and rich playback effects.

[0073] 120. For each layer, determine the motion effect type and motion effect parameters of each layer based on the motion data and the preset calculation information corresponding to the above layer.

[0074] The target multimedia information includes multiple layers. Optionally, the target multimedia information is stacked by the above-mentioned multiple layers, and the stacking order of the multiple layers can be manually arranged by the developer based on work experience. A layer refers to an independent, editable image part. In an image editing software, developers can place different elements in different layers for editing and operation. The animation effects of elements in different layers are independent of each other. The use of layers can improve the flexibility and editability of images, allowing developers to modify and process images more conveniently. In an embodiment of the present application, a layer can be named PAGComposition.

[0075] Optionally, among the multiple layers mentioned above, some may be native layers and some may be non-native layers. A native layer refers to a layer formed by adding image effects native to the system running the electronic device to an image material. Optionally, a native layer can be named "native view." A non-native layer refers to a layer formed by adding image effects not native to the system to another image material. Optionally, a non-native layer can be named "PAG view."

[0076] For more details, please see Figure 1c In one embodiment, the target multimedia information includes multiple layers: background layer, main layer and embellishment layer. Optionally, the background layer can be named BGContainer, the middle layer can be named MiddleContainer, and the embellishment layer can be named TopContainer. The background layer is the background where the main body is located, usually used to reflect the scene where the main body is located. Optionally, the background can be superimposed with special effects such as rotation and movement, as well as special effects such as water ripples and blur; the main layer reflects the main content of the target multimedia information, and the main content can be a character subject, such asFigure 1c , or it can be a building main body, etc. The main content should not be understood as a limitation to this application. Since the main content is located in the main layer, it will not be affected by the special effects of the background layer; the embellishment layer is used to increase the layering of the target multimedia information, usually Shader special effects that play an embellishing role, such as lighting, blur, fluid effects like flames and water waves, projection, snowfall, rain, etc.

[0077] Optionally, in the specific implementation provided by the embodiments of this application, the layer can specifically be a PAG (ParallaxAlpha - Blending with Global Illumination) layer. The PAG technology combines technologies such as parallax mapping, alpha - blending, and global illumination to enhance the realism and details of the scene. Among them, parallax mapping is a technology that simulates the bump effect by changing the texture coordinates of the surface, making the flat surface look three - dimensional. Alpha - blending is used to process translucent materials, such as glass, water, etc., to achieve a smooth transition between transparency and opacity. Global illumination fully considers the overall lighting situation in the scene, making the shadows and reflections of objects more realistic.

[0078] Optionally, in the embodiments of this application, the layer can include at least one element to be moved. In this application, the element to be moved can be named: PAGLayer. Optionally, the element to be moved can be text, picture, video frame, etc. Developers can quickly and efficiently produce the target multimedia information through the combination of the elements to be moved within the layer and the configuration of the layer.

[0079] Continuing with the above example for illustration, the element to be moved is selected by the developer from several PAG parallax files in the PAG parallax file database during the development stage and added to the layer. For details, please refer to Figure 1d , Figure 1d shows the interface used by the developer to screen PAG parallax files. The developer can find the corresponding PAG parallax file by inputting the PAG name or id, and then drag the PAG parallax file into a certain layer; if the developer does not find a satisfactory PAG parallax file or does not want to use the PAG parallax files in the PAG parallax file database, the developer can also add PAG parallax files by clicking "Please select PAG file" or "Please enter file link".

[0080] Before screening the PAG parallax files, it also includes the process of establishing the PAG parallax file database. For details, please refer to Figure 1eIn the shown interface, developers can enter the parallax template name in the input box corresponding to "PAG Parallax Template Name". This name can be defined by the developers. Then, import the PAG file at the position of "Please select PAG file", or enter the link of the PAG file at the position of "Please enter file link". After the developer clicks the "Save" button, the process of storing a PAG file and its corresponding name is realized. After the PAG file is stored in the database, a unique id that uniquely identifies the PAG file can be automatically generated for subsequent search by the developer.

[0081] The preset operation information includes: the sub-animation type corresponding to each element to be moved, and the operation expression corresponding to each element to be moved.

[0082] The animation type of the layer can specifically refer to the sub-animation type corresponding to each element to be moved among multiple elements to be moved. The animation parameters of the layer can specifically refer to the animation parameters corresponding to each element to be moved among multiple elements to be moved.

[0083] Optionally, in a specific implementation manner, correspondingly, step 120 may include the following steps 121 to 122 (not shown in the figure):

[0084] 121. Transmit the motion data to the cache area corresponding to the preset operation information through the first bridge layer.

[0085] The first bridge layer is a bridge layer (Bridge Layer) that connects the component for obtaining motion data and the component for running the preset operation information to achieve interoperability. For details, please refer to Figure 1g A bridge layer is an abstraction layer used to isolate the details and differences between different components or systems. It provides a set of unified interfaces, enabling different components to interact through this interface without caring about the specific implementation details at the underlying layer. The bridge layer is often used to handle integrations between multiple systems, adaptations between different platforms, or cross-system communications, etc. It can help achieve loose coupling and scalability of the system, while also providing higher flexibility and maintainability. The bridge layers corresponding to different systems will also be different. For details, please refer to Figure 1i For the Android system, it can be connected to the Android native API through the Android Bridge layer; for the iOS system, it can be connected to the iOS native API through the iOS Bridge layer.

[0086] The motion data can be transmitted to the cache area corresponding to the preset operation information through the first bridge layer.

[0087] 122. Calculate the animation type and animation parameters corresponding to the motion data by executing the preset operation information.

[0088] The electronic device can calculate the animation type and animation parameters corresponding to the motion data by executing preset operation information.

[0089] Optionally, in one implementation, step 122 may specifically include the following steps 1221 to 1222 (not shown in the figure):

[0090] 1221. For each element to be moved included in the layer, based on the preset operation information, determine the sub-animation type corresponding to the element to be moved.

[0091] The sub-animation type is used to reflect the type of the moving manner of the element to be moved. The moving manner of the element to be moved may include translation, scaling, flashing, distortion, wave, etc. Correspondingly, the sub-animation type may include: translation type, scaling type, fade-out type, fade-in type, flashing type, etc.

[0092] The preset operation information stores the sub-animation type corresponding to each element to be moved respectively. Therefore, the sub-animation type corresponding to each element to be moved can be determined based on the preset operation information.

[0093] 1222. Substitute the motion data into the operation expression corresponding to the element to be moved, and calculate the animation parameters corresponding to the element to be moved.

[0094] The operation expression may be an arithmetic formula for calculating the motion data. For example, let the animation parameter be y and the motion data be x, then the arithmetic formula between the two can be expressed as y = f(x). The specific structure of the arithmetic formula can be set by the developer according to work experience, and the content of the specific structure should not be construed as a limitation of the present application. The operation expression may also be a pre-set mapping relationship between the motion data and the animation parameters. For example, multiple intervals of motion data may be pre-set: [a1, a2), [a2, a3), [a3, a4), ……, and each interval corresponds to an animation parameter. The animation parameters corresponding to the element to be moved can be determined according to the interval into which the motion data falls. Optionally, in one implementation, the operation expression can be written in a programming language, and the programming language can be JavaScript.

[0095] Optionally, in one implementation, if a certain element to be moved layer1 is shifted 10 pixel values to the left, it can be expressed by the operation expression: layer1.setMatrix(-10, 0, 0); if a certain element to be moved layer3 is shifted 10 pixel values to the right, it can be expressed by the operation expression: layer3.setMatrix(10, 0, 0); if a certain element to be moved layer3 is enlarged by 1.5 times, it can be expressed by the operation expression: layer3.setScale(1.5).

[0096] In the above embodiments, the sub-animation types corresponding to the elements to be moved included in the preset operation information can be used to determine the sub-animation types of each element to be moved. Additionally, by substituting the motion data into each element to be moved, the animation parameters corresponding to each element to be moved can be calculated. Thus, the sub-animation types and animation parameters of each element to be moved can be determined, preparing for the subsequent rendering step.

[0097] Optionally, in a specific embodiment, before step 120, the embodiments of the present application may further include the following steps A1 to A2 (not shown in the figure):

[0098] A1. Obtain an operation information compression package from the server.

[0099] The operation information compression package is a file format obtained by compressing or packing one or more operation information files or folders.

[0100] One or more operation information files or folders included in the operation information compression package can be written by a developer on a developer device using a programming language. After packing the operation information compression package, it is uploaded to the server.

[0101] Optionally, in an embodiment, the multiple layers included in the target multimedia information, as well as the layout positions of the multiple elements to be moved included in each layer, can also be debugged by a developer on a developer device. The debugged target multimedia information, together with the operation information files or folders, is packaged into a total compression package, which is then uploaded to the server. Optionally, the above total compression package can be named PAGFile.

[0102] A2. Decompress the operation information compression package to obtain the preset operation information corresponding to each layer among the multiple layers.

[0103] Continuing with the above example for illustration, the process of decompressing the operation information compression package can be specifically implemented by a JavaScript engine. The JavaScript engine can include V8 and JSCore, and is specifically used to interpret and execute JavaScript code.

[0104] In the above embodiments, by transmitting the compression package between the server and the electronic device, multiple operation information files or folders can be combined into a single file, thereby reducing storage space and facilitating transmission.

[0105] 130. For each layer, according to the animation type and animation parameters of each layer, perform screen rendering on the corresponding layer, so as to display the target multimedia information in the display area.

[0106] Screen rendering refers to the process of processing the elements included in a layer through a computer program and generating a final two-dimensional image.

[0107] For each layer, the electronic device can render the dynamic effect of the layer according to the animation type and animation parameters of the layer. Since the target multimedia information is formed by superimposing multiple layers, the target multimedia information can display the dynamic effects of each layer within one screen, thus greatly increasing the vividness of the target multimedia information.

[0108] Optionally, in a specific implementation manner, step 130 may include the following steps 131 to 132 (not shown in the figure):

[0109] 131. Transmit the animation type and animation parameters to the rendering engine through the second bridge layer.

[0110] The second bridge layer is a bridge layer (Bridge Layer) that connects the component running the preset operation information to the rendering engine to achieve interoperability. The second bridge layer is different from the above-mentioned first bridge layer. For details, please refer to Figure 1g .

[0111] The rendering engine is a software component that converts the graphic data generated by a computer program into a visual image. Its main function is to convert front-end development languages such as HTML, CSS, and JavaScript into the interface content that users can see, and it can support various different standards and technologies, such as Canvas, WebGL, SVG, etc., in order to display high-quality graphics and animation effects on the screen.

[0112] 132. Execute the rendering engine to perform screen rendering on the layer corresponding to the animation type and animation parameters, so as to display the target multimedia information in the display area.

[0113] The electronic device can execute the above-mentioned rendering engine, so as to perform screen rendering on each layer of the multiple layers of the target multimedia information, and achieve vivid and rich dynamic effects.

[0114] In the embodiments of the present application, a cross-platform graphics rendering application programming interface (Application Programming Interface, abbreviated as API): OpenGL can be adopted, and C++ is used as the programming language for the OpenGL rendering stage. The graphics rendering process can be implemented on multiple platforms such as Windows, macOS, and Linux, so as to make the effects of the target multimedia information as unified as possible on multiple platforms.

[0115] The rendering engine plays an important role in modern web applications, enabling users to obtain a good user experience. Optionally, in the embodiments of the present application, the Tencent Graphics (abbreviated as TGFX) engine can be specifically used for rendering. TGFX is a cross-platform GPU drawing engine that provides complete 2D drawing capabilities for images, vectors, and text.

[0116] Optionally, for details, please refer to Figure 1f , before rendering a layer, a rendering tree as shown in Figure 1f can be generated first, and then rendering can be performed in sequence from top to bottom and from left to right. Each layer includes at least one element to be moved. For example, layer 1 includes x elements to be moved: element to be moved 11, element to be moved 12,..., element to be moved 1x; layer 2 includes y elements to be moved: element to be moved 21, element to be moved 22,..., element to be moved 2y; layer i includes z elements to be moved: element to be moved i1, element to be moved i2,..., element to be moved iz; layer n includes p elements to be moved: element to be moved n1, element to be moved n2,..., element to be moved np. For the elements to be moved included in a layer, rendering can also be performed in the order from left to right.

[0117] For details, please refer to Figure 1g , motion data such as gyroscope data, gravity sensor data, drag gesture data, etc. can be input into the JS algorithm package running on the electronic device, and the operation expressions in the JS algorithm package can calculate the sub-animation types and animation parameters corresponding to each element to be moved in each layer. Subsequently, based on the sub-animation types and animation parameters corresponding to each element to be moved, the rendering process is carried out.

[0118] Optionally, in a specific embodiment, the embodiments of the present application may further include the following steps B1 to B5 (not shown in the figure):

[0119] B1. Obtain a first update data packet sent by the server.

[0120] Among them, the first update data packet is a compressed packet carrying update data. Optionally, the first update data packet includes newly added elements to be moved, the sub-animation types corresponding to the newly added elements to be moved, the operation expressions corresponding to the newly added elements to be moved, and the information of the layer to be processed corresponding to the newly added elements to be moved. The layer to be processed is one of multiple layers.

[0121] During subsequent processes, the elements to be moved included in the target multimedia information can be increased according to the operations of the developer. The developer can set the elements to be moved to be added in the background, the corresponding sub-animation types of the elements to be moved, and the arithmetic expressions corresponding to the elements to be moved. Then, the elements to be moved to be added, the corresponding sub-animation types of the elements to be moved, and the arithmetic expressions corresponding to the elements to be moved are packaged into a first update data packet and uploaded to the server so that the electronic device can receive the first update data packet from the server. Among them, the elements to be moved to be added are denoted as newly added elements to be moved.

[0122] B2. Analyze the first update data packet and add the newly added elements to be moved to the layer to be processed.

[0123] The electronic device can analyze the first update data packet to obtain the newly added elements to be moved, the information of the layer to be processed corresponding to the newly added elements to be moved, the corresponding sub-animation types of the elements to be moved, and the arithmetic expressions corresponding to the elements to be moved in the first update data packet.

[0124] Based on the information of the layer to be processed, determine the layer to be processed corresponding to the newly added elements to be moved. Then add the newly added elements to be moved to the layer to be processed.

[0125] The first update data packet can specifically be written by the developer on the development electronic device. Optionally, the developer can specifically define a function addLayer:(LayerType type,int hierarchyIndex) to represent the new addition, where LayerType type is the type of the element to be moved added, divided into text, image, video frame composition, etc., and hierarchyIndex is the identity identifier of the layer to be processed.

[0126] B3. Store the corresponding sub-animation types of the newly added elements to be moved and the arithmetic expressions corresponding to the newly added elements to be moved.

[0127] After performing step B2 to analyze the first update data packet and obtain the corresponding sub-animation types of the newly added elements to be moved and the arithmetic expressions corresponding to the newly added elements to be moved, the parsed corresponding sub-animation types of the newly added elements to be moved and the arithmetic expressions corresponding to the newly added elements to be moved can be stored in the memory.

[0128] B4. If the target multimedia information is in the display area, obtain the sub-animation type of the newly added elements to be moved.

[0129] B5. Obtain motion data triggered when the target multimedia information is located in the display area, substitute the motion data into the operation expression corresponding to the newly added element to be moved, and calculate the motion effect parameters corresponding to the newly added element to be moved.

[0130] After going through steps B1 to B3, adding the newly added element to be moved to the layer to be processed, and storing the sub-animation type corresponding to the newly added element to be moved and the operation expression corresponding to the newly added element to be moved into the memory, when the target multimedia information is located in the display area again, the newly added element to be moved carried in the target multimedia information can be rendered accordingly with the layer to which it belongs. Related steps: determining the sub-animation type of the newly added element to be moved, and calculating the animation parameters corresponding to the newly added element to be moved.

[0131] In the above embodiment, when it is necessary to add new elements to be moved to the target multimedia information based on development needs, steps B1 to B5 can be executed to add new elements to be moved to the target multimedia information in a timely manner, thereby lowering the threshold for updating multimedia information and improving update efficiency.

[0132] Optionally, in a specific implementation manner, the embodiment of the present application may further include the following steps C1 to C4 (not shown in the figure):

[0133] C1. Obtain a second update data packet sent by the server, wherein the second update data packet includes a replacement element to be moved and an identity identifier of the element to be moved to be replaced.

[0134] The elements to be moved included in the target multimedia information can be replaced in the subsequent process according to the operation of the developer. The developer can set the replaced element: the replacement element to be moved, and the element before replacement: the identity of the element to be replaced.

[0135] Then, the replacement element to be moved and the identity identifier of the element to be moved to be replaced are packaged into a second update data packet, and the second update data packet is uploaded to the server so that the electronic device can receive the second update data packet from the server.

[0136] The second update data packet can be specifically written by a developer on the development electronic device. Optionally, the developer can specifically define a replacement function replaceImage:(String*imageName,String*img1Layer), where imageName represents the information corresponding to the element to be replaced and img1Layer represents the identity of the element to be replaced.

[0137] C2. Parse the second update data packet and store the replacement element to be moved.

[0138] The electronic device can parse the second update data packet to obtain the replaceable moving element in the second update data packet and the identity identifier of the moving element to be replaced. And store the replaceable moving element therein.

[0139] C3. Search for and cancel the first relative position relationship between the moving element corresponding to the identity identifier and the layer to which it belongs.

[0140] C4. Establish a second relative position relationship between the replaceable moving element and the layer, where the first relative position relationship is the same as the second relative position relationship.

[0141] After performing step C2, parsing the second update data packet to obtain the replaceable moving element in the second update data packet and the identity identifier of the moving element to be replaced, the relative position relationship between the moving element to be replaced and the layer to which it belongs can be found based on the parsed identity identifier, and the relative position relationship between the two can be cancelled. Subsequently, establish a second relative position relationship between the replaceable moving element and the layer, that is: change the content of the element from the moving element to be replaced to the replaceable moving element, and retain the sub-animation type and operation expression of the original element.

[0142] In the above embodiment, when it is necessary to replace a new moving element in the target multimedia information based on development needs, steps C1 to C4 can be executed to replace a new moving element for the target multimedia information, thereby further reducing the threshold for updating multimedia information and improving the update efficiency. [[ID=1**6]]

[0143] Optionally, in a specific embodiment, the embodiment of the present application may further include the following steps D1 to D6 (not shown in the figure):

[0144] D1. In response to a video playback trigger operation, display the target video information.

[0145] The video playback trigger operation is triggered by the user corresponding to the electronic device. The user can trigger the video playback by clicking on the virtual video playback button. Optionally, the user can click through an input peripheral such as a mouse and keyboard; the user can also click by clicking on the touch screen with the end of the limb. It should be understood that the specific content of the video playback trigger operation should not be construed as a limitation to the present application.

[0146] D2. Obtain the triggered control motion data.

[0147] Control motion data refers to the data generated by the movement of an object. The object can be the end of a user's limb, such as the user's finger, toe, etc. For example, taking the user's finger as an example; correspondingly, the control motion data can be generated by the movement of the user's finger. The object can also refer to an electronic device installed with an application program; correspondingly, the control motion data can be generated by the tilting or translation of the electronic device. The control motion data can specifically be triggered by a user using the application program.

[0148] D3. If the control motion data is the first type of control motion data, then play the target video information in reverse until the control motion data is not of the first type.

[0149] The first type of control motion data is the control motion data with a preset target direction. Optionally, for ease of description, let's assume the control motion data is a sliding gesture of the limb end on the touch screen, or the tilting motion of the electronic device.

[0150] If the control motion data is a sliding gesture of the limb end on the touch screen, then the target direction can be the direction opposite to the default direction of the playback progress bar. Usually, the default direction of the playback progress bar is to the right, so the target direction is to the left. That is to say, the control motion data can specifically be a left - sliding gesture of the limb end on the touch screen.

[0151] If the control motion data is the tilting motion of the electronic device, then the target direction can be the tilting direction opposite to the default direction of the playback progress bar. Usually, the default direction of the playback progress bar is to the right, so the target direction is to tilt to the left. That is to say, the control motion data can specifically be the left - tilting motion of the electronic device.

[0152] It should be understood that the above - mentioned first type of control motion data is only for illustrative purposes. The first type of control motion data can also be other control motion data, such as jittering the electronic device in the target direction, etc. The specific content of the first type of control motion data should not be construed as a limitation to this application.

[0153] When the control motion data is the first type of control motion data, the target video information can be played in reverse until the control motion data is not of the first type.

[0154] D4. If the control motion data is the second type of control motion data, then determine whether the target video information has finished playing. If not, execute step D5; if so, execute step D6.

[0155] Specifically, the control motion data of the second type can be control motion data with a direction opposite to that of the control motion data of the first type. Continuing with the above example, correspondingly, the control motion data of the second type can be a swiping gesture of the limb end to the right on the touch screen, or a tilting motion of the electronic device to the right.

[0156] After determining that the control motion data is the control motion data of the second type, it can be further determined whether the target video information has been played completely. If not, it means that there is still unplayed video content in the target video information, and step D5 can be executed; if so, it means that the target video information has been played completely, and step D6 can be executed.

[0157] D5. Play the target video information at a double speed in the forward direction until the control motion data is not of the second type, or the above target video information has been played completely.

[0158] When there is still unplayed video content in the target video information, the electronic device can, in response to the control motion data of the second type, play the target video information at a double speed in the forward direction until the control motion data is not of the second type, or the target video information has been played completely.

[0159] D6. Play the target video information again.

[0160] When the video content of the target video information has been played completely, the electronic device can, in response to the control motion data of the second type, play the target video information again.

[0161] In the above embodiments, the double-speed forward play, reverse play, or re-play of the target video information can be adjusted in response to the tilting direction or swiping gesture of the electronic device, thereby increasing the adjustment methods of the target video information and improving the convenience of users watching videos.

[0162] Optionally, in an embodiment, the specific value of the control motion data is related to the specific speed value of the reverse play or double-speed forward play. Taking the gyroscope data as an example, the specific gyroscope offset value can be obtained, and based on the mapping relationship between the offset value and the speed value, the speed value of the reverse play or double-speed forward play can be determined, so as to perform the reverse play or double-speed forward play at the corresponding speed value.

[0163] In the above embodiments, after determining the playing direction based on the direction data of the gyroscope data, the video data in the corresponding direction can also be pre-loaded. For example, for the target video information to be played in reverse, the video content in the reverse direction of the video progress bar can be pre-loaded; for the target video information to be played in the forward direction, the video content in the forward direction of the video progress bar can be pre-loaded. For details, please refer to Figure 1h .

[0164] Optionally, in another embodiment, the specific value of the control motion data may be related to the playback progress value. The ratio of the actual value of the control motion data to the maximum value of the control motion data can be obtained, and this ratio can be multiplied by the video duration of the target video to obtain the target playback moment, and the progress bar can be jumped to the above target playback moment. For example, let's continue to take the gyroscope data as an example. Suppose the total angle value is 360°, and currently the gyroscope data is tilted counterclockwise along the y-axis by 90°, as shown by the gesture in the y-axis direction in Figure 1h and the video duration of the target video is 16 minutes. Then calculate 90 / 360×16 = 4, that is, the target playback moment is 4 minutes, and the progress bar can be jumped to the 4th minute of the target video. The above calculation process can be implemented in the JS algorithm package. For details, please refer to Figure 1h .

[0165] In the multimedia information display method provided by the embodiments of the present application, the triggered motion data can be obtained, and then for each layer, according to the obtained motion data and the preset operation information corresponding to each layer, the dynamic effect type and dynamic effect parameters corresponding to each layer can be determined. After obtaining the dynamic effect type and dynamic effect parameters corresponding to each layer, for any layer among the multiple layers, the picture of this layer can be rendered according to the dynamic effect type and dynamic effect parameters of the layer, so that each layer among the multiple layers can have its own separate dynamic target multimedia information. In the embodiments of the present application, the target multimedia information with separate dynamic effects for each layer among the multiple layers can be displayed in the display area, making the target multimedia information more vivid, which is conducive to attracting the attention of users using the application and increasing the attractiveness. [[ID=,11]]

[0166] Each layer among the multiple layers has its own separate dynamic effect, which can make the target multimedia information form a parallax effect. The parallax effect can increase the sense of depth and three-dimensionality of the scene and is often used to achieve illusory effects, such as three-dimensional terrain, bump mapping, and particle effects.

[0167] The embodiments of the present application can improve the conversion rate of the banner where the target multimedia information is located.

[0168] The method provided by the embodiments of the present application can be applied to the electronic poster scenario. The electronic poster can be a movie poster, a music poster, an advertising poster, etc. The embodiments of the present application can provide a more real and natural visual experience and interactive experience for users through the manifestation form of the parallax effect.

[0169] In this embodiment, taking the motion data as sensor data and the target multimedia information as target advertising information as an example, the method of the embodiments of the present application will be described in detail. [[ID=,23]]

[0170] AsFigure 2 As shown in the figure, the specific process of a multimedia information display method is as follows:

[0171] 201. The electronic device determines that the target advertisement information is located in the display area.

[0172] The display area is the position area in the interface of the application for displaying the target advertisement information. Optionally, the display area can usually be a rectangular area. The target advertisement information can be scrolled and played in the display area in the form of a card. If the target advertisement information scrolls to the display area, it can be determined that the target advertisement information is located in the display area.

[0173] 202. The electronic device obtains the triggered sensor motion data.

[0174] 203. The electronic device obtains the operation information compression package from the server.

[0175] 204. The electronic device decompresses the operation information compression package to obtain the preset operation information corresponding to each layer in the multiple layers.

[0176] 205. For each element to be moved included in the layer, the electronic device determines the sub-animation effect type corresponding to the element to be moved based on the preset operation information.

[0177] For the same layer, the sub-animation effect types corresponding to all the elements to be moved in this layer are the animation effect type of this layer.

[0178] 206. The electronic device substitutes the sensor motion data into the operation expression corresponding to the element to be moved, and calculates the animation effect parameters corresponding to the element to be moved.

[0179] 207. For each layer, the electronic device performs screen rendering on the corresponding layer according to the animation effect type and animation effect parameters of the layer, so as to display the target advertisement information in the display area.

[0180] Optionally, step 207 above can specifically include: transmitting the animation effect type and animation effect parameters to the rendering engine through the second bridging layer; executing the rendering engine to perform screen rendering on the layer corresponding to the animation effect type and animation effect parameters, so as to display the target advertisement information in the display area.

[0181] Optionally, in another implementation manner, the embodiments of the present application may include the following steps X1 to X5 (not shown in the figure):

[0182] X1. The electronic device obtains the first update data packet sent by the server.

[0183] Among them, the first update data packet includes newly added elements to be moved, the corresponding sub-animation types of the newly added elements to be moved, the corresponding arithmetic expressions of the newly added elements to be moved, and the information of the layer to be processed corresponding to the newly added elements to be moved. The layer to be processed is one of multiple layers.

[0184] X2. The electronic device analyzes the first update data packet and adds the newly added elements to be moved into the layer to be processed.

[0185] X3. The electronic device stores the corresponding sub-animation types of the newly added elements to be moved and the corresponding arithmetic expressions of the newly added elements to be moved.

[0186] X4. If the target advertising information is located in the display area, the electronic device obtains the sub-animation type of the newly added elements to be moved.

[0187] X5. When the electronic device obtains the target advertising information in the display area, it acquires the sensor motion data triggered, and substitutes the sensor motion data into the arithmetic expression corresponding to the newly added elements to be moved to calculate the animation parameters corresponding to the newly added elements to be moved.

[0188] Optionally, in another implementation manner, the embodiments of the present application may include the following steps Y1 to Y4 (not shown in the figure): Y1. The electronic device obtains a second update data packet sent by the server. Among them, the second update data packet includes elements to be moved for replacement and the identity identifiers of the elements to be moved to be replaced.

[0189] Y2. The electronic device analyzes the second update data packet and stores the elements to be moved for replacement.

[0190] Y3. The electronic device searches for and cancels the first relative position relationship between the element to be moved corresponding to the identity identifier and the layer to which it belongs.

[0191] Y4. The electronic device establishes a second relative position relationship between the element to be moved for replacement and the layer, where the first relative position relationship is the same as the second relative position relationship.

[0192] The specific execution processes of steps 201 to 207 have been described in detail above and will not be elaborated here.

[0193] In the multimedia information display method provided by the embodiments of the present application, triggered motion data can be obtained. Then, for each layer, according to the obtained motion data and the preset operation information corresponding to each layer, the animation type and animation parameters corresponding to each layer are determined. After obtaining the animation type and animation parameters corresponding to each layer, for any one of the multiple layers, the screen of the layer can be rendered according to the animation type and animation parameters of the layer, so that the target multimedia information with individual dynamics can be obtained for each of the multiple layers. In the embodiments of the present application, the target multimedia information with individual dynamic effects for each of the multiple layers can be displayed in the display area, making the target multimedia information more vivid, conducive to attracting the attention of users using the application, and increasing the attractiveness.

[0194] The embodiments of the present application can improve the conversion rate of the banner where the target multimedia information is located.

[0195] The embodiments of the present application can improve the playability and interactivity of posters, banners, or cards. By shaking the electronic device or switching the poster, the parallax effect between layers of the poster, banner, or card, as well as the superimposed effects of PAG special effects such as distortion, displacement, and blur effects, can be seen. The embodiments of the present application can also enhance the user experience and visual effects. Through PAG that supports the parallax effect, rich and vivid dynamic performance effects can be achieved.

[0196] The embodiments of the present application can also improve the development efficiency and reduce costs because the target multimedia information can replace pictures, text, etc. through the developer's terminal, thereby realizing reuse, saving bandwidth resources and traffic, reducing dependence on development, and improving development efficiency.

[0197] The algorithm can be dynamically configured and updated. During subsequent operation, the addition and replacement of elements in the target multimedia information can be realized by issuing algorithm packages, saving the release time and improving the scalability and dynamics of the code.

[0198] To better implement the above method, the embodiments of the present application also provide a multimedia information display device. For example, as Figure 3 shown, the device includes:

[0199] A motion data acquisition unit 301, configured to acquire triggered motion data;

[0200] A parameter determination unit 302, configured to determine, for each layer, the animation type and animation parameters corresponding to the layer according to the motion data and the preset operation information corresponding to the layer;

[0201] The screen rendering unit 303 is configured to perform screen rendering on each layer according to the animation type and animation parameters of the layer, so as to display the target multimedia information in the display area.

[0202] In one embodiment, the apparatus further includes:

[0203] The compressed package acquisition unit is configured to acquire an operation information compressed package from the server;

[0204] The decompression unit is configured to perform decompression processing on the operation information compressed package to obtain the preset operation information corresponding to each of the multiple layers.

[0205] In one embodiment, the layer includes at least one element to be moved; the preset operation information includes: the sub-animation type corresponding to each element to be moved, and the operation expression corresponding to each element to be moved; correspondingly, the parameter determination unit 302 includes:

[0206] The type determination sub-unit is configured to determine the sub-animation type corresponding to the element to be moved for each element to be moved included in the layer based on the preset operation information;

[0207] The parameter calculation sub-unit is configured to substitute the motion data into the operation expression corresponding to the element to be moved to calculate the animation parameters corresponding to the element to be moved.

[0208] In one embodiment, the apparatus further includes:

[0209] The display area determination unit is configured to determine that the target multimedia information is located in the display area.

[0210] In one embodiment, the apparatus further includes:

[0211] The first data packet unit is configured to acquire a first update data packet sent by the server, where the first update data packet includes a newly added element to be moved, the sub-animation type corresponding to the newly added element to be moved, the operation expression corresponding to the newly added element to be moved, and the information of the layer to be processed corresponding to the newly added element to be moved, and the layer to be processed is one of the multiple layers;

[0212] The first data packet parsing unit is configured to parse the first update data packet and add the newly added element to be moved into the layer to be processed;

[0213] The animation parameter unit is configured to store the sub-animation type corresponding to the newly added element to be moved and the operation expression corresponding to the newly added element to be moved.

[0214] In one embodiment, the apparatus further includes:

[0215] The sub - animation acquisition unit is used to acquire the sub - animation type of the newly added element to be moved when the target multimedia information is located in the display area;

[0216] The animation calculation unit is used to acquire the triggered motion data when the target multimedia information is located in the display area, and substitute the motion data into the operation expression corresponding to the newly added element to be moved to calculate the animation parameters corresponding to the newly added element to be moved.

[0217] In one implementation, the device further includes:

[0218] The second data packet acquisition unit is used to acquire the second update data packet sent by the server, where the second update data packet includes the element to be moved for replacement and the identity identifier of the element to be moved to be replaced;

[0219] The second parsing unit is used to parse the second update data packet and store the element to be moved for replacement;

[0220] The search unit is used to search for and cancel the first relative position relationship between the element to be moved corresponding to the identity identifier and the layer to which it belongs;

[0221] The relationship establishment unit is used to establish the second relative position relationship between the element to be moved for replacement and the layer, where the first relative position relationship is the same as the second relative position relationship.

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

[0223] The video display unit is used to display the target video information in response to the video playback trigger operation;

[0224] The motion data acquisition unit is used to acquire the triggered control motion data;

[0225] The reverse playback unit is used to perform reverse playback on the target video information if the control motion data is the first type of control motion data until the control motion data is not of the first type.

[0226] In one implementation, the device further includes:

[0227] The complete - play judgment unit is used to judge whether the target video information has been played completely when the control motion data is the second type of control motion data;

[0228] The speed - up playback unit is used to perform speed - up forward playback on the target video information when the target video information has not been played completely until the control motion data is not of the second type or the target video information has been played completely.

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

[0230] A replay unit, configured to replay the target video information when the playback of the target video information is completed.

[0231] In one implementation, the parameter determination unit 302 includes:

[0232] A first transmission subunit, configured to transmit motion data to a buffer area corresponding to preset operation information through a first bridging layer;

[0233] An information execution subunit, configured to calculate an animation type and animation parameters corresponding to the motion data by executing the preset operation information;

[0234] The screen rendering unit 303 includes:

[0235] A second transmission subunit, configured to transmit the animation type and animation parameters to a rendering engine through a second bridging layer;

[0236] A screen rendering subunit, configured to execute the rendering engine to perform screen rendering on the layers corresponding to the animation type and animation parameters, so as to display the target multimedia information in a display area.

[0237] In specific implementation, each of the above units may be implemented as an independent entity, or may be arbitrarily combined and implemented as the same or several entities. For the specific implementation of each of the above units, reference may be made to the foregoing method embodiments, which will not be elaborated herein.

[0238] In the multimedia information display method provided in the embodiments of the present application, triggered motion data may be obtained, and then for each layer, according to the obtained motion data and the preset operation information corresponding to each layer, the animation type and animation parameters respectively corresponding to each layer are determined. After obtaining the animation type and animation parameters respectively corresponding to each layer, for any one of the multiple layers, the layer may be subjected to screen rendering according to the animation type and animation parameters of the layer, so that each layer among the multiple layers has its own separate dynamic target multimedia information. In the embodiments of the present application, the target multimedia information with its own separate dynamic effects for each layer among the multiple layers may be displayed in the display area, so that the target multimedia information is more vivid, which is conducive to attracting the attention of users using the application program and increasing the attractiveness.

[0239] The embodiments of the present application can improve the conversion rate of the banner where the target multimedia information is located.

[0240] As Figure 4 shown, it shows a schematic structural diagram of an electronic device involved in the embodiments of the present application. Specifically:

[0241] The electronic device may include components such as a processor 401 with one or more processing cores, a memory 402 with one or more computer-readable storage media, a power supply 403, an input module 404, and a communication module 405. Those skilled in the art can understand that Figure 4 the structure of the electronic device shown in

[0242] is not a limitation on the electronic device and may include more or fewer components than shown in the figure, or combine certain components, or have a different component arrangement. Among them:

[0243] The processor 401 is the control center of the electronic device, connecting various parts of the entire electronic device through various interfaces and lines. By running or executing software programs and / or modules stored in the memory 402, and by invoking the data stored in the memory 402, it executes various functions of the electronic device and processes data. In some embodiments, the processor 401 may include one or more processing cores; in some embodiments, the processor 401 may integrate an application processor and a modem processor. Among them, the application processor mainly processes the operating system, user interface, application programs, etc., and the modem processor mainly processes wireless communication. It can be understood that the above-mentioned modem processor may not be integrated into the processor 401.

[0244] The electronic device further includes a power supply 403 that powers each component. In some embodiments, the power supply 403 may be logically connected to the processor 401 through a power management system, so as to implement functions such as management of charging, discharging, and power consumption management through the power management system. The power supply 403 may also include any components such as one or more DC or AC power supplies, a recharge system, a power failure detection circuit, a power converter or inverter, and a power status indicator.

[0245] The electronic device may further include an input module 404, which may be configured to receive input digital or character information, and generate keyboard, mouse, joystick, optical, or trackball signal inputs related to user settings and function controls.

[0246] The electronic device may further include a communication module 405. In some embodiments, the communication module 405 may include a wireless module, and the electronic device may perform short-range wireless transmission through the wireless module of the communication module 405, thereby providing users with wireless broadband Internet access. For example, the communication module 405 may be used to help users send and receive emails, browse the web, and access streaming media, etc.

[0247] Although not shown, the electronic device may further include a display unit, etc., which will not be elaborated here. Specifically, in this embodiment, the processor 401 in the electronic device will load the executable files corresponding to the processes of one or more application programs into the memory 402 according to the following instructions, and the processor 401 will run the application programs stored in the memory 402, thereby implementing the steps in the method embodiments of the present application.

[0248] For the specific implementation of the above operations, reference may be made to the previous embodiments, which will not be elaborated here.

[0249] Those of ordinary skill in the art can understand that all or part of the steps in the various methods of the above embodiments can be completed by instructions, or by controlling relevant hardware through instructions. The instructions can be stored in a computer-readable storage medium and loaded and executed by a processor.

[0250] Therefore, an embodiment of the present application provides a computer-readable storage medium, in which multiple instructions are stored, and the instructions can be loaded by a processor to execute the steps in any one of the multimedia information display methods provided in the embodiments of the present application.

[0251] Among them, the storage medium may include: read-only memory (ROM, Read Only Memory), random access memory (RAM, Random Access Memory), magnetic disk, or optical disc, etc.

[0252] According to one aspect of the present application, a computer program product or computer program is provided. The computer program product or computer program includes instructions, and the instructions are stored in a computer-readable storage medium. The processor of the computer device reads the instructions from the computer-readable storage medium, and the processor executes the instructions, so that the computer device executes the methods provided in the various optional implementation manners provided in the above embodiments.

[0253] Since the instructions stored in the storage medium can execute the steps in any of the multimedia information display methods provided in the embodiments of the present application, the beneficial effects achievable by any of the multimedia information display methods provided in the embodiments of the present application can be realized. For details, refer to the previous embodiments and will not be elaborated herein.

[0254] In the embodiments of the present application, the term "module" or "unit" refers to a computer program with a predetermined function or a part of a computer program, which works together with other related parts to achieve a predetermined goal, and can be fully or partially implemented by using software, hardware (such as a processing circuit or a memory), or a combination thereof. Similarly, one processor (or multiple processors or memories) can be used to implement one or more modules or units. In addition, each module or unit can be a part of the overall module or unit that includes the function of the module or unit.

[0255] The above has introduced in detail a multimedia information display method, device, electronic device, and computer-readable storage medium provided in the embodiments of the present application. Specific examples are used in this article to elaborate on the principle and implementation manner of the present application. The description of the above embodiments is only used to help understand the method and its core idea of the present application; at the same time, for those skilled in the art, according to the idea of the present application, there will be changes in the specific implementation manner and application scope. In summary, the content of this specification should not be construed as a limitation to the present application.

Claims

1. A multimedia information display method, characterized in that, For displaying target multimedia information in the display area of an application, where the target multimedia information includes multiple layers; The method includes: Obtaining the triggered motion data; For each of the layers, determining the animation type and animation parameters of the layer according to the motion data and the preset operation information corresponding to the layer; For each of the layers, rendering the picture of the layer according to the animation type and animation parameters of the layer, so as to display the target multimedia information in the display area.

2. The method according to claim 1, characterized in that Before the step of, for each of the layers, determining the animation type and animation parameters of the layer according to the motion data and the preset operation information corresponding to the layer, the method further includes: Obtaining an operation information compression package from a server; Performing decompression processing on the operation information compression package to obtain the preset operation information corresponding to each of the multiple layers respectively.

3. The method according to claim 1, wherein The layer includes at least one element to be moved; the preset operation information includes: the sub-animation type corresponding to each element to be moved, and the operation expression corresponding to each element to be moved; The step of, for each of the layers, determining the animation type and animation parameters of the layer according to the motion data and the preset operation information corresponding to the layer includes: For each element to be moved included in the layer, determining the sub-animation type corresponding to the element to be moved based on the preset operation information; Substituting the motion data into the operation expression corresponding to the element to be moved to calculate the animation parameters corresponding to the element to be moved.

4. The method according to claim 1, characterized in that Before the step of obtaining the triggered motion data, the method further includes: Determining that the target multimedia information is located in the display area.

5. The method according to claim 1, characterized in that, The method further includes: Obtaining a first update data packet sent by the server, where the first update data packet includes a newly added element to be moved, the sub-animation type corresponding to the newly added element to be moved, the operation expression corresponding to the newly added element to be moved, and the information of the layer to be processed corresponding to the newly added element to be moved, and the layer to be processed is one of the multiple layers; Parsing the first update data packet and adding the newly added element to be moved into the layer to be processed; Storing the sub-animation type corresponding to the newly added element to be moved and the operation expression corresponding to the newly added element to be moved.

6. The method according to claim 5, characterized in that, After the step of storing the sub-animation type corresponding to the newly added element to be moved and the operation expression corresponding to the newly added element to be moved, the method further includes: If the target multimedia information is located in the display area, obtaining the sub-animation type of the newly added element to be moved; Obtaining the motion data triggered when the target multimedia information is located in the display area, and substituting the motion data into the operation expression corresponding to the newly added element to be moved to calculate the animation parameters corresponding to the newly added element to be moved.

7. The method according to claim 1, characterized in that The method further includes: Obtaining a second update data packet sent by the server, where the second update data packet includes a replacement element to be moved and the identity identifier of the element to be moved to be replaced; Parsing the second update data packet and storing the replacement element to be moved. Find and cancel the first relative position relationship between the element to be moved corresponding to the identity identifier and the layer to which it belongs; Establish a second relative position relationship between the replacement element to be moved and the layer, where the first relative position relationship is the same as the second relative position relationship.

8. The method according to claim 1, characterized in that, The method further includes: In response to a video playback trigger operation, display target video information; Obtain the triggered control motion data; If the control motion data is the first type of control motion data, play the target video information in reverse until the control motion data is not the first type.

9. The method according to claim 8, wherein After obtaining the triggered control motion data, the method further includes: If the control motion data is the second type of control motion data, determine whether the target video information has finished playing; If the target video information has not finished playing, play the target video information at a multiple speed forward until the control motion data is not the second type, or the target video information has finished playing.

10. The method according to claim 9, characterized in that, After determining whether the target video information has finished playing, the method further includes: If the target video information has finished playing, replay the target video information.

11. The method according to claim 1, wherein Determining the animation type and animation parameters of the layer according to the motion data and the preset operation information corresponding to the layer includes: Transmit the motion data to the cache area corresponding to the preset operation information through a first bridging layer; Calculate the animation type and animation parameters corresponding to the motion data by executing the preset operation information; Rendering the picture of the layer according to the animation type and animation parameters of the layer, so as to display the target multimedia information in the display area, includes: Transmit the animation type and animation parameters to the rendering engine through a second bridging layer; Execute the rendering engine to render the picture of the layer corresponding to the animation type and animation parameters, so as to display the target multimedia information in the display area.

12. A multimedia information display device, characterized in that, For displaying target multimedia information in the display area of an application, the target multimedia information includes multiple layers; the device includes: A motion data acquisition unit for acquiring the triggered motion data; A parameter determination unit for determining, for each layer, the animation type and animation parameters of the layer according to the motion data and the preset operation information corresponding to the layer; A picture rendering unit for rendering the picture of each layer according to the animation type and animation parameters of the layer, so as to display the target multimedia information in the display area.

13. An electronic device, characterized in that, Comprising a processor and a memory, the memory stores multiple instructions; the processor loads the instructions from the memory to execute the steps in the multimedia information display method according to any one of claims 1 to 11.

14. A computer-readable storage medium, characterized in that, The computer-readable storage medium stores multiple instructions, and the instructions are suitable for being loaded by a processor to execute the steps in the multimedia information display method according to any one of claims 1 to 11.

15. A computer program product, characterized in that, Comprising instructions, when the instructions are executed by a processor, implementing the steps in the multimedia information display method according to any one of claims 1 to 11.

Images