Display device and transition animation display method

Abstract

The embodiment of the invention provides a display device and a transition animation display method, and the method comprises the steps: enabling the display device to obtain playing state information comprising a first interface picture display parameter or icon shape information of media asset data when the display device is switched between a first interface and a second interface for display; and generating a shared element image according to the playing state information or the icon shape information. And generating a transition animation based on the shared element image, thereby sequentially displaying 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 is equal to the aspect ratio of a media resource playing picture of the first interface; and when the interface is switched to the second interface, the shape of the shared element image is the same as the shape of the media asset icon of the second interface, so that the display content difference among the thumbnail, the transition animation and the playing picture can be reduced, and the coordination and the fluency of the transition animation are improved.

Description

Technical Field

[0001] The present application relates to the technical field of display devices, and in particular to a display device and a transition animation display method. Background Art

[0002] 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.

[0003] 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.

[0004] 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

[0005] The present application provides a display device and a transition animation display method to solve the problem of poor transition effect caused by a large gap between the display contents of thumbnails, transition animations and playback images.

[0006] In a first aspect, some embodiments of the present application provide a display device, including: a display and a controller. The display is configured to display a first interface or a second interface, the first interface is used to display a playback screen of media data; the second interface is used to display an icon screen of media data;

[0007] The controller is configured to perform the following program steps:

[0008] 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;

[0009] 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;

[0010] 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.

[0011] In a second aspect, some embodiments of the present application further provide a display device, including: a display and a controller. The display is configured to display a first interface or a second interface, the first interface is used to display a playback screen of media data; the second interface is used to display an icon screen of media data;

[0012] The controller is configured to perform the following program steps:

[0013] 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;

[0014] 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;

[0015] 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.

[0016] In a third aspect, some embodiments of the present application further provide a transition animation display method, which is applied to the display device described in the first aspect, wherein the display device includes a display and a controller, and the display is configured to display a first interface or a second interface, wherein the first interface is used to display a playback screen of media data; and the second interface is used to display an icon screen of media data; the method includes:

[0017] 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;

[0018] 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;

[0019] 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.

[0020] In a fourth aspect, some embodiments of the present application further provide a transition animation display method, which is applied to the display device described in the first aspect, wherein the display device includes a display and a controller, and the display is 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; and the second interface is used to display an icon screen of media asset data; the method includes:

[0021] 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;

[0022] 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;

[0023] 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.

[0024] It can be seen from the above technical solutions that some embodiments of the present application provide a display device and a transition animation display method, which can enable the display device to obtain playback status information including the display parameters of the first interface screen or icon shape information of the media data when switching between the first interface and the second interface, and then generate a shared element image according to the playback status information or the icon shape information. And generate a transition animation based on the shared element image, so as to display the transition animation and the second interface or the first interface in sequence. Among them, when switching to the first interface, the aspect ratio of the shared element image is equal to the aspect ratio of the media playback screen of the first interface; when switching to the second interface, the shape of the shared element image is the same as the shape of the media icon of the second interface, so that the display content gap between the thumbnail, the transition animation and the playback screen can be reduced, and the coordination and smoothness of the transition animation can be improved. BRIEF DESCRIPTION OF THE DRAWINGS

[0025] In order to more clearly illustrate the embodiments of the present application or the technical solutions in the prior art, the drawings required for use in the embodiments or the description of the prior art will be briefly introduced below. Obviously, the drawings described below are only some embodiments of the present application. For ordinary technicians in this field, other drawings can be obtained based on these drawings without paying creative work.

[0026] Figure 1 A schematic diagram showing usage scenarios of a display device in some embodiments of the present application;

[0027] Figure 2 A hardware configuration block diagram of a display device provided in some embodiments of the present application;

[0028] Figure 3 A hardware configuration block diagram of a control device provided in some embodiments of the present application;

[0029] Figure 4 A schematic diagram of software configuration in a display device provided in some embodiments of the present application;

[0030] Figure 5 A schematic diagram of a display function module provided in some embodiments of the present application;

[0031] Figure 6 A schematic diagram of the relationship between the video layer and the OSD layer provided in some embodiments of the present application;

[0032] Figure 7 A schematic diagram of the relationship between the acceleration layer and the OSD layer provided in some embodiments of the present application;

[0033] Figure 8 A schematic diagram of display difference effects of transition animation provided in some embodiments of the present application;

[0034] Fig. 9 A schematic diagram of a transition animation display process when playing media resources provided in some embodiments of the present application;

[0035] Fig.10 A comparison diagram of the ratio of thumbnails to playback images provided in some embodiments of the present application;

[0036] Fig.11 A schematic diagram of a shared element image provided for some embodiments of the present application;

[0037] Fig.12 A schematic diagram of generating transition animation effects provided in some embodiments of the present application;

[0038] Fig.13 A schematic diagram of a vertical display screen transition animation effect provided in some embodiments of the present application;

[0039] Fig.14 A schematic diagram of a transition animation display process when exiting media playback provided in some embodiments of the present application;

[0040] Fig.15 A schematic diagram of the display effect of the transition animation when exiting the playback of media resources provided in some embodiments of the present application;

[0041] Fig.16 A schematic diagram of a method for cropping a shared element image provided in some embodiments of the present application. DETAILED DESCRIPTION

[0042] 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.

[0043] 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.

[0044] 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.

[0045] 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.

[0046] 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.

[0047] 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.

[0048] Figure 1 This is a schematic diagram of an operation scenario between a display device and a control device provided in some embodiments of the present application. Figure 1 As shown in FIG. 1 , a user can operate the display device 200 through the mobile terminal 300 and the control device 100 .

[0049] 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.

[0050] like Figure 1 As also shown in FIG. 4 , the display device 200 also communicates 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.

[0051] 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, including but not limited to network television, smart television, Internet Protocol television (IPTV), etc.

[0052] Figure 2 Some embodiments of the present application provide Figure 1 2 is a block diagram of the hardware configuration of the display device 200.

[0053] In some embodiments, the display device 200 includes at least one of a tuner 210, a communicator 220, a detector 230, a device interface 240, a controller 250, a display 260, an audio output interface 270, a memory, a power supply, and a user interface.

[0054] In some embodiments, the detector 230 is used to collect signals of the external environment or external interaction. For example, the detector 230 includes a light receiver, a sensor for collecting the intensity of ambient light; or, the detector 230 includes 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 includes a sound collector, such as a microphone, etc., for receiving external sounds.

[0055] In some embodiments, the display 260 includes a display screen component for presenting images, and a driving component for driving image display, which is used to receive image signals output from a controller, display video content, image content, and a menu control interface component and a user control UI interface, etc.

[0056] In some embodiments, the communicator 220 is a component for communicating with an external device or a server 400 according to various communication protocol types.

[0057] In some embodiments, the controller 250 includes a processor, a video processor, an audio processor, a graphics processor, a RAM, a ROM, and a first interface to an nth interface for input / output. The controller 250 controls the operation of the display device and responds to the user's operation through various software control programs stored in the memory. The controller 250 controls the overall operation of the display device 200.

[0058] In some embodiments, the controller 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 controller 250 is located, such as an external set-top box.

[0059] In some embodiments, the user may input a user command through 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).

[0060] In some embodiments, the user interface 280 is an interface that can be used to receive control input.

[0061] Figure 3 Some embodiments of the present application provide Figure 1 The hardware configuration diagram of the control device in the figure. Figure 3 As shown, the control device 100 includes a controller 110, a communication interface 130, a user input / output interface, a memory, and a power supply.

[0062] The control device 100 is 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, playing the role of an interactive intermediary between the user and the display device 200 .

[0063] 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.

[0064] In some embodiments, Figure 1 As shown, the mobile terminal 300 or other intelligent electronic devices can play a similar function as the control device 100 after installing the application for controlling the display device 200 .

[0065] The controller 110 includes a processor 112, a RAM 113, a ROM 114, a communication interface 130, and a communication bus. The controller 110 is used to control the operation and operation of the control device 100, as well as the communication and cooperation between the internal components and the external and internal data processing functions.

[0066] The communication interface 130 implements communication of control signals and data signals with the display device 200 under the control of the controller 110. The communication interface 130 may 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.

[0067] The user input / output interface 140 , wherein the input interface includes at least one of other input interfaces such as a microphone 141 , a touch panel 142 , a sensor 143 , and a button 144 .

[0068] In some embodiments, the control device 100 includes at least one of a communication interface 130 and an input / output interface 140. The control device 100 is configured with a communication interface 130, such as a WiFi, Bluetooth, NFC or other module, and can encode the user input command through the WiFi protocol, Bluetooth protocol, or NFC protocol and send it to the display device 200.

[0069] The memory 190 is used to store various operating programs, data and applications for driving and controlling the control device 100 under the control of the controller. The memory 190 can store various control signal instructions input by the user.

[0070] The power supply 180 is used to provide operating power support for each component of the control device 100 under the control of the controller.

[0071] Figure 4 Some embodiments of the present application provide Figure 1 The software configuration diagram of the display device is as follows: Figure 4 In some embodiments, the system is 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 (Androidruntime) and system library layer (referred to as "system runtime library layer"), and the kernel layer.

[0072] In some embodiments, at least one application is running in the application layer, and these applications can be window programs, system settings 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 layer are not limited to the above examples.

[0073] The framework layer provides application programming interfaces (APIs) and programming frameworks for applications. The application framework layer includes 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.

[0074] like Figure 4 As shown, in the embodiment of the present application, the application framework layer includes a view system, managers, content providers, etc., wherein the view system can design and implement the interface and interaction of the application, and the view system includes lists, grids, text boxes, buttons, etc. The manager includes at least one of the following modules: an activity manager for interacting with all activities running in the system; a location manager for providing system services or applications with access to system location services; a package manager for retrieving various information related to the application package currently installed on the device; a notification manager for controlling the display and clearing of notification messages; and a window manager for managing icons, windows, toolbars, wallpapers, and desktop components on the user interface.

[0075] In some embodiments, the activity manager is 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 is 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.).

[0076] In some embodiments, the system runtime layer provides 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.

[0077] In some embodiments, the kernel layer is a layer between hardware and software. Figure 4As shown, the kernel layer includes 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.

[0078] 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, the display device 200 can be configured with functional modules related to the display process. For example, Figure 5 As shown, the display device 200 can render and display the user interface in real time through an image generation (ImageProducer) module, an image rendering (surface flinger) module, a synthesis (Composer) module, a video process (VideoProcessing Unit hardware, VPU hardware) module and a display (screen).

[0079] During the display process, the graphics interface (openGLES), media player, camera and other peripherals of the image generation module can be used to generate the image content to be displayed, and pass the image content to the image rendering module. The image rendering module is used to control the display 260 to display the content, that is, to render the image content through the user interaction layer (UI layer) or the video layer (videolayer) according to the image content.

[0080] 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 OSD plane. Finally, the display device 200 forms the final picture through the blending unit of the video process module and displays it on the display 260.

[0081] When displaying the user interface, the display device 200 switches between multiple interfaces according to the interactive actions input by the user. For example, during the media playback process, the display device 200 switches between the preview interface and the playback interface. The preview interface is used to display the media list, that is, at least one media data icon may be included in the preview interface. The playback interface is 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 controls the playback of the clicked media data and switches to the playback interface.

[0082] It should be noted that, in the embodiment of the present application, the two user interfaces when the display device 200 switches interfaces are 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.

[0083] In some embodiments, different user interfaces displayed by the display device 200 can be displayed through different layers, and different layers have different screen display modes. The display device 200 can display the first interface and the second interface through the video layer and the graphics (On-Screen Display, OSD) layer, respectively. Among them, 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.

[0084] 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.

[0085] It should be noted that the video layer is not only used to display video-type media content, but also can be used 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.

[0086] 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, including 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.

[0087] 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, the OSD can be used to display information such as channel, volume, brightness and contrast. Figure 6 As shown, the display level of the OSD layer can be higher than the video layer, so that the graphics and other contents displayed on the OSD layer can appear on the video playback screen, so that the user can perform interactive operations based on the contents displayed on the OSD layer.

[0088] 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 picture being displayed in full screen is displayed through the OSD layer. After the transition animation is displayed, the display device 200 displays the picture content through the video layer.

[0089] 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.

[0090] 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 (externalOSD 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.

[0091] Taking the display device 200 supporting touch interactive operation and 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 on the extended display layer (acceleration layer). Figure 7 As shown, 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 input delay and improving the real-time display effect of the whiteboard application drawing process.

[0092] It should be noted that the extended display layer, as a layer for auxiliary display, can control the timing of its display and hiding 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 control the 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.

[0093] 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 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.

[0094] 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 the transition animation effect.

[0095] 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.

[0096] 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 big gap between the transition animation and the content displayed in the user interface after switching. Figure 8 As shown, 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 shapes of the thumbnail and the playback screen are inconsistent, which will cause the transition animation to be uncoordinated and affect the transition effect.

[0097] Furthermore, when the first interface and the second interface are displayed through different layers, since different layers are 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, for the full-screen display process of a 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 full-screen display picture. 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 the vivid mode, the video layer displays the picture 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 the standard mode with a color saturation of 50%, a brightness of 50, and a contrast of 50. It can be seen that the picture images displayed in the video layer and the OSD layer have jumps in display parameters such as color saturation, brightness, and contrast.

[0098] In order to reduce the difference between the transition animation and the displayed content of the interface after switching when the display device 200 switches the user interface, some embodiments of the present application provide a transition animation display method, which can be applied to a display device 200 such as a smart TV. In order to meet the implementation of the multi-layer display method, the display device 200 should at least include a display 260 and a controller 250. The display 260 is used to display the first interface or the second interface, the first interface is used to display the playback screen of the media data; the second interface is used to display the icon screen of the media data.

[0099] In some embodiments, the user can control the display device 200 to present the second user 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.

[0100] like Fig. 9 As shown, the controller 250 is used to execute the program steps corresponding to the transition animation display method, including the following contents:

[0101] S100: When the display 260 displays the second interface, in response to a play instruction input by a user for playing media asset data, play status information is acquired.

[0102] 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.

[0103] When the display device 200 switches from the second interface to the first interface, the display device 200 can 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 can first obtain the playback status information after receiving the playback instruction input by the user. The playback status information can be used to adjust the shape of the shared element in the shared element animation. Therefore, the playback status information includes the screen display parameters when the first interface displays the playback screen of the media data.

[0104] 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.

[0105] 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 the controller 250 obtains the playback status information, it is also configured to first detect 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.

[0106] 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".

[0107] By detecting the playback mode of the display device 200 for the media data, if the playback mode is the full screen zoom mode, the screen size information of the display is obtained, and the picture display parameters are 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.

[0108] If the playback mode is the original ratio mode, the picture size information and the scaling reference of the media data are obtained, and the picture display parameters are generated according to the picture size information and the scaling reference. The scaling reference is the screen width or screen height of the display. The scaling reference can be determined according to the relationship between the picture size of the media data and the screen size of the display 260.

[0109] 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 includes the picture width VW and the picture height VH; the screen size information includes the screen width W and the screen height H.

[0110] 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.

[0111] If the picture aspect ratio is equal to the screen aspect ratio, that is, VW / VH=W / H, then the scaling reference is determined to be 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).

[0112] If the picture aspect ratio is less than the screen aspect ratio, that is, VW / VH<W / H, the scaling reference is determined to be the screen width W, and the picture display parameters are 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 picture aspect ratio VW / VH, wherein the image height of the shared element image is the ratio of the screen width W to the picture aspect ratio VW / VH, that is, if The playback screen is displayed in horizontal mode with a height of Width W, the coordinate range of the effective screen display area is:

[0113] 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. That is, the screen height can be used as the image height, and the image width of the shared element image is 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.

[0114] 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:

[0115] If the playback mode is the original size mode, the screen size information of the media data, that is, the screen width VW and the screen height VH, is obtained, and the screen display parameters are 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 data to be played can be obtained to generate the screen display parameters containing the screen size information.

[0116] 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 also includes the image quality processing parameters when the first interface displays the playback screen of the media asset data. Among them, the image quality processing parameters are parameter sets generated by the display device 200 according to information such as hardware configuration, image quality processing algorithm, and image quality mode set by the user.

[0117] 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.

[0118] S200: Generate a shared element image according to the play status information and the first animation image.

[0119] Among them, the first animation image is an image obtained based on the icon of the playback 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 is equal to the aspect ratio of the media data playback screen.

[0120] 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 play interface. Fig.10 As shown in the figure, 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. At the same time, 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, because the aspect ratio of the thumbnail is different from that of the playback screen and there is a rounded shape, as shown in the figure, Fig.11 As shown, 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.

[0121] In some embodiments, in order to obtain a shared element image, the controller 250 generates a shared element image according to the playback status information and the first animation image, and is also configured to: obtain a first animation image, wherein the first animation image is an icon of the media data or a cover image associated with the media data. When displaying a preview interface, the display device 200 may preliminarily read the media data in the preview interface to 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 cropping and / or scaling based on the cover image to generate a thumbnail for display in a media data list. Since the display size of the thumbnail is small and the details of the image content do not need to be displayed, in some embodiments, the thumbnail may be compressed during the cropping and / or scaling process to reduce the amount of data in the thumbnail.

[0122] 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.

[0123] 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 read the cover image associated with the media data from the storage folder when generating the shared element image. That is, the original cover image.

[0124] 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 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.

[0125] S300: Generate a transition animation based on the shared element image, and control the display to display the transition animation and the first interface in sequence.

[0126] 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.

[0127] 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 data and the playback screen display area, wherein each of the transition frames includes 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.

[0128] For example, Fig.12 As shown, in the display device 200 based on the Android system, the video playback is in the Video layer and cannot be animated directly, so a specific ImageView is used to display the video thumbnail as a shared element to perform animation transitions in the OSD layer. The display device 200 adjusts the bitmap in the ImageView according to different playback modes to obtain a shared element image (3840×2160) with the same size as the playback screen.

[0129] Then, according to the size of the thumbnail (100×100) and the size of the display screen in the playback interface (3840×2160), the original ratio (100 / 2160≈5%) and the final ratio of 100% are determined. Then, according to the original ratio and the final ratio, as well as the number of frames of the transition animation 30, 30 transition frames are 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%, and 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 is set for each of the 30 transition frames to generate a transition animation containing multiple consecutive transition frames.

[0130] 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, 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, Fig.13 As shown, when the display device 200 displays the preview interface through the OSD layer, it can first display the transition animation through the OSD layer. After the transition animation display is completed, the OSD layer is hidden to switch to displaying the playback interface through the video layer.

[0131] It can be seen from the above technical solution that the transition animation display method provided 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 according to the playback status information and the first animation image, and generate a transition animation based on the shared element image. Since the aspect ratio of the shared element image is equal to the aspect ratio of the playback screen of the media data, the display content difference between the transition animation and the playback screen can be improved, thereby improving the coordination and fluency of the transition animation.

[0132] 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, a transition animation display method suitable for the exit playback process is also provided in some embodiments of the present application. The method is also applied to the display device 200, that is, the display device 200 includes a display 260 and a controller 250. Among them, the display 260 is configured to display a first interface or a second interface, the first interface is used to display the playback screen of the media data; the second interface is used to display the icon screen of the media data. Fig.14 As shown, the controller 250 is configured to perform the following program steps:

[0133] 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;

[0134] 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;

[0135] 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.

[0136] For example, Fig.15 As shown, during the process of the display device 200 playing the 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 and rounded corners of the ThumbnailView on the interface. In addition, 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 and rounded corners of the ThumbnailView on the preview interface, the video frame is cut into bitmaps of the same shape for generating transition animations.

[0137] In some embodiments, the controller 250 generates a shared element image based on the icon shape information and the second animation image, and is further configured to: first parse the icon size information and icon vertex shape from the icon shape information, and then extract the current frame image of the media data from the frame buffer.

[0138] After obtaining 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 icon vertex shape, the central area of ​​the current frame image is cropped to obtain the shared element image. That is, the center of the video frame is cropped according to the width, height and rounded corners of the Thumbnailview, such as Fig.16 shown.

[0139] 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, which is ViewW, and the height is ViewH. And the bitmap rectangle coordinates are determined to be: left = Video W / 2–ViewW / 2; top = VideoH / 2–ViewH / 2; right = VideoW / 2+ViewW / 2; bottom = VideoH / 2+ViewH / 2, thereby obtaining a shared element image.

[0140] 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 width and height of the view and the width and height of the video.

[0141] 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 VideoH, width VideoW, coordinates (0,0,VideoW,VideoH). Then determine the crop rectangle height VideoH, width The coordinates are if Then determine the height of the crop rectangle Width VideoW, coordinates

[0142] 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 perform the transition effect of the shared element animation and return to the preview interface.

[0143] It can be seen from the above technical solution that the transition animation display method 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 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 display content difference between the transition animation and the playback screen can be improved, thereby improving the coordination and fluency of the transition animation.

[0144] It should be noted that the above embodiment only describes the transition animation display method by taking the media asset playback process and the media asset playback exit process as examples. It should be understood that the above transition animation display method can be applied to the transition animation display process between any interface switching of the display device 200. Therefore, animation display methods of other scenes associated with the above transition animation display method by those skilled in the art also fall within the protection scope of this application.

[0145] 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.

[0146] Those skilled in the art can clearly understand that the technology in the embodiments of the present invention can be implemented by means of software plus a necessary general hardware platform. Based on this understanding, the technical solution in the embodiments of the present invention is essentially or the part that contributes to the prior art can be embodied in the form of a software product, which can be stored in a storage medium such as ROM / RAM, a disk, an optical disk, etc., and includes a number of instructions for a computer device (which can be a personal computer, a server, or a network device, etc.) to execute the methods of various embodiments of the present invention or certain parts of the embodiments.

[0147] Finally, it should be noted that the above embodiments are only used to illustrate the technical solutions of the present application, rather than to limit it. Although the present application has been described in detail with reference to the aforementioned embodiments, those skilled in the art should understand that they can still modify the technical solutions described in the aforementioned embodiments, or replace some or all of the technical features therein with equivalents. However, these modifications or replacements do not cause the essence of the corresponding technical solutions to deviate from the scope of the technical solutions of the embodiments of the present application.

[0148] For the convenience of explanation, the above description has been made in conjunction with specific embodiments. However, the above exemplary discussion is not intended to be exhaustive or limit the embodiments to the specific forms disclosed above. Based on the above teachings, various modifications and variations can be obtained. The selection and description of the above embodiments are to better explain the principles and practical applications, so that those skilled in the art can better use the embodiments and various different variations of the embodiments suitable for specific use considerations.

Claims

1. A display device, characterized in that: include: 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; The controller is configured as: When the display is displaying the second interface, in response to a play instruction input by a user for playing the media data, obtaining 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 display the transition animation and the first interface in sequence.

2. The display device according to claim 1, characterized in that The controller is also configured to: 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, characterized in that The controller executes obtaining the playback status information and is further configured to: 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, characterized in that The controller executes acquiring the picture size information and the scaling reference of the media asset data, and generating the picture display parameter according to the picture size information and the scaling reference, and is further configured to: 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, characterized in that The screen display parameters include the image width and image height of the shared element image, and the controller is further configured to: 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, characterized in that The controller generates a shared element image according to the play state information and the first animation image, and is further configured to: 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, characterized in that The first interface is displayed through a first layer; the second interface is displayed through a second layer; the controller generates a transition animation based on the shared element image, and is further configured to: 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. A display device, characterized in that: include: 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; The controller is configured as: 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 display the transition animation and the second interface in sequence.

9. The display device according to claim 1, characterized in that: The controller generates a shared element image according to the icon shape information and the second animation image, and is further configured to: 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.

10. A method for displaying a transition animation, characterized in that: The display device according to any one of claims 1 to 7, the display device comprising a display and a controller, 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, obtaining 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 display the transition animation and the first interface in sequence.

Images