Animation playing method and device, computer equipment and storage medium

Abstract

The invention relates to an animation playing method and device, computer equipment and a storage medium. The method comprises the following steps: decomposing a dynamic image file into sequence frameimages, and acquiring frame image data corresponding to each frame; compressing each frame of image data, and converting the compressed frame of image data into image data in a base64 format; converting the image data of each base 64 format into a picture file object of a blob format, and generating a key frame animation based on a cascading style sheet according to the picture file object of each blob format; and when a dynamic image loading request sent based on the web page is received, loading the key frame animation into the corresponding web page. The method comprises the following steps: converting frame image data of each frame in a dynamic image file with a large file volume into a picture file object with a small volume and a BLOb format; and playing each frame of image by the picture file object in a CSS-based key frame mode to realize an animation effect, so that the animation loading speed and the animation playing fluency are improved.

Description

technical field [0001] The present application relates to the technical field of image data processing, in particular to an animation playing method, device, computer equipment and storage medium. Background technique [0002] With the development of web technology, more and more web pages display dynamic images to achieve page animation effects and enrich web page content. At present, the common dynamic picture is a Graphics Interchange Format (GIF) image. There are multiple images stored in the GIF image file. By reading these images one by one and displaying them on the screen, the effect of a dynamic picture is formed. Realize the display of simple animation; however, when an HTML5-based webpage achieves animation effects by playing GIF images, due to the large size of the dynamic image file, it often takes a long time to load the GIF image during the loading process of the webpage, resulting in slow animation playback. Slow and poor fluency. Contents of the invention...

AI Technical Summary

Problems solved by technology

At present, the common dynamic picture is a Graphics Interchange Format (GIF) image. There are multiple images stored in the GIF image file. By reading these images one by one and displaying them on the screen, the effect of a dynamic picture is formed. Realize the display of simple animation; however, when an HTML5-based webpage achieves animation effects by playing GIF images, due to the large size of the dynamic image file, it often takes a long time to load the GIF image during the loading process of the webpage, resulting in slow animation playback. slow, poor fluency

Images