Display device and animation display method for display device

Abstract

Provided in some embodiments of the present application are a display device and an animation display method for a display device. In the method, when a display device performs display switching between a first interface and a second interface, playing state information which may comprises picture display parameters of the first interface, or icon shape information of media resource data is acquired, and a shared element image is generated on the basis of the playing state information or the icon shape information; and a transition animation is generated on the basis of the shared element image, so as to sequentially display the transition animation and the second interface or the first interface, wherein when the first interface is switched to, the aspect ratio of the shared element image may be equal to the aspect ratio of a media resource playing picture in the first interface; and when the second interface is switched to, the shape of the shared element image may be the same as the shape of a media resource icon in the second interface. Therefore, the display content difference between a thumbnail, a transition animation and a playing picture can be reduced, thereby improving the coherence and smoothness of the transition animation.

Description

Display device and animation display method for display device CROSS-REFERENCE TO RELATED APPLICATIONS This application claims priority to the Chinese patent application filed on October 25, 2023 with application number 202311393817.5; and filed on October 25, 2023 with application number 202311393773.6, the entire contents of which are incorporated by reference into this application. Technical Field The present application relates to the technical field of display devices, and in particular to a display device and an animation display method for the display device. Background Art Display devices are intelligent devices that can present user interfaces and support user interaction. Taking smart TV as an example, smart TV is based on Internet application technology, has an open operating system and chip, has an open application platform, can realize two-way human-computer interaction, and integrates multiple functions such as audio and video, entertainment, and data to meet the diverse and personalized needs of users. The display device can form a user interface by overlaying multiple layers. For example, the display layer of the display device may include a video layer and a graphic layer. The video layer can have a better picture display effect and can be used to display the playback screen of pictures or videos; the graphic layer has a better display response speed and dynamic effect and can be used to display thumbnails and transition animations. However, due to the different ways in which the video layer and the graphics layer process the displayed images, there is a large gap between the display content of the thumbnails, transition animations, and the playback screen. For example, the display shape of the thumbnail is a rounded square, and the playback screen has multiple zoom modes, such as original size, original ratio, full screen, etc. The shapes of the playback screen are different in different zoom modes. When the display screen transitions from the preview interface to the playback interface, the inconsistency between the thumbnail and the playback screen will cause the transition animation to be inconsistent, affecting the transition effect. Summary of the invention According to some embodiments of the present application, a display device may include: a display, a memory, and at least one processor. The display may be configured to display a first interface or a second interface, wherein the first interface may be used to display a playback screen of media data; the second interface may be used to display an icon screen of media data; the memory may be configured to store computer instructions and data associated with the display device; the at least one processor may be configured to execute the computer instructions to enable the display device to perform the following program steps: when the display displays the second interface, in response to a playback instruction input by a user for playing media data, playback status information may be obtained, and the playback status information may include screen display parameters when the first interface displays the playback screen of the media data; a shared element image is generated according to the playback status information and a first animation image, and the first animation image may be an image obtained based on the icon of the media data; the aspect ratio of the shared element image may be equal to the aspect ratio of the playback screen of the media data; a transition animation is generated based on the shared element image, and the display is controlled to display the transition animation and the first interface in sequence. Another display device according to some embodiments of the present application may include: a display, a memory and at least one processor. The display may be configured to display a first interface or a second interface, wherein the first interface may be used to display a playback screen of media data; the second interface may be used to display an icon screen of media data; the memory may be configured to store computer instructions, and data associated with the display device; the at least one processor may be configured to execute the computer instructions to enable the display device to perform the following program steps: when the display displays the first interface, in response to an exit instruction input by a user for stopping playback of media data, icon shape information of the media data may be obtained; a shared element image may be generated based on the icon shape information and a second animation image, wherein the second animation image may be an image obtained based on the content displayed on the first interface; the shape of the shared element image may be the same as the content displayed on the first interface; The icons of the media asset data have the same shape; a transition animation is generated based on the shared element image, and the display is controlled to display the transition animation and the second interface in sequence. According to some embodiments of the present application, an animation display method for a display device may include a display, and the display may be configured to display a first interface or a second interface, the first interface may be used to display a playback screen of media data; the second interface may be used to display an icon screen of media data; the method may include: when the display displays the second interface, in response to a playback instruction input by a user for playing media data, playback status information may be obtained, and the playback status information may include screen display parameters when the first interface displays the playback screen of the media data; a shared element image is generated according to the playback status information and a first animation image, and the first animation image may be an image obtained based on the icon of the media data; the aspect ratio of the shared element image may be equal to the aspect ratio of the playback screen of the media data; a transition animation is generated based on the shared element image, and the display is controlled to display the transition animation and the first interface in sequence. According to another animation display method for a display device in some embodiments of the present application, the display device may include a display, and the display may be configured to display a first interface or a second interface, the first interface may be used to display a playback screen of media data; the second interface may be used to display an icon screen of media data; the method may include: when the display displays the first interface, in response to an exit instruction input by a user to stop playing media data, icon shape information of the media data may be obtained; a shared element image may be generated based on the icon shape information and a second animation image, the second animation image may be an image obtained based on the content displayed on the first interface; the shape of the shared element image may be the same as the icon shape of the media data; a transition animation may be generated based on the shared element image, and the display may be controlled to display the transition animation and the second interface in sequence. BRIEF DESCRIPTION OF THE DRAWINGS FIG1 is a schematic diagram of an operation scenario between a display device and a control device according to some embodiments of the present application; FIG2 is a hardware configuration block diagram of a display device according to some embodiments of the present application; FIG3 is a hardware configuration block diagram of a control device according to some embodiments of the present application; FIG4 is a schematic diagram of software configuration in a display device according to some embodiments of the present application; FIG5 is a schematic diagram of a display function module according to some embodiments of the present application; FIG6 is a schematic diagram of the relationship between the video layer and the OSD layer according to some embodiments of the present application; FIG7 is a schematic diagram of the relationship between the acceleration layer and the OSD layer according to some embodiments of the present application; FIG8A is a schematic diagram of a transition animation display difference effect according to some embodiments of the present application; FIG8B is a schematic diagram of a multi-layer display difference effect according to some embodiments of the present application; FIG9 is a schematic diagram of a flow chart of displaying a preview interface according to some embodiments of the present application; FIG10 is a schematic diagram of a multi-layer display effect according to some embodiments of the present application; FIG11 is a schematic diagram of a transition animation display process of a playback process according to some embodiments of the present application; FIG12 is a schematic diagram of a transition animation display process when playing media assets according to some embodiments of the present application; FIG13 is a comparison diagram of thumbnail and playback screen ratios according to some embodiments of the present application; FIG14 is a schematic diagram of a shared element image according to some embodiments of the present application; FIG15 is a schematic diagram of generating transition animation effects according to some embodiments of the present application; FIG16 is a schematic diagram of a transition animation effect of a vertical display screen according to some embodiments of the present application; FIG. 17 is a schematic diagram of a transition animation display process when exiting media playback according to some embodiments of the present application; FIG. 18 is a schematic diagram of a transition animation display effect when exiting the playback of a media resource according to some embodiments of the present application; FIG19 is a schematic diagram of a method for cropping a shared element image according to some embodiments of the present application; FIG20 is a schematic diagram of a transition animation display process of an exit playback process according to some embodiments of the present application; FIG21 is a schematic diagram showing a flow chart of a zooming process according to some embodiments of the present application; FIG. 22 is a schematic diagram showing the display effect of the zooming process according to some embodiments of the present application. DETAILED DESCRIPTION The following will describe the embodiments in detail, examples of which are shown in the accompanying drawings. Unless otherwise indicated, the same numbers in different figures represent the same or similar elements. The implementations described in the following examples do not represent all implementations consistent with the present application. They are only examples of systems and methods consistent with some aspects of the present application as detailed in the claims. The following embodiments are described in detail, and examples thereof are shown in the accompanying drawings. When the following description refers to the drawings, unless otherwise indicated, the same numbers in different drawings represent the same or similar elements. The implementations described in the following embodiments do not represent all implementations consistent with the present application. They are only examples of systems and methods consistent with some aspects of the present application as detailed in the claims. It should be noted that the brief description of terms in this application is only for the convenience of understanding the embodiments described below, and is not intended to limit the embodiments of this application. Unless otherwise specified, these terms should be understood according to their common and usual meanings. The terms "first", "second", "third", etc. in the specification and claims of this application and the above drawings are used to distinguish similar or similar objects or entities, and do not necessarily mean to limit a specific order or sequence, unless otherwise noted. It should be understood that the terms used in this way can be interchangeable under appropriate circumstances. The terms "comprises," "comprising," and "having," and any variations thereof, are intended to cover but not exclude inclusion, for example, a product or device comprising a list of components is not necessarily limited to all the components expressly listed but may include other components not expressly listed or inherent to such product or device. The term "module" refers to any known or later developed hardware, software, firmware, artificial intelligence, fuzzy logic, or combination of hardware and / or software code that is capable of performing the functions associated with that element. Fig. 1 is a schematic diagram of an operation scenario between a display device and a control device according to some embodiments of the present application. As shown in Fig. 1 , a user can operate a display device 200 through a mobile terminal 300 and a control device 100. In some embodiments, the mobile terminal 300 can install software applications with the display device 200, and achieve connection and communication through a network communication protocol to achieve the purpose of one-to-one control operation and data communication. The audio and video content displayed on the mobile terminal 300 can also be transmitted to the display device 200 to achieve a synchronous display function. 1, the display device 200 may also communicate data with the server 400 through various communication methods. The display device 200 may be allowed to communicate and connect through a local area network (LAN), a wireless local area network (WLAN), and other networks. In addition to providing the broadcast receiving television function, the display device 200 may also provide an intelligent network television function with computer support functions, which may include but is not limited to network television, smart television, Internet Protocol television (IPTV), etc. FIG. 2 is a hardware configuration block diagram of a display device according to some embodiments of the present application. In some embodiments, the display device 200 may include at least one of a tuner 210, a communication device 220, a detector 230, a device interface 240, at least one processor 250, a display 260, an audio output interface 270, a memory, a power supply, and a user interface. In some embodiments, the detector 230 can be used to collect signals of the external environment or external interaction. For example, the detector 230 may include a light receiver, which can be used to collect a sensor for the intensity of ambient light; or, the detector 230 may include an image collector, such as a camera, which can be used to collect external environment scenes, user attributes or user interaction gestures; or, the detector 230 may include a sound collector, such as a microphone, which can be used to receive external sounds. In some embodiments, the display 260 may include a display screen component for presenting images and a driving component for driving image display, which can be used to receive image signals output from at least one processor, display video content, image content, and menu control interface components and user control UI interface, etc. In some embodiments, the communication device 220 is a component that can be used to communicate with the external device or server 400 according to various communication protocol types. In some embodiments, at least one processor 250 may include a central processing unit, a video processor, an audio processor, a graphics processor, a RAM, a ROM, and a first interface to an nth interface for input / output. At least one processor 250 may control the operation of the display device and respond to user operations through various software control programs stored in the memory. At least one processor 250 may control the overall operation of the display device 200. In some embodiments, at least one processor 250 and the tuner-demodulator 210 may be located in different separate devices, that is, the tuner-demodulator 210 may also be located in an external device of the main device where the at least one processor 250 is located, such as an external set-top Boxes, etc. In some embodiments, the user may input a user command in a graphical user interface (GUI) displayed on the display 260 , and the user input interface receives the user input command through the graphical user interface (GUI). In some embodiments, the user interface 280 is an interface that can be used to receive control input. FIG3 is a hardware configuration block diagram of a control device according to some embodiments of the present application. As shown in FIG3 , the control device 100 may include a control device 110 , a communication interface 130 , a user input / output interface 140 , a memory 190 , and a power supply 180 . The control device 100 can be configured to control the display device 200 , and can receive user input operation instructions, and convert the operation instructions into instructions that the display device 200 can recognize and respond to, thereby playing the role of an interactive intermediary between the user and the display device 200 . In some embodiments, the control device 100 may be a smart device, for example, the control device 100 may be installed with various applications for controlling the display device 200 according to user needs. In some embodiments, as shown in FIG. 1 , the mobile terminal 300 or other intelligent electronic device can perform similar functions as the control device 100 after installing an application for operating the display device 200 . The control device 110 may include a processor 112, a RAM 113, a ROM 114, a communication interface 130, and a communication bus. The control device 110 may be used to control the operation and operation of the control device 100, as well as the communication and cooperation between internal components and external and internal data processing functions. The communication interface 130 can communicate control signals and data signals with the display device 200 under the control of the control device 110. The communication interface 130 can include at least one of other near field communication modules such as a WiFi chip 131, a Bluetooth module 132, and an NFC module 133. The user input / output interface 140 , wherein the input interface may include at least one of other input interfaces such as a microphone 141 , a touch panel 142 , a sensor 143 , and a button 144 . In some embodiments, the control device 100 may include at least one of a communication interface 130 and an input / output interface 140. The control device 100 may be configured with a communication interface 130, such as a WiFi, Bluetooth, NFC or other module, and the user input command may be encoded through the WiFi protocol, Bluetooth protocol, or NFC protocol and sent to the display device 200. The memory 190 may be used to store various operating programs, data and applications for driving and controlling the control device 100 under the control of the control device 110. The memory 190 may store various control signal instructions input by the user. The power supply 180 can be used to provide operating power support for various components of the control device 100 under the control of the control device 110. Figure 4 is a schematic diagram of the software configuration in the display device according to some embodiments of the present application. As shown in Figure 4, in some embodiments, the system can be divided into four layers, from top to bottom, namely, the application layer (Applications) layer (referred to as "application layer"), the application framework layer (Application Framework) layer (referred to as "framework layer"), the Android runtime (Android runtime) and system library layer (referred to as "system runtime library layer"), and the kernel layer. In some embodiments, at least one application program may be run in the application program layer, and these applications may be window programs, system setting programs, clock programs, etc. provided by the operating system, or applications developed by third-party developers. In specific implementations, the application packages in the application program layer are not limited to the above examples. The framework layer can provide application programming interfaces (APIs) and programming frameworks for applications. The application framework layer can include some predefined functions. The application framework layer is equivalent to a processing center that determines the actions that applications in the application layer take. Through the API interface, applications can access system resources and obtain system services during execution. As shown in FIG4 , the application framework layer in the embodiment of the present application may include a view system, managers, content providers, etc., wherein the view system may design and implement the interface and interaction of the application, and the view system may include lists, grids, text boxes, buttons, etc. The manager may include at least one of the following modules: an activity manager may be used to interact with all activities running in the system; a location manager may be used to provide system services or applications with access to the system location service; a package manager may be used to retrieve various information related to the application package currently installed on the device; a notification manager may be used to control the communication of notifications; and a notification manager may be used to control the communication of notifications. The window manager can be used to manage icons, windows, toolbars, wallpapers, and desktop widgets on the user interface. In some embodiments, the activity manager can be used to manage the life cycle of each application and the common navigation back function, such as controlling the exit, opening, and back of the application. The window manager can be used to manage all window programs, such as obtaining the display screen size, determining whether there is a status bar, locking the screen, capturing the screen, and controlling the display window changes (for example, reducing the display window, shaking the display, distorting the display, etc.). In some embodiments, the system runtime layer can provide support for the upper layer, namely the framework layer. When the framework layer is used, the Android operating system will run the C / C++ library contained in the system runtime layer to implement the functions to be implemented by the framework layer. In some embodiments, the kernel layer is a layer between hardware and software. As shown in FIG4 , the kernel layer may include at least one of the following drivers: audio driver, display driver, Bluetooth driver, camera driver, WIFI driver, USB driver, HDMI driver, sensor driver (such as fingerprint sensor, temperature sensor, pressure sensor, etc.), and power driver, etc. Based on the above system hierarchical relationship, the display device 200 can form a display screen on the display 260 by calling resources of each layer to control the display 260 to display the user interface. In order to display the user interface, functional modules related to the display process can be configured in the display device 200. For example, as shown in FIG5, the display device 200 can render and display the user interface in real time through an image generation (Image Producer) module, an image rendering (surface flinger) module, a synthesis (Composer) module, a video process (Video Processing Unit hardware, VPU hardware) module and a display (screen). During the display process, the graphics interface (openGLES), media player, camera and other peripherals of the image generation module can be used to generate image content to be displayed, and pass the image content to the image rendering module. The image rendering module can be used to control the display 260 to display content, that is, the image content can be rendered through the user interaction layer (UI layer) or the video layer (video layer) according to the image content. In order to obtain a better display effect, the image content of the UI layer can be rendered by the GPU component, so as to form a picture frame for display in the synthesis module. Among them, the picture frames can be stored in the synthesis module through the frame buffer and the video buffer, and the picture content can be formed in the corresponding layers through the video process module. That is, the image frames generated by the video playback process form the picture content through the video plane, and the image frames of other image pictures (such as UI interface graphics, etc.) form the picture content through the primary graphics (On-Screen Display, OSD) layer (primary OSD plane). Finally, the display device 200 can form the final picture through the blending unit (blend) of the video process module and display it on the display 260. When the display device 200 displays the user interface, it switches between multiple interfaces according to the interactive actions input by the user. For example, for the media playback process, the display device 200 can switch between the preview interface and the playback interface. Among them, the preview interface can be used to display the media list, that is, at least one media data icon can be included in the preview interface. The playback interface can be used to display the playback screen of the media data, so the playback interface can be displayed in full screen or full window. When the display device 200 presents the preview interface, the user can click on the media data icon on the preview interface through a control device such as a remote control to input a playback instruction. After receiving the media playback instruction input by the user, the display device 200 can control the playback of the clicked media data and switch to the playback interface. It should be noted that, in the embodiment of the present application, the two user interfaces when the display device 200 switches interfaces may be referred to as the first interface and the second interface. When one of the first interface and the second interface is used as the user interface before switching, the other is used as the user interface after switching. For example, the first interface is the playback interface and the second interface is the preview interface. For the start of the playback process, the display device 200 switches from displaying the second interface to displaying the first interface. For the exit of the playback process, the display device 200 switches from displaying the first interface to displaying the second interface. In the embodiment of the present application, the first interface is described as the playback interface and the second interface is the preview interface as an example. It should be understood that the first interface and the second interface can also be used to represent other interfaces respectively. In addition, the video layer and the OSD layer can display different user interfaces respectively, or they can display one user interface in a superimposed manner. In some embodiments, different user interfaces displayed by the display device 200 may be displayed through different layers, or may be displayed by overlaying multiple layers, with different layers having different screen display modes. The device 200 can display the first interface and the second interface respectively through the video layer and the OSD layer. The video layer can establish a connection relationship with the media player of the image generation module to display the screen content generated by the media player by playing the media data. For example, when the display device 200 plays video media, the media player can parse the media data to form multiple frames of media pictures, and send the multiple frames of media pictures to the video layer to form a video playback picture. The video layer can display the picture based on the content, format, type, decoding specification, picture quality parameters, etc. of the media data, so as to obtain a better picture display effect. For example, for a high frame rate video media of 90Hz, the media player of the display device 200 can directly obtain 90 frames of display pictures per second by decoding the video data, and present these 90 frames of display pictures in the video layer. It should be noted that the video layer can be used not only to display video-type media content, but also to display other types of media content. For example, the video layer can also display a picture detail interface for the user, that is, picture-type media data can be decoded by the media player to form multiple frames of images with the same content, and displayed in the video layer according to the display refresh rate of the display 260. In some embodiments, the display device 200 can also perform image quality processing on the image content when displaying the image content in the video layer, so that the image content displayed in the video layer is more in line with user needs. For example, a plurality of image quality mode options can be preset in the operating system of the display device 200, which may include standard, soft, bright, eye protection, etc. The user can select one of the image quality modes according to viewing needs, and the display device 200 can perform image quality processing on the displayed image content according to the selected image quality mode. For example, when the user selects the bright mode, the display device 200 will enhance the color saturation and brightness in the image content to make the image content more vivid and bright, and then display the image frame with adjusted image quality through the video layer. The OSD layer can refresh and display some image-related information in real time according to the interactive operation process of the display device 200. For example, graphics, text, icons, etc. The OSD layer can also display some specific device status information. For example, OSD can be used to display information such as channels, volume, brightness and contrast. As shown in Figure 6, the display level of the OSD layer can be higher than the video layer, so that the graphics and other contents displayed by the OSD layer can appear on the video playback screen, so that the user can perform interactive operations based on the contents displayed by the OSD layer. Since the OSD layer needs to respond to the user's interactive operation in real time, the dynamic display effect of the OSD is better than that of the video layer. Therefore, in some embodiments, the screen display process of the display device 200 can be completed through the cooperation of the video layer and the OSD layer. For example, when the user clicks on the picture icon (thumbnail) in the picture list interface to control the display device 200 to display the clicked picture in full screen, the display device 200 first displays the thumbnail icon of the picture through the OSD layer, and after the user clicks the thumbnail icon, the transition animation of the full-screen display of the picture is displayed through the OSD layer, which is also called the transition animation. After the transition animation is displayed, the display device 200 displays the picture content through the video layer. It should be noted that, in the process of displaying the user interface on the OSD layer, the graphics, text, icons and other contents presented on the OSD layer will be associated with the media assets displayed on the video layer. For example, the picture thumbnail icon presented on the OSD layer is a graphic generated by the display device 200 after thumbnail sampling and scaling according to the picture content. For some display devices 200 that need to respond to interactive action content in real time, in order to present a better real-time response effect, the display device 200 should shorten the delay between the interactive action input time and the screen display result display time. To this end, in some embodiments, the display device 200 can present a real-time display effect by setting an acceleration layer. That is, in the video process module of the display device 200, an additional extended display layer (external OSD plane) can be set on the basis of the main OSD layer and the video layer. Among them, the extended display layer can be configured with different layer characteristics according to the specific display effect requirements. For example, the bitmap refresh mode of the extended display layer can be modified so that the extended display layer is refreshed in real time according to the region, thereby improving the display speed of the graphics. At this time, the extended display layer can be used as an acceleration layer in scenes with high dynamic display effects. Taking the display device 200 supporting touch interactive operation running a whiteboard application as an example, in order to improve the real-time response speed of the line drawing process, after detecting the user's touch operation, the touch track can be drawn in real time in the extended display layer (acceleration layer). As shown in FIG7 , the display level of the acceleration layer can be higher than other layers, and when the user completes the touch input, the lines drawn by the acceleration layer are updated to other layers, thereby reducing the input delay and improving the real-time display effect of the whiteboard application drawing process. It should be noted that the extended display layer is a layer for auxiliary display, and its display and hiding timing can be controlled according to the actual interaction process. For example, when the extended display layer is used as an acceleration layer to assist the user in real-time display of the touch track, the display device 200 can be controlled to display when the user inputs a touch interaction operation, and hide when the user does not input a touch interaction operation. That is, the display device 200 can monitor the touch interaction events input by the user, and when a down event is detected in the user's touch interaction operation, the acceleration layer is enabled and displayed; when an up event is detected in the user's touch interaction operation, the acceleration layer is stopped and hidden. In some embodiments, the display device 200 can also control the display and hiding of the extended display layer according to the application running state. For example, when it is detected that the display device 200 starts running a touch interaction application such as a whiteboard, the acceleration layer is enabled and displayed, and when it is detected that the display device 200 exits a touch interaction application such as a whiteboard, the acceleration layer is disabled and hidden. In some embodiments, in order to obtain a better display effect, when the display device 200 switches the user interface, a transition animation can be added between the first interface and the second interface in the process of switching from the second interface to the first interface (or from the first interface to the second interface). For example, the display device 200 based on the Android system can obtain a transition animation by setting a shared element animation. Among them, the Android system platform can provide transition animations between multiple Activity jumps, and shared element animation is one of the transition animations. Android has supported shared element animations since 5.0. Shared element animation is to jump from Activity A to Activity B. The two Activities can share certain controls, namely shared elements, and generate transition animations based on these shared elements. It should be noted that the sharing here is not real sharing, which means that the elements marked as shared when jumping from Activity A to Activity B will have an animated zoom effect. Closing Activity B and returning to Activity A will also have a zooming effect. Moreover, according to the Android source code, the shared element animation is to render the ShareElementView to the top layer of the entire Activity (ViewOverlay of DecorView). When generating the transition animation, the ShareElementView will not be blocked. During the entire ShareElement animation process (Activity A opens Activity B), the only thing that is animated is the ShareElement in Activity B. The only function of the ShareElement in Activity A is to provide parameters such as position and size. Then, these parameters are set to the corresponding View in Activity B in the setSharedElementState() function to form a transition animation effect. In the process of generating a transition animation, the display device 200 can use one or more display contents in the first interface or the second interface as shared elements for generating a transition animation. For example, when the display device 200 switches from the preview interface to the playback interface, the display device 200 can extract the media data icon (such as a thumbnail) in the preview interface as a shared element, and enlarge the thumbnail frame by frame through multiple animation frames, until the thumbnail is the same or similar in size to the playback screen, a transition animation in which the thumbnail is gradually enlarged is generated and displayed. Similarly, when the display device 200 switches from the playback interface to the preview interface, the display device 200 can extract the display screen (such as the current playback frame) in the playback interface as a shared element, and reduce the display screen frame by frame through multiple animation frames, until the display screen is the same or similar in size to the icon in the preview interface, a transition animation in which the display screen is gradually reduced is generated and displayed. However, since the interface types of the first interface and the second interface are different, and the interface elements in the first interface and the second interface are also different, when the transition animation is generated based on the interface elements in the first interface or the second interface as shared elements, there is a large gap between the transition animation and the content displayed in the user interface after switching. For example, as shown in FIG8A, the display shape of the thumbnail is a rounded square, and the playback screen has a variety of zoom modes, such as original size, original ratio, full screen, etc. The shape of the playback screen displayed in different zoom modes is different. When the display screen transitions from the preview interface to the playback interface, the shapes of the thumbnail and the playback screen are inconsistent, which will cause the transition animation to be inconsistent and affect the transition effect. Furthermore, when the first interface and the second interface are displayed through different layers, since different layers can be configured to complete the screen display according to different processing methods, the display device 200 will have different picture quality due to layer changes during the display process. For example, as shown in FIG8B, for the full-screen display process of the picture, the display device 200 displays the picture in full screen through the video layer, while the thumbnails and transition animations before the full-screen display are displayed through the OSD layer. Since the video layer can adjust the picture quality content according to the picture quality mode of the display device 200, and the OSD layer directly renders the interface according to the graphic control, the displayed thumbnails and the transition animations generated according to the pictures are different from the picture display effects of the full-screen display. That is, after the user sets the vivid mode, the picture displayed in full screen will be processed for color saturation and brightness, while the pictures displayed by the thumbnails and transition animations are not processed for color saturation and brightness, resulting in inconsistent display effects of the picture content in different layers, and the same image content has jumps in display parameters such as image quality, chroma, and contrast. For example, in vivid mode, the video layer displays the image in full screen with a color saturation of 100%, a brightness of 80, and a contrast of 60. The OSD layer still displays thumbnails in standard mode with a color saturation of 50%, a brightness of 50, and a contrast of 50. Then, the image displayed in the video layer and the OSD layer is the same in terms of color saturation, brightness, contrast, etc. A jump occurs. In order to alleviate the problem that the display effect of the display device 200 through different layers is greatly different, some embodiments of the present application provide an animation display method for a display device, which is mainly used for multi-layer display. The method can be applied to a display device 200 such as a television. In order to meet the implementation of the method, the display device 200 should at least include a display 260, a memory and at least one processor 250. The display 260 can be configured to display the first interface and / or the second interface, the memory can be configured to store computer instructions, and data associated with the display device 200, and the at least one processor 250 can be configured to execute the computer instructions to enable the display device to execute the program steps corresponding to the animation display method. In some embodiments, the memory included in the display device 200 is further configured to store image quality processing parameters associated with the first layer and / or the second layer. The first interface can be displayed through the first layer, and the second interface can be displayed through the second layer. The first layer and the second layer are two different display layers and can have different uses. The first layer and the second layer can perform different image quality processing on the displayed screen content. For example, the first layer is a video layer, which can be used to display the playback interface, and the second layer is an OSD layer, which can be used to display the preview interface. In the embodiment of the present application, the first layer is a video layer for displaying a playback interface or a picture, and the second layer is an OSD layer for displaying a preview interface or a picture thumbnail, as an example to illustrate the animation display method. It should be understood that the first layer and the second layer can also be used as other types of layers respectively. The first layer can be used to display interface content or media data according to the image quality mode set by the display device 200. For example, the first layer is the video layer of the display device 200, which can be used to form a playback screen in the user interface. When the user sets the image quality mode of the display device 200 to "vivid mode", the display device 200 can adjust the color saturation and brightness of the image according to the image quality mode, and then display it through the first layer. Corresponding to the first layer, the second layer can be used to display interface content or media data according to the standard image quality mode. For example, the second layer is an OSD layer, which can be used to display application interfaces, application menus, toolbars, and other contents. Since application interfaces, application menus, toolbars, and other contents are often hidden during the process of the display device 200 playing media data, the OSD layer will not display content according to the image quality mode of the display device 200. Since multi-layer display can occur in a variety of application scenarios, it can include the scene of entering the preview interface, the playback scene, the playback animation switching (open transition) scene, the stop playback scene, the stop playback animation switching (close transition) scene, the zoom scene, etc. Different application scenarios can be triggered by different control instructions. The following describes the multi-layer display process using different application scenarios as examples. For the scene of entering the preview interface, as shown in Figure 9, it can include some or all of the following contents: S100: In response to a display instruction input by a user for displaying a preview interface, obtaining image quality processing parameters of a first layer; The display instruction for displaying the preview interface can be based on the control device 100 (remote control), touch interaction operation, voice interaction operation, and input from an external device such as a mouse. For example, the user can control the focus cursor to select the "File Manager-All Files (or Pictures, Videos)" option in the user interface in sequence through the remote control of the display device 200, and the display device 200 can jump to the display preview interface. For another example, the user can input the voice "Show Picture Preview Interface" through the voice interaction application to control the display device 200 to jump to the preview interface. Among them, the preview interface may include at least one media asset icon displayed in the form of a thumbnail. Since the thumbnail is based on the picture content displayed on the OSD layer, its display effect is generally not affected by the picture quality mode set by the display device 200, so the display pattern of the thumbnail is the effect that has not been adjusted by the picture quality mode. For example, the thumbnail is a small picture effect formed by scaling or compressing the original picture. When the picture is clicked to display in full screen, it is displayed through the video layer. When the display device 200 is set to the vivid mode, the picture displayed in full screen is the effect after the color display is adjusted in the vivid mode. At this time, the display effect of the thumbnail is quite different from that of the picture displayed in full screen. In order to alleviate the difference in display effects of the same image between the preview interface and the full-screen display interface, the display device 200 can obtain the image quality processing parameters of the first layer after obtaining the display instruction input by the user for displaying the preview interface. The image quality processing parameters are information such as the hardware configuration, the image quality processing algorithm, and the image quality mode set by the display device 200. Generates a parameter collection. In order to facilitate storage and calling, in some embodiments, the image quality processing parameters can also form a data matrix, i.e., a color matrix, according to a set data structure. The display device 200 can obtain image quality parameters such as brightness, contrast, saturation, color temperature, and hue through the interface of the middleware according to different chip solution providers and different image modes, and multiply them by a certain coefficient according to actual comparison experiments to obtain preprocessing parameters of the OSD layer display image similar to the display image of the Video layer, and then save these preprocessing parameters in the data format of the Color Matrix. For example, when the user sets the picture quality mode of the display device 200 to the vivid mode, the display device 200 can store picture quality parameters such as brightness, contrast, saturation, color temperature and hue through the Color Matrix. These picture quality parameters can obtain preset conversion coefficients based on actual comparison experiments, and obtain pre-processing parameters of brightness 0, contrast 15, saturation 50, color temperature -5, and hue 0. When the OSD layer displays image content with the above pre-processing parameters, it can obtain a display effect that is the same as or relatively similar to the image content displayed by the Video layer in the "vivid mode". For example, the Color Matrix can be stored in the following parameter form and converted into the corresponding preprocessing parameters, that is, ColorMatrix = new ColorMatrix(). Among them, for the brightness parameter luminanceSet 0: ColorMatrix lumMatrix = new ColorMatrix(); set the upper limit value int max = 60; float attribute float lum = (float)(luminanceSet+max)*1f / max; lumMatrix.setScale(lum,lum,lum,1); / / (1,1,1,1); colorMatrix.postConcet(lumMatrix). For contrast parameters, contrastSet 15: ColorMatrix contrastMatrix=newColorMatrix(); int max=60; float contrast=(float)(contrastSet+max)*1f / max; / / 1.25; contrastMatrix.setScale(contrast,contrast,contrast,1); / / (1.25,1.25, 1.25,1); float[]array=contrastMatrix.getArray(); array[4]=128*(1-contrast); / / -32; array[9]=128*(1-contrast); / / -32; array

[0014] =128*(1-contrast); / / -32; colorMatrix.postConcet(contrastMatrix). For saturation parameter saturationSet 50: ColorMatrix satMatrix = new ColorMatrix(); int max = 60; float sat = (float)(saturationSet+max)*1f / max; / / 1.8333334; satMatrix.setSaturation(set); / / 1.8333334; colorMatrix.postConcet(satMatrix). For color temperature colorTemperatureSet-5: ColorMatrix colorTemMatrix = new ColorMatrix(); int max = 60; float offset=(float)colorTemperatureSet*1f*100 / max; / / -10.0; if(colorTemperatureSet>0){float[]warmMatrix={1,0,0,0,offset*1.2f;0,1,0,0,offset;0,0,1,0,0;0,0,0,1,0}; colorTemMatrix.set(warmMatrix);}el se{float[]coldMatrix={1,0,0,0,Math.abs(offset)*0.1f;0,1,0,0,Math.abs(offset);0,0,1,0,Math.abs( offset)*1.2f; 0,0,0,1,0}; colorTemMatrix.set(coldMatrix)}; colorMatrix.postConcet(colorTemMatrix). For hue hueSet 0: ColorMatrix hueMatrix=new ColorMatrix(); int max=600; / / hue(-15~15); float hue=(float)hueSet*1f / max*180; / / 0.0; hueMatrix.setRotate(0,hue); hueMatrix.setRotate(1,hue); hueMatrix.setRotate(2,hue); colorMatrix.postConcet(hueMatrix). After the above parameter transformation, the transformation result of the preprocessing parameters can be obtained as follows: colorMatrix={2.0697918,-0.7447917,-0.074999996,0.0,-30.9999998;-0.22187501,1.546875,-0.0 74999996,0.0,-21.999998;-0.22187501,-0.7447917,2.2166667,0.0,-20.0;0.0,0.0,0.0,1.0,0.0}. It can be seen that the image quality processing parameters are affected by fixed parameters such as hardware configuration and image quality processing algorithm on the one hand, and are also affected by variable parameters such as user settings on the other hand, that is, when the user changes the image quality mode of the display device 200, the corresponding image quality processing parameters will change. Therefore, in some embodiments, the display device 200 can monitor the setting instructions input by the user in real time. When the user inputs the setting instructions for modifying the image quality parameters, the display device 200 can respond to the setting instructions, display the image quality setting interface, and call the image quality processing parameters. When the user inputs an interactive action based on the image quality setting interface and generates new image quality parameters, the display device 200 can use the new image quality parameters to update the image quality processing parameters and save the updated image quality processing parameters. For example, when the user adjusts the image quality mode of the display device 200 from "bright mode" to "soft mode", the display device 200 can obtain the picture quality parameters such as brightness, contrast, saturation, color temperature and hue again through the middleware interface according to the new picture quality mode, namely "soft mode", and can obtain the preprocessing parameters of the OSD layer display image similar to the video layer display image according to the preset conversion coefficient, and save these color matrices to achieve the purpose of updating the picture quality processing parameters. Since the display device 200 can perform image quality processing on the image to be displayed through the image quality processing parameters to generate a preview image to be displayed on the second layer, in some embodiments, the display device 200 can detect the display content in the preview interface before obtaining the image quality processing parameters of the first layer, that is, the display device 200 can traverse the images to be displayed in the preview interface, and when the preview interface includes one or more images to be displayed, the display device 200 executes the step of obtaining the image quality processing parameters of the first layer; when the preview interface does not include the image to be displayed, the step of obtaining the image quality processing parameters of the first layer is not executed, and the display 260 is directly controlled to display the preview interface. The display device 200 can detect the image to be displayed in the preview interface by reading the configuration file of the preview interface. In some embodiments, the display device 200 can obtain the configuration file of the preview interface in response to the display instruction of the preview interface, and read the key field used to characterize the image to be displayed in the configuration file. If the display device 200 reads the key field from the configuration file, and the address parameter corresponding to the key field is not empty, it is determined that the preview interface includes the image to be displayed; on the contrary, if the display device 200 does not read the key field from the configuration file, or the address parameter corresponding to the key field is empty, it is determined that the preview interface does not include the image to be displayed. For example, after obtaining a display instruction for displaying a preview interface, the display device 200 can obtain a configuration file for the preview interface and read the "ThumbnailView" field used to represent the thumbnail item in the configuration file. When the thumbnail item field "ThumbnailView = xx / DCIM / .thumbnails / photo11.jpg" is read, it is determined that the preview interface includes an image to be displayed. At this time, the image quality processing parameters of the first layer can be obtained. When the display device 200 displays a preview interface, since the preview interface includes display content such as thumbnails associated with media data content, and the preview interface is displayed through the second layer, the display device 200 can obtain the image quality processing parameters of the first layer so as to render the image content in the preview interface according to the image quality processing parameters. S200: performing image quality processing on the image to be displayed in the second interface according to the image quality processing parameters to generate a preview image, and controlling the display to display the preview image through a second layer. After obtaining the image quality processing parameters of the first layer, the display device 200 can read the image quality processing parameters and perform image quality processing on the image to be displayed according to the image quality processing parameters to generate a preview image. The preview image can be the image to be displayed after image quality processing. Therefore, after generating the preview image, the display device 200 can control the display 260 to display the preview image through the second layer to form a preview interface. For example, when the display device 200 enters the preview interface, the display device 200 can load the pre-made ColorMatrix according to the current chip solution provider and the "picture quality mode", that is, the pre-processing parameters of brightness 0, contrast 15, saturation 50, color temperature -5, and hue 0. This ColorMatrix can be used to process the image of the ThumbnailView of the OSD layer used to display thumbnails, and display the processed image thumbnail in the preview interface. Similarly, when the display device 200 displays the preview interface, if the user changes the "quality mode", the ThumbnailView is refreshed after processing according to the ColorMatrix corresponding to the newly changed quality mode. It can be seen that in the above embodiment, when the display device 200 displays a preview interface including an image to be displayed, the preview image in the second layer is processed in accordance with the image quality processing parameters of the first layer, so that in the preview interface displayed based on the second layer, the display effect of the preview image is similar to that of the first layer. Therefore, when the media data corresponding to the preview image is subsequently displayed in full screen, the display difference between the media data displayed in full screen and the preview image can be reduced, thereby improving the user experience. In some embodiments, after the display device 200 displays the preview image through the second layer, it can receive a play instruction input by the user for the preview interface, and after receiving the play instruction input by the user, control the display 260 to display the media data corresponding to the preview image through the first layer. Similarly, the user can control the display device 200 to display media content by clicking on the media icon based on the control device 100 (remote control), touch interaction operation, voice interaction operation, and external devices such as a mouse. At this time, the display device 200 receives the play command input by the user, and in response to the play command input by the user, the media content can be displayed through the first layer. For example, as shown in FIG10 , after the user uses the remote control to control the focus cursor to select the thumbnail of “Picture A” in the file manager interface and presses the “Confirm” key, the display device 200 can decode and render the selected Picture A and display it in full screen through the video layer. At this time, since the thumbnail of Picture A is an image processed by the preview image rendering method in the above embodiment, its display quality in the OSD layer is the same or similar to the quality of Picture A displayed in the video layer, so the difference in effect between the thumbnail of Picture A and the full screen display of Picture A can be reduced, thereby improving the user experience. When the display device 200 switches interfaces, it will display transition animations, and some transition animations can be generated in real time based on media data. For example, when a user clicks "Picture A" in the preview interface, the display device 200 can also generate a transition animation based on the content of Picture A before displaying Picture A in full screen, that is, the animation effect of Picture A gradually enlarging from the thumbnail position to the full screen display. Since the preview interface and the transition animation are both displayed through the second layer, and the switched playback screen is displayed through the first layer, when the interface is switched, there may be a problem of display effect difference between the displayed transition animation and the playback screen. Based on this, as shown in FIG11, in some embodiments, the display device 200 can also obtain the playback instruction input by the user based on the second interface, and obtain the image quality processing parameters of the first layer in response to the playback instruction. Then, the image to be displayed in the preview interface is processed according to the image quality processing parameters to render a first intermediate image. Then, a transition animation is generated according to the first intermediate image, and the display 260 is controlled to display the transition animation through the second layer, so that the display effect of the transition animation is the same as the display effect of the first interface. The display device 200 may obtain the image quality processing parameters of the first layer in the same manner as the image quality processing parameters in the above embodiment, and the display device 200 may perform image quality processing on the image to be displayed in the preview interface according to the image quality processing parameters to render the first intermediate image, which may also be the same as the method of rendering the preview image according to the image quality processing parameters in the above embodiment. The difference is that the first intermediate image generated in this embodiment is used to generate a transition animation, while the preview image generated in the above embodiment is used to be displayed in the preview interface. For example, the user sets the image quality mode of the display device 200 to "vivid mode". After the user clicks the "Picture A" option in the preview interface, the display device 200 obtains the play instruction for Picture A. At this time, the display device 200 can load the pre-made ColorMatrix according to the current chip solution provider and the "image quality mode", and use this ColorMatrix to process the OSD layer for generating the image of the Transitions View of the transition animation, that is, to generate a first intermediate image, and then generate a transition animation by enlarging the first intermediate image frame by frame, thereby displaying the transition animation through the OSD layer. It can be seen that in the above embodiment, the display device 200 can render the first intermediate image through the image quality processing parameters of the first layer during the interface switching process, and generate a transition animation based on the first intermediate image, so that the image display effect displayed in the transition animation is the same as or similar to the image display effect displayed in the playback screen, thereby reducing the display effect difference between the transition animation and the playback screen and improving the user experience. Since the transition animation is displayed not only during the interface switching process of playing media data, but also during the interface switching process of exiting the playback of media data, In some embodiments, the user can control the display device 200 to present the second interface. That is, the display device 200 can obtain the media data displayed in the second interface in response to the preview instruction input by the user for displaying the second interface. Then read the first key frame of the media data to obtain the cover image. And according to the image view parameters of the second interface, crop and / or scale the cover image to generate the icon of the media data. Then control the display to display the icon of the media data through the second interface. Since the interface types of the first interface and the second interface are different, the interface elements in the first interface and the second interface are also different. Therefore, when a transition animation is generated based on the interface elements in the first interface or the second interface as shared elements, there is a large difference between the transition animation and the content displayed in the user interface after switching. In order to reduce the difference between the transition animation and the content displayed in the interface after switching when the display device 200 switches the user interface, some embodiments of the present application provide another animation display method for a display device, wherein the display 260 can still be used to display the first interface or the second interface, the first interface can be used to display the playback screen of the media data; the second interface can be used to display the icon screen of the media data (such as the aforementioned preview image). As shown in Figure 12, at least one processor 250 can also be configured to execute computer instructions stored in the memory to enable the display device 200 to execute the program steps corresponding to the aforementioned method, which may include some or all of the following contents: S100': When the display 260 displays the second interface, responding to a user input for playing the media data Play command, get the playback status information. When the display device 200 displays the second interface, the second interface may include an icon screen of media data. The user can act on the icon of the media data through interactive actions such as control devices, touch interaction, and voice interaction to input a play instruction of the user to play the media data. The play instruction controls the display device 200 to perform a play operation on the media data, such as decoding and rendering. On the other hand, it can control the display device 200 to switch from the second interface to the first interface. When the display device 200 switches from the second interface to the first interface, the display device 200 may call the generation service of the shared element animation to create a transition animation. In order to improve the transition effect between the transition animation and the playback screen, the display device 200 may first obtain the playback status information after receiving the playback instruction input by the user. The playback status information may be used to adjust the shape of the shared element in the shared element animation. Therefore, the playback status information may include the screen display parameters when the first interface displays the playback screen of the media asset data. The screen display parameters may be generated based on the playback mode of the display device 200 for playing the media data. The playback modes of the display device 200 may include a full screen zoom mode, an original ratio mode, an original size mode, etc. The full screen zoom mode is a mode in which the playback screen is displayed in full screen according to the screen width and screen height of the display 260. The original ratio mode is a mode in which the playback screen is displayed according to the screen aspect ratio of the media data and the screen width or screen height of the display 260. The original size mode is a mode in which the playback screen is displayed according to the screen width and screen height of the media data. Since the display device 200 has different benchmarks for displaying the playback screen in different playback modes, the display device 200 has different playback screen shapes and display positions in different playback modes. Therefore, in some embodiments, the display device 200 can generate different screen display parameters according to different playback modes, that is, when executing the acquisition of playback status information, at least one processor 250 is further configured to execute the aforementioned computer instructions to enable the display device 200 to execute: detecting the playback mode of the display device 200 for the media asset data. The playback mode can be obtained by reading the setting parameter list of the display device 200, that is, the display device 200 can create and maintain the setting parameter list according to the user settings, and the setting parameter list can record the user's setting parameters for the display device 200. For example, when the display device 200 reads "play mode = 01" in the setting parameter list, it means that the current play mode is "full screen zoom mode"; when the display device 200 reads "play mode = 10" in the setting parameter list, it means that the current play mode is "original ratio mode"; when the display device 200 reads "play mode = 11" in the setting parameter list, it means that the current play mode is "original size mode". By detecting the playback mode of the display device 200 for the media asset data, if the playback mode is the full screen zoom mode, the screen size information of the display can be obtained, and the picture display parameters can be generated according to the screen size information. For example, when it is detected that the playback mode is the full screen zoom mode, the screen size information of the display 260, that is, the screen width 3840 and the screen height 2160, can be obtained to generate the picture display parameters containing the screen size information. If the playback mode is the original ratio mode, the screen size information and the scaling reference of the media data may be obtained, and the screen display parameters may be generated according to the screen size information and the scaling reference. The scaling reference is the screen width or screen height of the display. The scaling reference may be determined according to the relationship between the screen size of the media data and the screen size of the display 260. In order to determine the scaling reference and generate the picture display parameters, in some embodiments, the display device 200 may obtain the picture size information of the media data and the screen size information of the display. The picture size information may include a picture width VW and a picture height VH; the screen size information may include a screen width W and a screen height H. After obtaining the screen size information, the display device 200 can calculate the picture aspect ratio, that is, the ratio of the picture width to the picture height, VW / VH, and calculate the screen aspect ratio, that is, the ratio of the screen width to the screen height, W / H. Then, the picture aspect ratio and the screen aspect ratio are compared, and the display area of ​​the effective picture in the playback picture, that is, (left, top, right, bottom) is determined according to the comparison result. If the picture aspect ratio is equal to the screen aspect ratio, that is, VW / VH=W / H, then the scaling reference can be determined as the screen width W or the screen height H, that is, the effective picture is displayed in full screen. Therefore, the picture display parameters can be generated according to the screen width W and the screen height H, and the coordinate range of the effective picture display area is (0, 0, W, H). If the picture aspect ratio is smaller than the screen aspect ratio, ie, VW / VH<W / H, the scaling reference may be determined to be the screen width W, and the picture display parameters may be generated according to the screen width and the picture size information. That is, the screen width W can be used as the image width, and the image height of the shared element image can be calculated according to the screen width W and the screen aspect ratio VW / VH, wherein the image height of the shared element image is the ratio of the screen width W to the screen aspect ratio VW / VH, that is, if The playback screen is displayed in horizontal mode with a height of The width is W, and the coordinate range of the effective screen display area is: If the picture aspect ratio is greater than the screen aspect ratio, the scaling reference may be determined to be the screen height, and the picture display parameter may be generated according to the screen height and the picture size information. That is, the screen height may be used as the image height, and the image width of the shared element image may be calculated according to the screen height and the picture aspect ratio, and the image height of the shared element image is the product of the screen width and the picture aspect ratio. Similarly, if The playback screen is displayed in vertical mode, with a height of H and a width of The coordinate range of the effective screen display area is: If the playback mode is the original size mode, the screen size information of the media asset data, that is, the screen width VW and the screen height VH, can be obtained, and the screen display parameters can be generated according to the screen size information. For example, when it is detected that the playback mode is the original size mode, the screen width 1920 and the screen height 1080 of the media asset data to be played can be obtained to generate the screen display parameters containing the screen size information. In some embodiments, in order to further improve the transition effect between the transition animation and the playback screen, the playback status information can also be used to adjust the display effect of the shared element in the shared element animation. Therefore, the playback status information can also include the image quality processing parameters when the first interface displays the playback screen of the media asset data. The image quality processing parameters are a set of parameters generated by the display device 200 according to the hardware configuration, image quality processing algorithm, and image quality mode set by the user. In order to facilitate storage and calling, in some embodiments, the image quality processing parameters can also form a data matrix, i.e., a color matrix, according to a set data structure. The display device 200 can obtain image quality parameters such as brightness, contrast, saturation, color temperature, and hue through the interface of the middleware according to different chip solution providers and different image modes, and can obtain pre-processing parameters of the OSD layer display image similar to the display image of the Video layer by multiplying a certain coefficient according to actual comparison experiments, and then save these pre-processing parameters in the data format of the Color Matrix. S200': Generate a shared element image according to the play status information and the first animation image. Among them, the first animation image can be an image obtained based on the icon of the media data. After obtaining the playback status information, the display device 200 can process the shared element (i.e., the first animation image) in the transition animation according to the playback status information, and crop and / or scale the shared element image to generate a shared element image. For the media playback process, the display device 200 can use the media data icon, or the cover image associated with the media data icon, as a shared element. After processing based on the playback status information, the aspect ratio of the shared element image can be equal to the aspect ratio of the media data playback screen. For example, in the preview interface, the icon of the media asset data is a thumbnail of the first frame of the media asset, and the display device 200 can use the thumbnail as a shared element when switching from the preview interface to the playback interface. As shown in Figure 13, when the thumbnail is displayed in the preview interface, it is in the shape of a rounded square, that is, the aspect ratio of the thumbnail is 100:100. The aspect ratio of the playback screen is determined based on the playback status information, that is, in full-screen zoom mode, the aspect ratio of the playback screen is 3840:2160. At this time, since the aspect ratio of the thumbnail is different from the aspect ratio of the playback screen and there is a rounded corner shape, as shown in Figure 14, the shared element image needs to be scaled and cropped according to the aspect ratio of the playback screen to generate a shared element image with an aspect ratio of 3840:2160. In some embodiments, in order to obtain a shared element image, at least one processor 250 generates a shared element image based on the playback status information and the first animation image, and is further configured to execute the aforementioned computer instructions to enable the display device 200 to execute: obtaining a first animation image, which may be an icon of the media data or a cover image associated with the media data. When the display device 200 displays a preview interface, it may perform a preliminary reading of the media data in the preview interface and obtain a cover image of the media data. The cover image may be the first frame of the media data, or it may be a cover image set by the operator for the media data. The display device 200 may perform image processing based on the cover image. The thumbnails are generated for display in the media asset data list by cropping and / or scaling. Since the display size of the thumbnails is small, it is not necessary to display the details of the image content. Therefore, in some embodiments, the thumbnails can be compressed during the cropping and / or scaling process to reduce the data volume of the thumbnails. The thumbnail can be stored in the memory of the display device 200, for example, in the ".thumbnails" folder of the display device 200. Therefore, when generating a shared element image, the display device 200 can obtain the icon image of the media asset data as the first animation image by reading the ".thumbnails" folder. Since the size of thumbnails is small, the details of the image content may be lost due to compression or scaling. In some usage scenarios, if thumbnails are used directly to generate shared element images, the image quality of the thumbnails will affect the animation display effect. Therefore, in some embodiments, the display device 200 can save the original cover image while storing the thumbnails, and when generating the shared element image, it can read the cover image associated with the media data from the storage folder, that is, the original cover image. After acquiring the first animation image, the display device 200 parses the screen display parameters from the play status information, wherein the screen display parameters may include screen width and screen height, and then crops and / or scales the first animation image according to the screen display parameters to obtain the shared element image. In some embodiments, if the playback status information also includes the image quality processing parameters of the first layer, the display device 200 can also parse the image quality processing parameters of the first layer from the playback status information after acquiring the first animation image. Then, the image (such as the first animation image or the first animation image cut and / or scaled according to the screen display parameters) is processed according to the image quality processing parameters to render the shared element image. Then, the subsequent S300' is executed to generate a transition animation according to the shared element image, and the display 260 is controlled to display the transition animation through the second layer, so that the display effect of the transition animation is the same as the display effect of the first interface. The display device 200 may obtain the image quality processing parameters of the first layer in the same manner as the image quality processing parameters in the above embodiment, and the display device 200 may perform image quality processing on the image to be displayed in the preview interface according to the image quality processing parameters to render the first intermediate image, which may also be the same as the method of rendering the preview image according to the image quality processing parameters in the above embodiment. The difference is that the first intermediate image generated in this embodiment is used to generate a transition animation, while the preview image generated in the above embodiment is used to be displayed in the preview interface. For example, the user sets the image quality mode of the display device 200 to "vivid mode". After the user clicks the "Picture A" option in the preview interface, the display device 200 obtains the play instruction for Picture A. At this time, the display device 200 can load the pre-made ColorMatrix according to the current chip solution provider and the "image quality mode", and use this ColorMatrix to process the OSD layer for generating the image of the Transitions View of the transition animation, that is, to generate a first intermediate image, and then generate a transition animation by enlarging the first intermediate image frame by frame, thereby displaying the transition animation through the OSD layer. It can be seen that in the above embodiment, the display device 200 can render the first intermediate image through the image quality processing parameters of the first layer during the interface switching process, and generate a transition animation based on the first intermediate image, so that the image display effect displayed in the transition animation is the same as or similar to the image display effect displayed in the playback screen, thereby reducing the display effect difference between the transition animation and the playback screen and improving the user experience. S300': Generate a transition animation based on the shared element image, and control the display to sequentially display the transition animation and the first interface. After generating the shared element image, the display device 200 may generate a transition animation based on the shared element image. For example, after generating the shared element image, the display device 200 may call a transition animation generation service and set the shared element image as the ShareElementView of the transition animation generation service. In some embodiments, when the preview interface and the playback interface are displayed through different layers, that is, the first interface is displayed through the first layer; the second interface is displayed through the second layer. The display device 200 can generate multiple transition frames according to the icon display position of the media asset data and the playback screen display area, wherein each of the transition frames can include at least one image view. Then, the shared element image is set in the image view in the multiple transition frames, and the playback time is set for the multiple transition frames to generate a transition animation. For example, as shown in FIG15 , in a display device 200 based on an Android system, video playback is in the Video layer and animation cannot be performed directly, so a specific ImageView is used to display the video thumbnail as a shared element in the OSD. The display device 200 can adjust the bitmap in the ImageView according to different playback modes, and obtain a shared element image (3840×2160) with the same size as the playback screen. Then, the original ratio (100 / 2160≈5%) and the final ratio of 100% are determined according to the size of the thumbnail (100×100) and the size of the display screen in the playback interface (3840×2160). Then, according to the original ratio and the final ratio, as well as the number of frames of the transition animation of 30, 30 transition frames can be created. In the 30 transition frames, the shared element image in the first transition frame is scaled to 5%, the shared element image in the second transition frame is scaled to 8%, the shared element image in the third transition frame is scaled to 11%... and so on, until the shared element image in the last transition frame is 100%. Then, according to the playback duration of the transition animation, the playback time can be set for each of the 30 transition frames to generate a transition animation containing multiple consecutive transition frames. After the transition animation is generated, the display device 200 can display the generated transition animation. That is, the display device 200 switches from displaying the preview interface to displaying the transition animation, and then switches to the playback interface. In some embodiments, if the preview interface and the playback interface are displayed through different layers respectively, since the playback interface cannot directly display the animation, the display device 200 can display the transition animation through the layer used by the preview interface. For example, as shown in Figure 16, when the display device 200 displays the preview interface through the OSD layer, it can first display the transition animation through the OSD layer, and after the transition animation display is finished, hide the OSD layer to switch to displaying the playback interface through the video layer. As can be seen from the above scheme, the animation display method for display devices in the above embodiment can obtain the playback status information including the screen display parameters when the first interface displays the playback screen of the media data after the user inputs the playback instruction of the media data, and then generate a shared element image based on the playback status information and the first animation image, and can generate a transition animation based on the shared element image. Since the aspect ratio of the shared element image can be equal to the aspect ratio of the playback screen of the media data, the display content gap between the thumbnail, the transition animation and the playback screen can be reduced, and the coordination and fluency of the transition animation can be improved. Corresponding to the above-mentioned media playback process, the display device 200 also needs to display a transition animation during the exit playback process, that is, in some embodiments of the present application, an animation display method suitable for exiting the playback process is also provided. The method is also applied to the display device 200, that is, the display device 200 may include a display 260, a memory and at least one processor 250. Among them, the display 260 can be configured to display a first interface or a second interface, and the first interface can be used to display the playback screen of the media data; the second interface can be used to display the icon screen of the media data. As shown in Figure 17, at least one processor 250 can be configured to execute the computer instructions stored in the memory to enable the display device 200 to perform some or all of the following program steps: S1701: In a state where the display is displaying the first interface, in response to an exit instruction input by a user for stopping playing media data, acquiring icon shape information of the media data; S1702: Generate a shared element image according to the icon shape information and the second animation image, where the second animation image is an image obtained based on the first interface display content; the shape of the shared element image is the same as the icon shape of the media asset data; S1703: Generate a transition animation based on the shared element image, and control the display to display the transition animation and the second interface in sequence. For example, as shown in FIG18 , when the display device 200 is playing media data, the user inputs an exit command through the “return” key on the remote control, and the display device 200 can respond to the exit command and preview the information such as the aspect ratio, rounded corners, etc. of the ThumbnailView on the interface. When the display device 200 detects that the user clicks the “return” key to exit the playback, the current video frame can be obtained from the video buffer as the second animation image. Then, according to the information such as the aspect ratio, rounded corners, etc. of the ThumbnailView on the preview interface, the video frame can be cut into bitmaps of the same shape for generating transition animations. In some embodiments, the at least one processor 250 generates a shared element image based on the icon shape information and the second animation image, and is further configured to execute the aforementioned computer instructions to enable the display device 200 to execute: first parse the icon size information and the icon vertex shape from the icon shape information, and then extract the current frame image of the media data from the frame buffer. After acquiring the current frame image (second animation image), the display device 200 can crop the second animation image in the following two different ways: First, according to the icon size information and the icon vertex shape, the central area of ​​the current frame image is cropped to obtain the shared element image. That is, the video frame center position is cropped according to the width, height and rounded corners of the Thumbnailview, as shown in FIG19 . For example, the ThumbnailView of the preview interface has a width of ViewW and a height of ViewH, and has a rounded radius of r. The video display width is VideoW, and the video display height is VideoH. The coordinates of the cropped bitmap rectangle are (left, top, right, bottom). The display device 200 can then crop a ViewW×ViewH bitmap at the center point of the video according to the width of the ThumbnailView of the preview interface being ViewW and the height being ViewH. The bitmap rectangle coordinates are determined to be: left=VideoW / 2-ViewW / 2; top=VideoH / 2-ViewH / 2; right=VideoW / 2+ViewW / 2; bottom=VideoH / 2+ViewH / 2, thereby obtaining a shared element image. Secondly, the display device 200 can crop the current frame image according to the shape of the icon vertices and the proportional relationship between the size parameters of the current frame image and the icon size information to obtain the shared element image, that is, crop according to the proportion of the view width and height and the video width and height. For example, the display device 200 may capture the maximum bitmap at the center of the video in proportion. Then determine the crop rectangle height as VideoH, width as VideoW, and coordinates as (0, 0, VideoW, VideoH). Then determine the height of the crop rectangle to be VideoH and the width to be The coordinates are if Then determine the height of the crop rectangle as The width is VideoW and the coordinates are After obtaining the shared element image based on the above cropping method, the display device 200 can put the bitmap back into the ImagView, and use the bitmap to update the thumbnail ThumbnailView corresponding to the currently playing media asset in the thumbnail cache pool, and use the ImagView to make the transition effect of the shared element animation and return to the preview interface. As can be seen from the above scheme, the display device provided in the above embodiment can obtain the icon shape information of the media data in the second interface (preview interface) after the user inputs the exit command to stop playing the media data, and then generate a shared element image based on the icon shape information and the second animation image, and can generate a transition animation based on the shared element image. Since the shape of the shared element image is the same as the icon shape of the media data, the gap between the transition animation and the display content of the playback screen can be reduced, and the coordination and fluency of the transition animation can be improved. As shown in FIG. 20 , for the process of exiting the playback interface, in some embodiments, the display device 200 may receive an exit instruction input by the user based on the first interface for exiting the playback interface, and in response to the exit instruction, may obtain the image quality processing parameters of the first layer. Then, based on the content displayed on the first layer, an animated image may be generated. Then, the animation is processed according to the image quality processing parameters of the first layer to generate a second intermediate image. A transition animation is generated based on the second intermediate image, and the display 260 is controlled to display the generated transition animation, so that the display effect of the transition animation is consistent with the display effect of the first interface. The difference between this embodiment and the above embodiment is that after obtaining the image quality processing parameters of the first layer, the display device 200 needs to generate an animated image based on the display content of the first layer, and generate a second intermediate image based on the animated image and the image quality processing parameters. For example, after receiving the exit command input by the user, the display device 200 can load the pre-made ColorMatrix according to the current chip solution provider and the "image quality mode", and can perform a screenshot operation on the screen displayed by the video layer to generate an image of the Transitions View used by the OSD layer to generate the transition animation. Then use the loaded ColorMatrix to process the image of the Transitions View to generate a second intermediate image. Based on the generation logic of the exit animation, the display device 200 can reduce the second intermediate image frame by frame to generate a transition animation including a continuously reduced graphic, which is displayed in the OSD layer. The animated image can be directly generated based on the source file of the media asset data played by the first layer, or can be generated by taking a screenshot of the current display screen of the first layer. In some embodiments, when the display device 200 generates the animated image based on the display content of the first layer, it can detect the media asset type of the media asset data played by the first layer. If the media asset type is the first type of media asset, a screenshot is taken of the content displayed by the first layer to generate the animated image; if the media asset type is the second type of media asset, the animated image is generated based on the media asset. The first type of media can be used to represent the type of media that cannot be directly animated. For example, the first type of media can be The first type of media includes media assets such as video media assets and animated image media assets that contain dynamic display content. The first type of media assets can also include media assets such as text media assets, graphic media assets, and special format files that do not contain dynamic display content but cannot be directly used to generate animations. The second type of media assets can be used to characterize the type of media assets that can directly generate animations. For example, the second type of media assets can be media assets such as picture media assets that do not contain dynamic display content and can be directly used to generate animations. It should be noted that, since the transition animation generation logic of different display devices 200 is different, in the embodiment of the present application, the animation image can be one or more to adapt to different animation generation logics. For example, when the transition animation of the display device 200 requires 5 key frames to be generated, the display device 200 needs to generate 5 animation images based on the display content of the first layer. It can be seen that in the above embodiment, the display device 200 can also generate a second intermediate image according to the image quality processing parameters of the first layer when exiting playback, and generate an exit transition animation based on the second intermediate image, and then display the transition animation through the second layer. Since the second intermediate image has also been processed according to the image quality processing parameters, the difference in display effect between the transition animation and the playback screen can be reduced, and the difference in display effect between the transition animation and the thumbnail in the preview interface can be reduced, thereby improving the user's viewing experience of the exit animation. Based on the above embodiment, the playback screen of the display device 200 is displayed in the first layer, and when the user performs a zoom operation, since the second layer has a good dynamic response effect, the display device 200 can display the enlarged local image through the second layer. When the user performs a zoom operation, the display effect may be greatly different due to the different display layers. In this regard, as shown in Figure 21, in some embodiments, the display device 200 can receive a zoom instruction input by the user based on the first interface to zoom the playback screen in the first interface when displaying the playback interface. After receiving the zoom instruction, the display device 200 can respond to the zoom instruction, obtain the image quality processing parameters of the first layer, and obtain the image to be zoomed. Then, the image to be zoomed is processed according to the image quality processing parameters, and the image to be zoomed after the image quality processing is zoomed to generate a zoom result image, and then the display is controlled to display the zoom result image. For example, as shown in FIG22 , when the display device 200 displays picture A in full screen through the video layer, the user can input a zoom instruction for enlarging picture A through the “up” direction key of the remote control. After receiving the zoom instruction input by the user, the display device 200 first loads the prefabricated ColorMatrix according to the current chip solution and the “quality mode”, and then obtains the ZoomImageView image for enlargement. After the display device 200 uses the current ColorMatrix to process the image quality of the ZoomImageView image, it performs a zoom operation, obtains a zoom result image containing the enlarged local content of picture A, and displays it through the OSD layer. In the zoomed-in state, if the user switches the "image quality mode", the display device 200 can update the image quality processing parameters, perform image quality processing on the zoom result image according to the ColorMatrix corresponding to the newly changed mode, and refresh the ZoomImageView using the zoom result image after image quality processing. Similarly, when the user controls to reduce the image, the image can also be processed by the image quality processing parameters and then displayed. For example, when the display device 200 displays the enlarged picture A through the OSD layer, the user inputs a zoom command for reducing the picture A through the "down" direction key of the remote control. The display device 200 can control the hiding of the display content of the OSD layer in response to the zoom command to restore the display state of the full screen display of the picture A in the video layer. It should be noted that the image zooming operation can be performed in different zooming modes according to the specific interaction actions of the user. For example, when the user presses the direction key for different times or for different durations, the corresponding zoom ratios are different. Therefore, in some embodiments, when the display device 200 zooms the image to be zoomed after the image quality processing, it can parse the zoom ratio from the zoom instruction and zoom the image to be zoomed after the image quality processing according to the zoom ratio. In order to parse the zoom ratio, the display device 200 can obtain the interactive action parameters corresponding to the zoom instruction, and extract the interactive action value from the interactive action parameters. Among them, the interactive action value can be reflected as different parameter types according to different interaction methods. For example, when the user inputs the zoom instruction by multiple clicks on the direction key of the remote control, the interactive action value can be the number of clicks; when the user inputs the zoom instruction by long pressing the direction key of the remote control, the interactive action value can be the long press time; for the display device 200 that supports touch interactive operations, when the user inputs the zoom instruction by sliding two fingers inward or multiple fingers outward, the interactive action value can be the sliding distance of the two fingers. After extracting the interactive action value, the display device 200 can determine the zoom ratio according to the mapping relationship between the interactive action value and the zoom ratio. For example, the display device 200 sets the zoom ratio of each time the remote control clicks the direction key to 20%. After the user inputs a zoom command, the display device 200 can obtain the interactive action parameters of tapping the direction key corresponding to the zoom command, and extract the number of taps from the interactive action parameters. When the number of taps extracted is 2, the zoom ratio is determined to be 40%, and the image to be scaled after image quality processing is scaled by 40% to obtain a zoom result image after scaling by 40%. Since the display device 200 also adds a transition animation when performing a zoom operation on the image screen, and the transition animation of the zoom operation is also displayed through the second layer, in some embodiments, the display device 200 can generate and display the transition animation of the zoom process according to the transition animation display method in the above embodiment. For example, when the display device 200 displays picture A in full screen through the video layer, and the user inputs a zoom instruction for zooming in, the display device 200 can generate a zoom result image according to the zoom display method provided in the above embodiment after receiving the zoom instruction. In addition, the display device 200 can generate an animation image based on the full screen picture A based on the transition animation generation and display method provided in the above embodiment, and then use ColorMatrix to perform image quality processing on the animation image to generate an intermediate image, and then generate a transition animation based on the intermediate image and the zoom result image, so as to form an animation effect of transitioning from the intermediate image to the zoom result image, and display it in the OSD layer. It can be seen from the above scheme that a display device provided by the above embodiment can respond to the display instruction, play instruction, exit instruction and zoom instruction input by the user, obtain the image quality processing parameters of the first layer, and perform image quality processing on the image content to be displayed based on the image quality processing parameters, and then display it through the second layer. Among them, the image quality processing parameters can be a parameter set generated according to the configuration information of the display device and the current image quality mode. By using the image quality processing parameters to perform image quality processing on the image content to be displayed, the difference in display effects between the second layer and the first layer can be reduced, the picture consistency in the process of switching between the first layer and the second layer can be enhanced, and the problem of large display color difference between the display screen and the playback screen such as thumbnails and transition animations can be solved. It should be noted that the above embodiment only describes the animation display method for the display device by taking the process of entering the preview interface, the process of media asset playback, the process of exiting the media asset playback, and the process of exiting the playback interface as examples. It should be understood that the above animation display method can be applied to the animation display process between any interface switching of the display device 200. Therefore, animation display methods for other scenarios associated with the above animation display method by those skilled in the art also fall within the scope of protection of this application. The same and similar parts between the various embodiments in this specification can be referenced to each other and will not be described again here. Finally, it should be noted that the above embodiments are only used to illustrate the scheme of the present application, rather than to limit it. Although the present application has been described in detail with reference to the aforementioned embodiments, a person of ordinary skill in the art should understand that the schemes described in the aforementioned embodiments can still be modified, or some or all of the technical features therein can be replaced by equivalents. However, these modifications or replacements do not cause the essence of the corresponding scheme to deviate from the scope of the embodiments of the present application.

Claims

1. A display device, comprising: A display, configured to display a first interface or a second interface, wherein the first interface is used to display a playback screen of media asset data; The second interface is used to display an icon screen of media asset data; a memory configured to store computer instructions and data associated with the display device; At least one processor is configured to execute the computer instructions to cause the display device to perform: When the display is displaying the second interface, in response to a play instruction input by a user for playing the media data, acquiring play state information, the play state information including screen display parameters when the first interface displays a play screen of the media data; generating a shared element image according to the playback state information and a first animation image, wherein the first animation image is an image obtained based on an icon of the playback data; and an aspect ratio of the shared element image is equal to an aspect ratio of the playback screen of the media asset data; A transition animation is generated based on the shared element image, and the display is controlled to sequentially display the transition animation and the first interface.

2. The display device according to claim 1, wherein the at least one processor is further configured to execute the computer instructions to cause the display device to perform: In response to a preview instruction input by a user for displaying a second interface, acquiring media asset data displayed in the second interface; Read the first key frame of the media asset data to obtain a cover image; According to the image view parameters of the second interface, cropping and / or scaling the cover image to generate an icon for the media asset data; The display is controlled to display an icon of the media asset data through the second interface.

3. The display device according to claim 1, wherein the at least one processor executes the step of obtaining the playback status information, and is further configured to execute the computer instructions to enable the display device to execute: Detecting a playback mode of the media resource data by a display device; If the playback mode is a full-screen zoom mode, obtaining screen size information of the display, and generating the picture display parameters according to the screen size information; If the playback mode is the original ratio mode, obtaining the picture size information and the scaling reference of the media data, and generating the picture display parameters according to the picture size information and the scaling reference; the scaling reference is the screen width or screen height of the display; If the playback mode is the original size mode, the screen size information of the media asset data is obtained, and the screen display parameters are generated according to the screen size information.

4. The display device according to claim 1, wherein the at least one processor is configured to obtain the picture size information and the scaling reference of the media asset data, and generate the picture display parameters according to the picture size information and the scaling reference, and is further configured to execute the computer instructions to enable the display device to execute: Acquire the picture size information of the media data and the screen size information of the display, wherein the picture size information includes picture width and picture height; the screen size information includes screen width and screen height; Calculating the picture aspect ratio and the screen aspect ratio, wherein the picture aspect ratio is the ratio of the picture width to the picture height; and the screen aspect ratio is the ratio of the screen width to the screen height; If the picture aspect ratio is smaller than the screen aspect ratio, determining the scaling reference to be the screen width, and generating the picture display parameters according to the screen width and the picture size information; If the picture aspect ratio is greater than the screen aspect ratio, the scaling reference is determined to be the screen height, and the picture display parameters are generated according to the screen height and the picture size information.

5. The display device according to claim 4, wherein the screen display parameters include an image width and an image height of the shared element image, and the at least one processor is further configured to execute the computer instructions to enable the display device to execute: If the picture aspect ratio is smaller than the screen aspect ratio, the screen width is used as the image width, and the image height of the shared element image is calculated according to the screen width and the picture aspect ratio, where the image height of the shared element image is the ratio of the screen width to the picture aspect ratio; If the picture aspect ratio is greater than the screen aspect ratio, the screen height is used as the image height, and the image width of the shared element image is calculated based on the screen height and the picture aspect ratio, and the image height of the shared element image is the product of the screen width and the picture aspect ratio.

6. The display device according to claim 1, wherein the at least one processor generates a shared element image according to the play state information and the first animation image, and is further configured to execute the computer instructions to enable the display device to execute: Acquire a first animation image, where the first animation image is an icon of the media asset data or a cover image associated with the media asset data; Parsing the picture display parameters from the playback status information, the picture display parameters including picture width and picture height; The first animation image is cropped according to the screen display parameters to obtain the shared element image.

7. The display device according to claim 1, wherein the first interface is displayed through a first layer; the second interface is displayed through a second layer; the at least one processor generates a transition animation based on the shared element image, and is further configured to execute the computer instructions to enable the display device to execute: Generate a plurality of transition frames according to the icon display position of the media asset data and the display area of ​​the play screen, wherein the transition frames include image views; Setting the shared element image to image views in a plurality of transition frames; Playing time is set for the plurality of transition frames to generate a transition animation.

8. The display device according to claim 1, wherein the display is further configured to display a first interface and a second interface, wherein the first interface is displayed through a first layer, and the second interface is displayed through a second layer; and the first layer and the second layer perform different image quality processing on the displayed image content; The at least one processor is further configured to execute the computer instructions to cause the display device to perform: In response to a display instruction input by a user for displaying a second interface, obtaining image quality processing parameters of the first layer, wherein the image quality processing parameters are a parameter set generated according to configuration information of the display device and a current image quality mode; According to the image quality processing parameters, performing image quality processing on the image to be displayed in the second interface to generate a preview image; The display is controlled to display the preview image through a second layer.

9. According to the display device according to claim 8, the image quality processing parameters include a color matrix, and the color matrix is ​​used to perform image quality processing on the image to be displayed through the second layer; the color matrix is ​​a parameter matrix formed by the product of the image quality parameters of the first layer and the preset conversion coefficient.

10. The display device according to claim 9, wherein the at least one processor is further configured to execute the computer instructions to cause the display device to perform: Obtaining configuration information and current image quality mode of the display device; Extracting the image quality gain parameter of the first layer in the current image quality mode, where the image quality gain parameter includes one or more combinations of brightness, contrast, saturation, color temperature and hue; According to the configuration information and the current image quality mode, a preset conversion coefficient is obtained, where the preset conversion coefficient is a coefficient generated by comparing display image qualities of the first layer and the second layer under different configuration information and image quality modes; The product of the preset conversion coefficient and the image quality gain parameter is calculated to generate the color matrix.

11. The display device according to claim 8, wherein the at least one processor is further configured to execute the computer instructions to cause the display device to perform: In response to a setting instruction input by a user for setting a picture quality mode, controlling the display to display a picture quality setting interface and calling the picture quality processing parameters; Detecting an interactive action input by a user based on the image quality setting interface to generate new image quality parameters; The image quality processing parameters are replaced by the new image quality parameters, and the replaced image quality processing parameters are saved.

12. The display device according to claim 8, before the at least one processor executes the step of obtaining the image quality processing parameter of the first layer, the at least one processor is further configured to execute the computer instruction to enable the display device to execute: Obtaining a configuration file of the second interface; Reading a key field for representing an image to be displayed in the configuration file; If the key field is read in the configuration file, and the parameter value of the key field is not a null value, the step of obtaining the image quality processing parameter of the first layer is executed; If the key field is not read in the configuration file, or the parameter value of the key field is a null value, the display is controlled to display the second interface.

13. The display device according to claim 8, wherein the at least one processor performs image quality processing on the image to be displayed in the second interface according to the image quality processing parameter to generate a preview image, and is further configured to execute the computer instruction to enable the display device to perform: Extracting the image to be displayed in the second interface; Performing image quality processing on the image to be displayed based on the image quality processing parameter to generate the preview image; The preview image is used to replace the image to be displayed in the second interface.

14. A display device comprising: A display, configured to display a first interface or a second interface, wherein the first interface is used to display a playback screen of media asset data; The second interface is used to display an icon screen of media asset data; a memory configured to store computer instructions and data associated with the display device; At least one processor is configured to execute the computer instructions to cause the display device to perform: In a state where the display is displaying the first interface, in response to an exit instruction input by a user for stopping playing the media data, acquiring icon shape information of the media data; generating a shared element image according to the icon shape information and the second animation image, wherein the second animation image is an image obtained based on the first interface display content; The shape of the shared element image is the same as the icon shape of the media asset data; A transition animation is generated based on the shared element image, and the display is controlled to sequentially display the transition animation and the second interface.

15. The display device according to claim 14, wherein the at least one processor generates a shared element image according to the icon shape information and the second animation image, and is further configured to execute the computer instructions to enable the display device to execute: parsing icon size information and icon vertex shape from the icon shape information; Extracting the current frame image of the media data from the frame buffer; According to the icon size information and the icon vertex shape, cropping the central area of ​​the current frame image to obtain the shared element image; Alternatively, the current frame image is cropped according to the shape of the icon vertices and the proportional relationship between the size parameters of the current frame image and the icon size information to obtain the shared element image.

16. The display device according to claim 14, wherein the display is further configured to display a first interface and a second interface, wherein the first interface is displayed through a first layer, and the second interface is displayed through a second layer; and the first layer and the second layer perform different image quality processing on the displayed image content; The at least one processor is further configured to execute the computer instructions to cause the display device to execute: In response to a playback instruction for playing media asset data input by a user based on a second interface, obtaining image quality processing parameters of the first layer, wherein the image quality processing parameters are a parameter set generated according to configuration information of the display device and a current image quality mode; According to the image quality processing parameter, performing image quality processing on the preview image corresponding to the media asset data to generate a first intermediate image; A transition animation is generated according to the first intermediate image, and the display is controlled to display the transition animation through a second layer, so that a display effect of the transition animation is consistent with a display effect of the first interface.

17. The display device according to claim 14, wherein the display is further configured to display a first interface and a second interface, wherein the first interface is displayed through a first layer, and the second interface is displayed through a second layer; and the first layer and the second layer perform different image quality processing on the displayed image content; The at least one processor is further configured to execute the computer instructions to cause the display device to perform: In response to an exit instruction input by the user based on the first interface for stopping playing the media asset data, obtaining a picture quality processing parameter of the first layer, wherein the picture quality processing parameter is a parameter set generated according to configuration information of the display device and a current picture quality mode; Generate an animated image based on the display screen content of the first layer; Performing image quality processing on the animation image according to the image quality processing parameter to generate a second intermediate image; A transition animation is generated according to the second intermediate image, and the display is controlled to display the transition animation through the second layer, so that the display effect of the transition animation is consistent with the display effect of the first interface.

18. The display device according to claim 14, wherein the display is further configured to display a first interface and a second interface, wherein the first interface is displayed through a first layer, and the second interface is displayed through a second layer; and the first layer and the second layer perform different image quality processing on the displayed image content; The at least one processor is further configured to execute the computer instructions to cause the display device to perform: In response to a zoom instruction input by a user based on a first interface for zooming a playback screen in the first interface, obtaining image quality processing parameters of a first layer and an image to be zoomed, wherein the image quality processing parameters are a parameter set generated according to configuration information of a display device and a current image quality mode; Performing image quality processing on the image to be scaled according to the image quality processing parameters, and scaling the image to be scaled after the image quality processing to generate a scaling result image; The display is controlled to display the zoom result image through the second layer, so that the display effect of the zoom result image is consistent with the display effect of the first interface.

19. An animation display method for a display device, the display device comprising a display, the display being configured to display a first interface or a second interface, the first interface being used to display a playback screen of media asset data; The second interface is used to display an icon screen of media asset data; the method includes: When the display is displaying the second interface, in response to a play instruction input by a user for playing the media data, acquiring play state information, the play state information including screen display parameters when the first interface displays a play screen of the media data; generating a shared element image according to the playback state information and a first animation image, wherein the first animation image is an image obtained based on an icon of the playback data; and an aspect ratio of the shared element image is equal to an aspect ratio of the playback screen of the media asset data; A transition animation is generated based on the shared element image, and the display is controlled to sequentially display the transition animation and the first interface.

Images