CSS webpage animation compression method, system and equipment and storage medium

Abstract

The invention provides a CSS webpage animation compression method, system and device and a storage medium, and the method comprises the steps: carrying out the video recognition of a first animation media, segmenting the first animation media into a plurality of video paragraphs according to the time sequence based on the image similarity, and each paragraph comprises a plurality of video frames; obtaining a standard video frame from each video paragraph, wherein the average value of the image similarity of the standard video frame and other video frames in the video paragraph is the highest; respectively carrying out image comparison on the standard video frame and other video frames in the same video paragraph to obtain image restoration information of a static region, a plurality of dynamic regions and the video paragraph; and generating a media file based on the static areas corresponding to all the video paragraphs of the first animation media, the plurality of dynamic areas and the image restoration information of the video paragraphs, wherein the capacity of the media file is smaller than that of the first animation media. According to the method, the capacity of webpage animation can be reduced, the mobile traffic is saved, the page refreshing speed is increased, and the user experience is improved.

Description

Technical field [0001] The present invention involves the field of display technology on the website page. Specifically, it involves CSS webpage animation compression methods, systems, equipment and storage media. Background technique [0002] JavaScript (referred to as "JS") is a programming language with a functional priority, interpretation or instant compilation. Although it is famous for developing the script language of the web page, it has also been used in many non -browser environments. JavaScript is based on prototype programming, multi -style dynamic script language, and supports object -oriented, command, statement, functions, functions Formulating paradigm. [0003] The current website will use JavaScript to generate embedded dynamic text on the HTML page to play the high -definition animation background, but because the high -definition animation background itself is very large, it will greatly increase the user traffic consumption when using it on the mobile termin...

AI Technical Summary

Problems solved by technology

[0003] The current website will use JavaScript to generate dynamic text embedded in the HTML page to play high-definition animation background, but because the high-definition animation background itself has a lot of traffic, it will greatly increase the consumption of user traffic when using it on the mobile terminal

Images