LCD screen animation editing and playing method and system

Abstract

The invention discloses an LCD screen animation editing and playing method and system, and the method comprises the following steps: responding to an animation program editing instruction of a user, and creating or modifying the program content according to the program editing instruction; analyzing the created or modified program content data packet to obtain analyzed program data; and updating and playing the program content according to the analyzed program data. According to the method, an independent and unified rendering sandbox is created by utilizing a webview technology, and compulsory editing and publishing environments use the same browser engine, so that the problem of inconsistent performance caused by environment difference is eradicated, the compatibility of the system is ensured, and the editing and publishing environments are consistent; according to the technical scheme, efficient preview and rapid release are achieved, the degree of freedom is high, the same set of visual materials can adjust and modify the animation, various different animation effects are easily achieved, the product expressive force is enriched, and the requirement for personalized customization is met.

Description

Technical Field

[0001] This invention relates to the field of LCD display animation editing and playback technology, and particularly to an LCD display animation editing and playback method and system. Background Technology

[0002] Currently, to achieve dynamic display effects on LCD screens, static media files are typically downloaded directly. Users send the required images / text to the device, and the device program displays these static files sequentially. This method can only achieve the simplest slideshow playback and cannot realize continuous animation transformations with physical laws (such as fade-in / fade-out, elastic displacement, rotation, scaling, etc.). Its expressiveness is extremely limited, the animation effects are rigid, and it lacks flexibility, freedom, and convenience. Summary of the Invention

[0003] The main objective of this invention is to propose a method and system for editing and playing animations on an LCD display screen. The aim is to abstract complex animation effects (such as displacement, rotation, scaling, and transparency changes) into a lightweight, structured set of descriptive instructions (e.g., specifying animation type, duration, repetition count, etc.). This allows users to add and combine multiple animations for elements such as images, videos, and text, directly sending them to the LCD device, thus improving the flexibility, freedom, and convenience of animation effects.

[0004] To achieve the above objectives, the present invention provides a method for editing and playing animations on an LCD display screen, the method comprising the following steps: Step S10: Respond to the user's animation program editing instructions, and create or modify program content according to the program editing instructions; Step S20: Parse the created or modified program content data packet to obtain the parsed program data; Step S30: Update and play the program content based on the parsed program data.

[0005] A further technical solution of the present invention is that step S10 includes: Step S101: Add animation to the elements that need to be animated according to the program editing instructions, and set the animation duration and repetition count. The animated elements include images, videos or text. Step S102: Set the execution order of multiple elements as needed; Step S103: Save the animation program, parse the set animation, and generate HTML and JavaScript files.

[0006] A further technical solution of the present invention is that step S20 includes: Step S201: The HTML and JavaScript files are parsed and JavaScript code is executed using WebView; Step S202: Determine whether each element needs to be animated; Step S203: Execute the corresponding rendering strategy based on the judgment result.

[0007] A further technical solution of the present invention is that step S203 includes: In step S204, if the element does not need to perform animation, render it directly; if the element needs to perform animation, proceed to step S205. Step S205: Detect the dependency relationship between elements, where the dependency relationship means that the execution of one element animation must be based on a specific state of another element animation; Step S206: After confirming the dependencies, parse and generate a linear execution order list to ensure that the animations are executed strictly according to the correct logical chain, avoiding all animations starting simultaneously in a chaotic manner.

[0008] A further technical solution of the present invention is that the specific state includes start, progress, or end.

[0009] To achieve the above objectives, the present invention also proposes an LCD display animation editing and playback system, the system comprising a cloud management platform, a player software board, and an LCD display; The cloud management platform is used to respond to users' animation program editing instructions, create or modify program content according to the program editing instructions, and send the created or modified program content to the player software board. The player software board is used to parse the created or modified program content data packets, obtain the parsed program data, and send the parsed program data to the LCD display screen. The LCD display screen is used to update and play program content based on the parsed program data.

[0010] A further technical solution of the present invention is that the cloud management platform is also used to add animation to elements that need to be animated according to the program editing instructions, and set the animation duration and repetition count, wherein the animated elements include images, videos or text; Set the execution order of multiple elements as needed; Save the animation program, parse the set animation, and generate HTML and JavaScript files.

[0011] A further technical solution of the present invention is that the player software board is also used to parse and execute JavaScript code on the HTML and javascript files through WebView; Determine whether each element needs to be animated; The corresponding rendering strategy is executed based on the judgment result.

[0012] A further technical solution of the present invention is that the player software board is also used to: if the element does not need to execute animation, then render directly; if the element needs to execute animation, then detect the dependency relationship between the elements, wherein the dependency relationship means that the execution of the animation of one element must be based on the specific state of the animation of another element. The player software board is also used to parse and generate a linear execution order list after confirming the dependencies, ensuring that the animations are executed strictly in the correct logical chain and avoiding all animations starting simultaneously in a chaotic manner.

[0013] A further technical solution of the present invention is that the specific state includes start, progress, or end.

[0014] The beneficial effects of the LCD display animation editing and playback method and system of the present invention are: This invention utilizes WebView technology to create an independent and unified rendering sandbox, forcing the editing and publishing environments to use the same browser engine. This eliminates inconsistencies in performance caused by environmental differences, ensures system compatibility, and makes the editing and publishing environments consistent. It enables efficient previewing and rapid publishing with a high degree of freedom. The same set of visual materials can be easily modified to achieve various different animation effects, enriching product expressiveness and meeting the needs of personalized customization. Attached Figure Description

[0015] To more clearly illustrate the technical solutions in the embodiments of the present invention or the prior art, the drawings used in the description of the embodiments or the prior art will be briefly introduced below. Obviously, the drawings described below are only some embodiments of the present invention. For those skilled in the art, other drawings can be obtained based on the structures shown in these drawings without creative effort.

[0016] Figure 1 This is a flowchart illustrating a preferred embodiment of the LCD display animation editing and playback method of the present invention; Figure 2 This is a schematic diagram of the overall process of the LCD display animation editing and playback method of the present invention; Figure 3 This is a detailed flowchart of step S10; Figure 4This is a detailed flowchart of step S20; Figure 5 This is a detailed flowchart of step S203; Figure 6 This is a system architecture diagram of the LCD display animation editing and playback system of the present invention.

[0017] The realization of the objective, functional features and advantages of the present invention will be further explained in conjunction with the embodiments and with reference to the accompanying drawings. Detailed Implementation

[0018] The technical solutions of the embodiments of the present invention will be clearly and completely described below with reference to the accompanying drawings. Obviously, the described embodiments are only a part of the embodiments of the present invention, and not all of the embodiments. Based on the embodiments of the present invention, all other embodiments obtained by those of ordinary skill in the art without creative effort are within the scope of protection of the present invention.

[0019] This invention proposes a method for editing and playing animations on an LCD display. The technical solution adopted by this invention mainly abstracts complex animation effects (such as displacement, rotation, scaling, and transparency changes) into a lightweight, structured descriptive instruction set (e.g., specifying animation type, duration, number of repetitions, etc.), allowing users to add and combine multiple animations for elements such as images / videos / text, and directly send them to the LCD device.

[0020] Please refer to Figure 1 and Figure 2 A preferred embodiment of the LCD display animation editing and playback method of the present invention includes the following steps: Step S10: Respond to the user's animation program editing instructions, and create or modify program content according to the program editing instructions.

[0021] This embodiment of the LCD display animation editing and playback method is applied to an LCD display animation editing and playback method system, which includes a cloud management platform, a player software board, and an LCD display.

[0022] The cloud management platform provides a visual interface for users to create or modify program content and has the function of distributing programs.

[0023] The player software board receives program data packets from the cloud management platform, parses the program data, and connects to the LCD screen to play the content.

[0024] The LCD screen receives instructions from the player board to update program content in real time.

[0025] like Figure 3 As shown, in this embodiment, step S10 specifically includes: Step S101: Add animation to the elements that need to be animated according to the program editing instructions, and set the animation duration and repetition count. The animated elements include images, videos or text.

[0026] Users first create or modify program content through the cloud management platform, adding images, videos, or text. They then add animations (entrance / emphasis / exit animations) to elements (images / videos / text) that require animation, setting parameters such as animation duration and repeat count.

[0027] Step S102: Set the execution order of multiple elements as needed.

[0028] Step S103: Save the animation program, parse the set animation, and generate an HTML or JavaScript file.

[0029] In this embodiment, after setting the execution order of multiple elements as needed, the cloud management platform saves the program. The cloud management platform then parses the animation set by the user and generates HTML and JavaScript files.

[0030] Then, the generated HTML and JavaScript files are packaged in zip format to create a compressed file, which is then sent to the player software board.

[0031] Step S20: Parse the created or modified program content data packet to obtain the parsed program data.

[0032] like Figure 4 As shown, step S20 specifically includes: Step S201: The HTML and JavaScript files are parsed and JavaScript code is executed using WebView.

[0033] After receiving the HTML and JavaScript files from the cloud management platform, the player software board parses and executes the JavaScript code through WebView.

[0034] Step S202: Determine whether each element needs to be animated.

[0035] Step S203: Execute the corresponding rendering strategy based on the judgment result.

[0036] like Figure 5 As shown, step S203 specifically includes: In step S204, if the element does not need to be animated, render it directly; if the element needs to be animated, proceed to step S205.

[0037] Step S205: Detect the dependencies between elements. The dependency means that the execution of one element's animation depends on a specific state of another element's animation.

[0038] Step S206: After confirming the dependencies, parse and generate a linear execution order list to ensure that the animations are executed strictly according to the correct logical chain, avoiding all animations starting simultaneously in a chaotic manner.

[0039] In this embodiment, for elements that need to be animated, the system first detects the dependencies between them. That is, the execution of an element's animation must be based on the specific state (such as start, in progress, or end) of another element's animation. For example, the animation of element B must start only after the animation of element A has ended; or multiple elements must work together in sequence to complete a complex animation.

[0040] Once the dependencies are identified, the system will parse and generate a linear execution order list to ensure that the animations are executed strictly according to the correct logical chain, avoiding all animations starting simultaneously in a chaotic manner.

[0041] Step S30: Update and play the program content based on the parsed program data.

[0042] After receiving the parsed program data, the LCD screen updates and plays the program content.

[0043] The beneficial effects of the LCD display animation editing and playback method of the present invention are: This invention utilizes WebView technology to create an independent and unified rendering sandbox, forcing the editing and publishing environments to use the same browser engine. This eliminates inconsistencies in performance caused by environmental differences, ensures system compatibility, and makes the editing and publishing environments consistent. It enables efficient previewing and rapid publishing with a high degree of freedom. The same set of visual materials can be easily modified to achieve various different animation effects, enriching product expressiveness and meeting the needs of personalized customization.

[0044] To achieve the above objectives, the present invention also proposes an LCD display animation editing and playback system, such as... Figure 6 As shown, a preferred embodiment of the LCD display animation editing and playback system includes a cloud management platform, a player software board, and an LCD display.

[0045] The cloud management platform is used to respond to users' animation program editing instructions, create or modify program content according to the program editing instructions, and send the created or modified program content to the player software board. The player software board is used to parse the created or modified program content data packets, obtain the parsed program data, and send the parsed program data to the LCD display screen. The LCD display screen is used to update and play program content based on the parsed program data.

[0046] Furthermore, in this embodiment, the cloud management platform is also used to add animations to elements that need to be animated according to the program editing instructions, and to set the animation duration and repetition count. The animated elements include images, videos, or text. Set the execution order of multiple elements as needed; Save the animation program, parse the set animation, and generate HTML and JavaScript files.

[0047] Furthermore, in this embodiment, the player software board is also used to parse and execute JavaScript code from the HTML and JavaScript files using WebView; Determine whether each element needs to be animated; The corresponding rendering strategy is executed based on the judgment result.

[0048] Furthermore, in this embodiment, the player software board is also used to: if an element does not need to execute animation, render it directly; if an element needs to execute animation, detect the dependency relationship between elements, wherein the dependency relationship means that the execution of one element's animation must be based on a specific state of another element's animation. The player software board is also used to parse and generate a linear execution order list after confirming the dependencies, ensuring that the animations are executed strictly in the correct logical chain and avoiding all animations starting simultaneously in a chaotic manner.

[0049] Furthermore, in this embodiment, the specific state includes start, proceed, or end.

[0050] The beneficial effects of the LCD display animation editing and playback system of the present invention are: This invention utilizes WebView technology to create an independent and unified rendering sandbox, forcing the editing and publishing environments to use the same browser engine. This eliminates inconsistencies in performance caused by environmental differences, ensures system compatibility, and makes the editing and publishing environments consistent. It enables efficient previewing and rapid publishing with a high degree of freedom. The same set of visual materials can be easily modified to achieve various different animation effects, enriching product expressiveness and meeting the needs of personalized customization.

[0051] The above description is only a preferred embodiment of the present invention and does not limit the patent scope of the present invention. All equivalent structural transformations made under the concept of the present invention using the contents of the present invention specification and drawings, or direct / indirect applications in other related technical fields, are included within the patent protection scope of the present invention.

Claims

1. A method for editing and playing animations on an LCD display screen, characterized in that, The method includes the following steps: Step S10: Respond to the user's animation program editing instructions, and create or modify program content according to the program editing instructions; Step S20: Parse the created or modified program content data packet to obtain the parsed program data; Step S30: Update and play the program content based on the parsed program data.

2. The LCD display animation editing and playback method according to claim 1, characterized in that, Step S10 includes: Step S101: Add animation to the elements that need to be animated according to the program editing instructions, and set the animation duration and repetition count. The animated elements include images, videos or text. Step S102: Set the execution order of multiple elements as needed; Step S103: Save the animation program, parse the set animation, and generate htmlh and javascript files.

3. The LCD display animation editing and playback method according to claim 2, characterized in that, Step S20 includes: Step S201: The HTML and JavaScript files are parsed and JavaScript code is executed using WebView; Step S202: Determine whether each element needs to be animated; Step S203: Execute the corresponding rendering strategy based on the judgment result.

4. The LCD display animation editing and playback method according to claim 3, characterized in that, Step S203 includes: In step S204, if the element does not need to perform animation, render it directly; if the element needs to perform animation, proceed to step S205. Step S205: Detect the dependency relationship between elements, where the dependency relationship means that the execution of one element animation must be based on a specific state of another element animation; Step S206: After confirming the dependencies, parse and generate a linear execution order list to ensure that the animations are executed strictly according to the correct logical chain, avoiding all animations starting simultaneously in a chaotic manner.

5. The LCD display animation editing and playback method according to claim 4, characterized in that, The specific state includes start, in progress, or end.

6. An LCD display animation editing and playback system, characterized in that, The system includes a cloud management platform, a player software board, and an LCD display screen; The cloud management platform is used to respond to users' animation program editing instructions, create or modify program content according to the program editing instructions, and send the created or modified program content to the player software board. The player software board is used to parse the created or modified program content data packets, obtain the parsed program data, and send the parsed program data to the LCD display screen. The LCD display screen is used to update and play program content based on the parsed program data.

7. The LCD display animation editing and playback method according to claim 6, characterized in that, The cloud management platform is also used to add animations to elements that need to be animated according to the program editing instructions, and to set the animation duration and repetition count. The animated elements include images, videos or text. Set the execution order of multiple elements as needed; Save the animation program, parse the set animation, and generate HTML and JavaScript files.

8. The LCD display animation editing and playback method according to claim 7, characterized in that, The player software board is also used to parse and execute JavaScript code from the HTML and JavaScript files using WebView; Determine whether each element needs to be animated; The corresponding rendering strategy is executed based on the judgment result.

9. The LCD display animation editing and playback method according to claim 8, characterized in that, The player software board is also used to: render directly if the element does not need to perform animation; and detect the dependency relationship between elements if the element needs to perform animation, wherein the dependency relationship means that the execution of one element's animation must be based on the specific state of another element's animation. The player software board is also used to parse and generate a linear execution order list after confirming the dependencies, ensuring that the animations are executed strictly in the correct logical chain and avoiding all animations starting simultaneously in a chaotic manner.

10. The LCD display animation editing and playback method according to claim 9, characterized in that, The specific state includes start, in progress, or end.

Images