A display device and a method of data display

Abstract

The application provides a display device and a data display method. After receiving an operation of displaying a recommendation interface, a display is controlled to display the recommendation interface. When a first control in the recommendation interface is a preset control, a playing window is drawn on an upper layer of the recommendation interface. The playing window is used to display media data corresponding to the first control. After the media data is played, the playing window is reduced according to a preset track, so that a display position of the reduced playing window overlaps a display position of the first control. The upper layer is cancelled, so that the recommendation interface is not blocked. In this way, the first control and the corresponding media data form a joint display effect, and user experience is improved.

Description

Technical Field

[0001] This application relates to the field of intelligent display device technology, and in particular to a display device and a method for displaying data. Background Technology

[0002] When a user opens the TV's main interface, a large-screen ad often appears to recommend the latest movies and TV shows. Once the ad finishes playing, it fades away, and users who want to learn more about the show or TV show usually have to search within the main TV interface. Sometimes, they can't even find the show or TV show because they didn't see the title clearly, resulting in a poor user experience. Summary of the Invention

[0003] This application provides a display device and a method for displaying data, which scales the media asset data to the position of its corresponding control after playback or during playback, so that the media asset data and its control form a joint projection effect, thereby improving the user experience.

[0004] In a first aspect, this application provides a display device, comprising:

[0005] monitor;

[0006] The controller is configured as follows:

[0007] The operation of receiving input and displaying the recommendation interface;

[0008] The display is controlled to show the recommendation interface, wherein the recommendation interface contains at least two recommendation bit controls;

[0009] When the first control among the at least two recommendation slot controls in the recommendation interface is a preset control, the media asset data corresponding to the first control is obtained, and a playback window is drawn in the upper floating layer of the recommendation page. The playback window is used to display the media asset data.

[0010] After the media data playback is completed, the playback window is shrunk according to a preset trajectory so that the display position of the shrunk playback window overlaps with the display position of the first control;

[0011] Cancel the display of the overlay to prevent the recommendation interface from being obscured.

[0012] In one implementation, shrinking the playback window according to a preset trajectory so that the shrunken playback window overlaps with the first control includes:

[0013] The playback window shrinks according to a preset trajectory so that the center of the shrunken playback window overlaps with the center of the first control; or...

[0014] The playback window is shrunk according to a preset trajectory so that the vertex position of the shrunk playback window overlaps with the vertex position of the first control.

[0015] In one implementation, the preset trajectory is determined based on the center position of the playback window before it is minimized and the line connecting the center position of the playback window and the center position of the first control; or,

[0016] The preset trajectory is determined by the line connecting the vertex position of the playback window before it is shrunk to the corresponding vertex position of the first control.

[0017] In one implementation, shrinking the playback window according to a preset trajectory includes:

[0018] Based on the preset refresh count and the preset trajectory, at least one intermediate position point and the refresh time corresponding to the at least one intermediate position point are determined on the preset trajectory, wherein the intermediate position point is different from the beginning and end points on the preset trajectory;

[0019] During the refresh time, the playback window is shrunk to a set area and displayed at the center position, wherein the set area is smaller than the area of ​​the playback window before shrunking, but larger than the area of ​​the first control.

[0020] In one implementation, the preset refresh count is determined based on a preset scaling duration and a preset refresh time interval, wherein the preset scaling duration is the configured duration for the playback window shrinking process.

[0021] In one implementation, before the playback window is shrunk to a set area and displayed at the midpoint during the refresh time, the controller is further configured to:

[0022] Based on the preset refresh count, the area of ​​the playback window before shrinking, and the area of ​​the first control, the set area corresponding to the preset refresh time is determined so that the area of ​​the playback window shrinks smoothly during the shrinking process.

[0023] In one implementation, before the playback window is shrunk to a set area and displayed at the midpoint during the refresh time, the controller is further configured to:

[0024] Based on the preset refresh count and the area ratio of the first control to the playback window before shrinking, the scaling ratio corresponding to the preset refresh time is calculated, wherein the scaling ratio is less than 1 and greater than the area ratio.

[0025] The set area is determined based on the area of ​​the playback window and the scaling ratio.

[0026] In one implementation, before the playback window is shrunk to a set area and displayed at the midpoint during the refresh time, the controller is further configured to:

[0027] Based on the preset number of refreshes and the width ratio or height ratio of the first control and the playback window before shrinking, the scaling ratio corresponding to the refresh time is calculated, wherein the scaling ratio is less than 1 and greater than the width ratio or height ratio.

[0028] The set area is determined based on the area of ​​the playback window and the scaling ratio.

[0029] In one implementation, the step of completing the playback of the media asset data includes:

[0030] After the media asset data has played for a preset duration, or,

[0031] After the media asset data has played to the last frame, or,

[0032] During the playback of the media data, a preset interruption operation is received.

[0033] In a second aspect, a display device is provided, comprising:

[0034] monitor;

[0035] The controller is configured as follows:

[0036] The operation of receiving input and displaying the recommendation interface;

[0037] The display is controlled to show the recommendation interface, wherein the recommendation interface includes at least two recommendation slot controls;

[0038] When the first control in the at least two recommendation slot controls is a preset control, the media asset data corresponding to the first control is obtained, and a playback window is drawn in the upper floating layer of the recommendation interface. The playback window is used to display the media asset data.

[0039] When the media data is played, the playback window is shrunk according to a preset trajectory so that the display position of the shrunk playback window overlaps with the display position of the first control;

[0040] Cancel the display of the overlay to prevent the recommendation interface from being obscured.

[0041] As can be seen from the above technical solution, after receiving the input operation to display the recommendation interface, the display is controlled to show the recommendation interface. When the first control in the recommendation interface is a preset control, a playback window is drawn on the upper floating layer of the recommendation interface. The playback window is used to display the media asset data corresponding to the first control. After the media asset data is played, the playback window is shrunk according to a preset trajectory so that the display position of the shrunk playback window overlaps with the display position of the first control. The floating layer is canceled so that the recommendation interface is not obscured. Through the above method, the first control and its corresponding media asset data form a joint delivery effect, improving the user experience. Attached Figure Description

[0042] To more clearly illustrate the technical solution of this application, the drawings used in the embodiments will be briefly introduced below. Obviously, for those skilled in the art, other drawings can be obtained based on these drawings without creative effort.

[0043] Figure 1 An operational scenario between a display device and a control device according to some embodiments is illustrated;

[0044] Figure 2 A hardware configuration block diagram of a control device 100 according to some embodiments is shown;

[0045] Figure 3 A hardware configuration block diagram of a display device 200 according to some embodiments is shown;

[0046] Figure 4 A software configuration diagram of a display device 200 according to some embodiments is shown;

[0047] Figure 5 This is a timing diagram of the data display method in the embodiments of this application;

[0048] Figure 6 This is a schematic diagram illustrating the playback of advertising data in an embodiment of this application;

[0049] Figure 7 This is a schematic diagram of the rectangular coordinate system in the embodiments of this application;

[0050] Figure 8 This is a schematic diagram of the movement route of a preset image center in an embodiment of this application;

[0051] Figure 9 This is a schematic diagram illustrating the change of an attribute value in an embodiment of this application;

[0052] Figure 10 This is a schematic diagram of another preset image center movement route in an embodiment of this application;

[0053] Figure 11 This is a schematic diagram illustrating the movement and scaling of a preset image in an embodiment of this application;

[0054] Figure 12 This is a schematic diagram illustrating another preset image movement and scaling in an embodiment of this application;

[0055] Figure 13 This is a schematic diagram of a type of screen-dominating data in an embodiment of this application;

[0056] Figure 14 This is a schematic diagram of a preset image reduction in an embodiment of this application;

[0057] Figure 15 This is a schematic diagram of a preset image movement in an embodiment of this application. Detailed Implementation

[0058] To make the objectives and implementation methods of this application clearer, the exemplary implementation methods of this application will be clearly and completely described below with reference to the accompanying drawings of the exemplary embodiments of this application. Obviously, the exemplary embodiments described are only some embodiments of this application, and not all embodiments.

[0059] It should be noted that the brief descriptions of terms in this application are only for the convenience of understanding the embodiments described below, and are not intended to limit the embodiments of this application. Unless otherwise stated, these terms should be understood in their ordinary and common meaning.

[0060] The terms "first," "second," "third," etc., used in the specification, claims, and accompanying drawings of this application are used to distinguish similar or related objects or entities, and do not necessarily imply a specific order or sequence, unless otherwise specified. It should be understood that such terms are interchangeable where appropriate.

[0061] The terms “comprising” and “having”, and any variations thereof, are intended to cover but not exclude inclusion, for example, a product or device that includes a range of components is not necessarily limited to all of the components that are clearly listed, but may include other components that are not clearly listed or that are inherent to such product or device.

[0062] The term "module" refers to any known or subsequently 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.

[0063] Figure 1 This is a schematic diagram illustrating the operational scenario between the display device and the control unit according to the embodiment. Figure 1 As shown, the user can operate the display device 200 through the smart device 300 or the control device 100.

[0064] In some embodiments, the control device 100 may be a remote control. Communication between the remote control and the display device includes infrared protocol communication, Bluetooth protocol communication, and other short-range communication methods, controlling the display device 200 wirelessly or via wired means. Users can control the display device 200 by inputting user commands through buttons on the remote control, voice input, control panel input, etc.

[0065] In some embodiments, a smart device 300 (such as a mobile terminal, tablet computer, computer, laptop computer, etc.) may also be used to control the display device 200. For example, an application running on the smart device may be used to control the display device 200.

[0066] In some embodiments, the display device 200 can also be controlled in ways other than the control device 100 and the smart device 300. For example, it can be controlled by directly receiving the user's voice commands through a module configured inside the display device 200 for acquiring voice commands, or it can be controlled by receiving the user's voice commands through a voice control device set outside the display device 200.

[0067] In some embodiments, the display device 200 also communicates with the server 400. The display device 200 may communicate via a local area network (LAN), wireless local area network (WLAN), and other networks. The server 400 may provide various content and interactive features to the display device 200. The server 400 may be a cluster or multiple clusters, and may include one or more types of servers.

[0068] Figure 2 An exemplary block diagram of the configuration of the control device 100 according to an exemplary embodiment is shown. Figure 2 As shown, the control device 100 includes a controller 110, a communication interface 130, a user input / output interface 140, a memory, and a power supply. The control device 100 can receive user input operation commands and convert the operation commands into commands that the display device 200 can recognize and respond to, thus acting as an intermediary for interaction between the user and the display device 200.

[0069] Figure 3 A hardware configuration block diagram of a display device 200 according to an exemplary embodiment is shown.

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

[0071] In some embodiments, the controller includes a processor, a video processor, an audio processor, a graphics processor, RAM, ROM, and a first interface to an nth interface for input / output.

[0072] In some embodiments, the display 260 includes a display screen component for presenting an image, a driving component for driving image display, a component for receiving image signals from the controller output, and a user control UI interface for displaying video content, image content, menu control interface, and user control UI interface.

[0073] In some embodiments, the display 260 may be a liquid crystal display, an OLED display, or a projection display, and may also be a projection device and a projection screen.

[0074] In some embodiments, the communicator 220 is a component used to communicate with external devices or servers according to various communication protocol types. For example, the communicator may include at least one of a Wi-Fi module, a Bluetooth module, a wired Ethernet module, other network communication protocol chips or near-field communication protocol chips, and an infrared receiver. The display device 200 can establish the transmission and reception of control signals and data signals with the external control device 100 or the server 400 through the communicator 220.

[0075] In some embodiments, the user interface can be used to receive control signals from the control device 100 (e.g., an infrared remote control).

[0076] In some embodiments, detector 230 is used to acquire signals from the external environment or to interact with the outside world. For example, detector 230 includes a light receiver, a sensor for acquiring ambient light intensity; or, detector 230 includes an image acquisition device, such as a camera, which can be used to acquire external environmental scenes, user attributes, or user interaction gestures; or, detector 230 includes a sound acquisition device, such as a microphone, for receiving external sounds.

[0077] In some embodiments, the external device interface 240 may include, but is not limited to, one or more interfaces such as: High Definition Multimedia Interface (HDMI), analog or data high-definition component input interface (component), composite video input interface (CVBS), USB input interface (USB), RGB port, etc. It may also be a composite input / output interface formed by multiple interfaces mentioned above.

[0078] In some embodiments, the tuner 210 receives broadcast television signals via wired or wireless reception and demodulates audio and video signals, such as EPG data signals, from a plurality of wireless or wired broadcast television signals.

[0079] In some embodiments, the controller 250 and the tuner 210 may be located in different separate devices, that is, the tuner 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.

[0080] In some embodiments, the controller 250 controls the operation of the display device and responds to user operations via various software control programs stored in memory. The controller 250 controls the overall operation of the display device 200. For example, in response to receiving a user command to select a UI object to display on the display 260, the controller 250 can perform operations related to the object selected by the user command.

[0081] In some embodiments, the object can be any of the optional objects, such as a hyperlink, an icon, or other operable controls. Operations related to the selected object include: displaying links to hyperlinked pages, documents, images, etc., or performing operations corresponding to the program associated with the icon.

[0082] In some embodiments, the controller includes at least one of a central processing unit (CPU), a video processor, an audio processor, a graphics processing unit (GPU), RAM (random access memory), ROM (read-only memory), a first to an nth interface for input / output, a communication bus, etc.

[0083] A CPU (CPU) processor is used to execute operating system and application instructions stored in memory, as well as various interactive instructions received from external input, to execute various applications, data, and content, ultimately for the display and playback of various audio and video content. A CPU processor can include multiple processors, such as a main processor and one or more sub-processors.

[0084] In some embodiments, a graphics processor is used to generate various graphical objects, such as icons, operation menus, and graphics displayed based on user input commands. The graphics processor includes an arithmetic logic unit (ALU) that performs calculations based on various user-input interactive commands and displays various objects according to display attributes; it also includes a renderer that renders the various objects obtained from the ALU, and the rendered objects are used to display on a monitor.

[0085] In some embodiments, the video processor is configured to receive external video signals and perform video processing such as decompression, decoding, scaling, noise reduction, frame rate conversion, resolution conversion, and image synthesis according to the standard encoding and decoding protocol of the input signals, so as to obtain a signal that can be directly displayed or played on the display device 200.

[0086] In some embodiments, the video processor includes a demultiplexing module, a video decoding module, an image compositing module, a frame rate conversion module, and a display formatting module. The demultiplexing module demultiplexes the input audio and video data streams. The video decoding module processes the demultiplexed video signal, including decoding and scaling. The image compositing module, such as an image synthesizer, overlays and blends a GUI signal generated by a graphics generator based on user input or its own generation with the scaled video image to generate a displayable image signal. The frame rate conversion module converts the input video frame rate. The display formatting module modifies the received frame rate-converted video output signal to conform to a display format, such as outputting RGB data signals.

[0087] In some embodiments, the audio processor is configured to receive external audio signals, and according to the standard codec protocol of the input signals, perform decompression and decoding, as well as noise reduction, digital-to-analog conversion, and amplification processing, to obtain a sound signal that can be played in a speaker.

[0088] In some embodiments, the user can input user commands through a graphical user interface (GUI) displayed on the display 260, and the user input interface receives the user input commands through the GUI. Alternatively, the user can input user commands by inputting specific sounds or gestures, and the user input interface receives the user input commands by recognizing the sounds or gestures through sensors.

[0089] In some embodiments, a "user interface" is the medium through which an application or operating system interacts and exchanges information with a user, converting information between its internal form and a form acceptable to the user. A common form of user interface is the graphical user interface (GUI), which refers to a user interface related to computer operation displayed graphically. It can be an icon, window, control, or other interface element displayed on the screen of an electronic device. Controls can include visual interface elements such as icons, buttons, menus, tabs, text boxes, dialog boxes, status bars, navigation bars, and widgets.

[0090] In some embodiments, the display device's system may include a kernel, a command interpreter (shell), a file system, and applications. The kernel, shell, and file system together form the basic operating system structure, allowing users to manage files, run programs, and use the system. Upon power-up, the kernel starts, activates the kernel space, abstracts hardware, initializes hardware parameters, and runs and maintains virtual memory, the scheduler, signals, and inter-process communication (IPC). After the kernel starts, the shell and user applications are loaded. Applications are compiled into machine code after startup, forming a process.

[0091] See Figure 4 In some embodiments, the system is divided into four layers, from top to bottom: the Applications layer (referred to as the "Application Layer"), the Application Framework layer (referred to as the "Framework Layer"), the Android runtime and system library layer (referred to as the "System Runtime Layer"), and the kernel layer.

[0092] In some embodiments, at least one application runs in the application layer. These applications may be Windows programs, system settings programs, or clock programs that come with the operating system; they may also be applications developed by third-party developers. In specific implementations, the application packages in the application layer are not limited to the examples above.

[0093] The framework layer provides application programming interfaces (APIs) and a programming framework for applications. The application framework layer includes predefined functions. It acts as a central processing unit, determining the actions taken by applications within the application layer. Through the API, applications can access system resources and obtain system services during execution.

[0094] like Figure 4As shown, the application framework layer in this embodiment includes managers, content providers, etc., wherein the managers include at least one of the following modules: ActivityManager, which interacts with all activities running in the system; LocationManager, which provides access to system location services for system services or applications; PackageManager, which retrieves various information related to application packages currently installed on the device; NotificationManager, which controls the display and clearing of notification messages; and WindowManager, which manages icons, windows, toolbars, wallpapers, and desktop widgets on the user interface.

[0095] In some embodiments, the Activity Manager manages the lifecycle of individual applications and common navigation and back functions, such as controlling application exit, opening, and back actions. The Window Manager manages all window programs, such as obtaining the screen size, determining whether a status bar exists, locking the screen, capturing the screen, and controlling display window changes (e.g., shrinking the display window, dithering the display, distorting the display, etc.).

[0096] In some embodiments, the system runtime library layer provides support for the upper layer, namely the framework layer. When the framework layer is used, the Android operating system runs the C / C++ libraries contained in the system runtime library layer to implement the functions that the framework layer needs to perform.

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

[0098] In related technologies, once the screen-dominating advertisement finishes playing, it fades away directly, making it difficult for users to quickly find the resource entry point corresponding to the screen-dominating advertisement.

[0099] To address the above problems, this application provides a display device, which includes a display and a controller, the controller performing the following... Figure 5 The method shown is as follows:

[0100] In some embodiments, a user can issue commands by pressing buttons on the control device, and when the display shows the user interface, the user can move the focus on the user interface by pressing the directional keys on the control device. This movement of the focus may cause changes in the controls and their positions on the user interface.

[0101] Receive input for the operation of displaying the recommendation interface and control the display to show the recommendation interface;

[0102] In some implementations, users can directly enter the recommendation interface when they enter the command to open the application's homepage, or they can enter the recommendation interface after focusing on the mobile user interface and selecting the recommendation control. The recommendation interface includes at least two recommendation slot controls, which are entry points for information such as resources that operators or developers want to recommend to users. They are often set in a certain position on the homepage.

[0103] In some embodiments, there are no restrictions on how the recommended interface is accessed.

[0104] In some embodiments, the recommendation slot control may include a recommendation slot control that allows navigation to a second-level page and a recommendation slot control that does not allow navigation to a second-level page. In the recommendation slot control that allows navigation to a second-level page, a link is configured for the recommendation slot, corresponding to the second-level page after navigation, to display more detailed resource information corresponding to the recommendation slot after the user enters a confirmation action. In the recommendation slot control that does not allow navigation to a second-level page, no link is configured after the recommendation slot.

[0105] In some embodiments, recommendation controls that cannot navigate to a second-level page can be configured to not receive focus.

[0106] In some embodiments, a recommendation control that cannot jump to a secondary page can be configured to receive focus. When the focus is on the recommendation position, although it does not jump to a secondary page after receiving a confirmation operation, the control can be controlled to jump its position or display a prompt message so that the user knows that the display device has received a confirmation operation.

[0107] In some embodiments, determining whether a control is in the current user interface can be done by determining whether the entire area of ​​the control is within the user interface, or by determining whether the proportion of the area of ​​the control within the user interface to the total area of ​​the control exceeds a preset value. For example, it is not considered that the control is displayed in the user interface simply because a part of it is within the user interface; only when the proportion of the area of ​​the control within the user interface to the total area of ​​the control exceeds two-thirds is the control considered to be in the user interface.

[0108] In some embodiments, the page is switched entirely.

[0109] In some embodiments, since the page is swiped in a waterfall style, there may be situations where some controls are partially displayed and others are not. Determining whether the proportion of the area of ​​the control entering the user interface to the total area of ​​the control exceeds a preset value can effectively solve this problem.

[0110] Determine whether the first control in the recommended interface is a preset control;

[0111] In some embodiments, the preset control is a specific recommendation position control, and the media asset data corresponding to the control can be obtained and displayed separately on the display screen.

[0112] In some embodiments, if a user opens the homepage or moves the focus, it is determined that the first control in the recommendation interface is a preset control, and it is determined whether the data corresponding to the first control contains the necessary parameters for obtaining media asset data.

[0113] In some embodiments, media asset data may refer to media data such as images and videos, and the content of media asset data may include information such as advertisements.

[0114] If the data corresponding to the first control does not contain the necessary parameters for obtaining media asset data, control the first control to display the original content.

[0115] Taking recommended ads as an example, if the recommended ad control does not retrieve the necessary parameters for the ad, such as the ad identifier, it means that the recommended ad control has not arranged ads.

[0116] In some embodiments, if the data corresponding to the first control contains the necessary parameters for obtaining media asset data, the advertising media asset data is directly obtained from the server based on the advertising identifier and displayed on the overlay.

[0117] In some embodiments, if the data corresponding to the first control contains the necessary parameters for obtaining media asset data, a request to obtain the media asset strategy corresponding to the first control is initiated.

[0118] Taking recommended ads as an example, if the data of the recommended ad control contains the necessary parameters for obtaining the ad, such as the ad identifier, it means that the recommended ad slot has been set up with an ad.

[0119] In some embodiments, the controller initiates a request to obtain an advertising strategy, carrying necessary parameters such as an advertising identifier, to retrieve the media asset strategy corresponding to the advertising data from the server. The media asset strategy includes advertising media asset data and a reporting and return address. The reporting and return address is used to upload the playback logs of the advertising media asset data to the server, so that the server can count the number of times the advertising media asset data has been played, and determine whether to send the media asset strategy to the controller upon receiving a media asset strategy request corresponding to the first control from the controller based on the number of playbacks.

[0120] Determine whether the media asset strategy has been received;

[0121] If the requested media asset strategy is not received due to reasons such as request failure or ad backend frequency control, the first control will display the original content. Ad backend frequency control refers to the ad backend controlling the frequency of ad appearances. For example, if a recommended ad is set to play only twice a day, and the recommended ad has already played twice in a day, the ad backend will not return an ad strategy when a third ad strategy request is sent that day.

[0122] If the requested media asset strategy is received, the media asset strategy is read, and a playback window is drawn in the upper floating layer of the recommendation page. The playback window is used to display the media asset data.

[0123] In some embodiments, the media asset strategy includes display data of the first control itself and media asset data corresponding to the first control. The display data of the first control is recommended ad data, used to display in the first control position on the recommendation page; the media asset data corresponding to the first control is dominant ad data, used to display in the playback window of the upper floating layer of the recommendation page; the recommended ad playback data in the advertising strategy is read and played, and the recommended ad playback log is reported after exposure. Simultaneously with the exposure of the recommended ad data, the dominant ad playback data in the advertising strategy is read and played, and the dominant ad playback log is reported after exposure, such as... Figure 6 As shown.

[0124] In some embodiments, only one control is designated as a preset control on the same recommendation screen to avoid situations where multiple preset controls appear simultaneously on the same recommendation screen. If multiple preset controls appear at the same time, the media data corresponding to which preset control is played can be determined based on the priority of the preset controls.

[0125] In some embodiments, the media asset strategy includes both the display data of the first control itself and the media asset data corresponding to the first control.

[0126] In some embodiments, the media asset strategy includes the display data of the first control itself and / or the media asset data corresponding to the first control. When only one type of data is available, the display process is controlled according to the data type. For example, when only the display data of the first control itself is included, excluding the media asset data corresponding to the first control, it is determined whether the display data of the first control itself is the same as the already displayed data. If they are the same, the display of the control is not refreshed; otherwise, it is refreshed. This is because when the page is displayed, it generally reads the data in the cache first, but there is a possibility that the data in the cache has not been updated in time, so the data can be refreshed. When it is confirmed by the identifier that only the media asset data corresponding to the first control is included, excluding the display data of the first control itself, the content displayed by the control remains unchanged, and a new floating layer is created to display the media asset data corresponding to the first control.

[0127] In some embodiments, the interface is displayed by the interface display process, the media asset data terminal service is the advertising terminal service, and the server is the advertising backend. The interface display process first requests data across processes to the advertising terminal service (for example, launching the advertising business process in the terminal device). Then, the advertising terminal service requests data from the advertising backend via the network. After the data is returned from the advertising backend, the advertising terminal service returns the data across processes to the interface display process, and then the interface display process processes the requested advertising data.

[0128] After the media data playback is completed, the playback window is shrunk according to a preset trajectory so that the display position of the shrunk playback window overlaps with the display position of the first control;

[0129] In some embodiments, the playback duration of the media asset data can be limited. In this case, after the media asset data playback is completed, which may be after a preset playback duration, the playback window can display the last frame or any frame from the media asset data. Then, the playback window zooms out and moves. During this movement, the window always displays the image frame.

[0130] In some embodiments, after the media asset data playback is completed, it may be after the media asset data has played to the last frame, at which point the playback window displays the last frame image, or it may display any frame image in the media asset data, and then the playback window shrinking and moving step is performed.

[0131] In some embodiments, the interruption operation may be received after the media asset data playback is completed, or during the playback of the media asset data. During the playback of the media asset data, the user can cancel the overlay display without moving the focus by pressing the return button on the control device, or press the directional keys to cancel the overlay display while moving the focus. At this time, the playback window can display the last frame of the image played after the interruption, or it can display any frame of the image in the media asset data, and then the playback window zoom-out and retraction steps are performed.

[0132] In some embodiments, the window maintains the image frame at the time of interruption during movement.

[0133] In some embodiments, since the image frame at the time of interruption may be an image frame with poor image quality, the image frame is switched to a preset image frame after the interruption. The preset image frame is a frame that is set to display a better image quality. This ensures that the window displays a better effect even during movement.

[0134] In some embodiments, after an interruption, the remaining duration is compared with a preset scaling duration. If the remaining duration is not greater than the preset scaling duration, video data continues to play during the scaling process until the end. If the remaining duration is greater than the preset scaling duration, a static image is displayed.

[0135] In some embodiments, after an interruption, the scaling speed is controlled based on the remaining duration of the video data; that is, the remaining duration is used as a preset scaling duration so that the remaining images can be played during the scaling process.

[0136] In some embodiments, after an interruption, the playback speed of the video during the scaling process is adjusted according to the remaining duration and the preset scaling duration, so that the video data is played before the scaling is completed.

[0137] In some embodiments, shrinking the playback window according to a preset trajectory to make the playback window overlap with the first control includes: shrinking the playback window according to a preset trajectory so that the center position of the shrunken playback window overlaps with the center position of the first control.

[0138] In some embodiments, shrinking the playback window according to a preset trajectory to make the playback window overlap with the first control includes: shrinking the playback window according to a preset trajectory so that the vertex position of the shrunken playback window overlaps with the vertex position of the first control.

[0139] In some embodiments, it is not necessary for a specific point of the shrunk playback window to overlap with a specific point of the first control. It is sufficient for the playback window to shrink and move towards the first control, ensuring that the shrunk playback window overlaps with the first control. This allows the user's attention to follow the shrunk playback window and locate the first control. For example: the area of ​​the shrunk playback window is much smaller than the area of ​​the first control, and the shrunk playback window is entirely within the display range of the first control; or the shrunk playback window completely covers the first control; or two-thirds of the area of ​​the shrunk playback window overlaps with the area of ​​the first control. In all three cases, the user can locate the first control by observing the movement of the playback window.

[0140] In some embodiments, the preset trajectory is determined based on the line connecting the center position of the playback window before it is minimized to the center position of the first control.

[0141] In some embodiments, the preset trajectory is determined based on the connection between the vertex position of the playback window before it is minimized and the corresponding vertex position of the first control.

[0142] In some embodiments, a preset trajectory refers to a trajectory composed of images refreshed at predetermined time points. In the controller, the controller can also refresh the display of each frame during the scaling-down process according to a preset display position and window size.

[0143] In some embodiments, the preset trajectory can be a straight line, a smooth curve, or a broken line.

[0144] In some embodiments, shrinking the playback window according to a preset trajectory includes:

[0145] Based on the preset refresh count and preset trajectory, at least one intermediate position point and the refresh time corresponding to the at least one intermediate position point are determined on the preset trajectory, wherein the intermediate position point is different from the beginning and end points on the preset trajectory.

[0146] During the refresh time, the playback window is shrunk to a set area and displayed in the center. The set area is smaller than the area of ​​the playback window before it was shrunk, but larger than the area of ​​the first control.

[0147] In some embodiments, the area refers to the area enclosed by the coordinate parameters of at least two vertices of the window. The controller controls / displays an image of a specified area by controlling the coordinate parameters of at least two vertices to specified coordinate parameters or by displaying at least two vertices using specified coordinate positions as the coordinate parameters of at least two fixed points.

[0148] In some embodiments, the preset number of refreshes is determined based on a preset scaling duration and a preset refresh time interval, where the preset scaling duration is the configured duration for the playback window shrinking process.

[0149] In some embodiments, the line connecting the center position of the playback window before it is minimized and the center position of the first control is a straight line. This straight line is a preset trajectory. Taking a constant movement speed as an example, the calculation method for the intermediate position point and refresh time is as follows:

[0150] In some embodiments, as follows Figure 7 The method shown establishes a Cartesian coordinate system. The center coordinates of the playback window are (X0, Y0), and the center coordinates of the first control are (X0, Y0). n Y n The preset scaling duration is t, the number of refreshes is n, the refresh interval is t / n, and the refresh time can be represented as t1, t2, t3, ..., t n-1 , where t 1＝ t / n, t 2＝ 2t / n, t 3＝ 3t / n,…,t n-1＝ (n-1)t / n;

[0151] At the start time t0, the horizontal coordinate of the playback window's movement is X. 0＝ X0, move the ordinate Y 0＝ Y0;

[0152] At refresh time t1, the horizontal coordinate X of the playback window's movement... 1＝ X0+(X n –X0) / n, shift the y-coordinate Y 1＝ Y0+(Y n –Y0) / n;

[0153] At refresh time t2, the horizontal coordinate X of the playback window's movement... 2＝ X0+2(X n –X0) / n, shift the y-coordinate Y 2＝ Y0+2(Y n –Y0) / n;

[0154] …;

[0155] At refresh time t n-1 At that time, the horizontal coordinate X of the playback window moves. n-1＝ X0+(n-1)(X n –X0) / n, shift the y-coordinate Y n-1＝ Y0+(n-1)(Y n –Y0) / n;

[0156] At the end time t n At that time, the horizontal coordinate X of the playback window moves. n＝ X n Move the ordinate Y n＝ Y n ;

[0157] By using the above method, the coordinates of each intermediate position point, endpoint, and corresponding time can be calculated. By moving the center of the playback window according to the movement coordinates corresponding to the time, the movement animation of the playback window can be obtained.

[0158] For example: the center coordinates of the playback window are (960, 540), the center coordinates of the first control are (1440, 300), the preset zoom duration is 1s, the refresh count is 10, the refresh interval is 0.1s, and the refresh time can be expressed as 0.1s, 0.2s, 0.3s, ..., 0.9s;

[0159] At 0s, the horizontal coordinate of the playback window is X0 = 960 and the vertical coordinate is Y0 = 540.

[0160] At 0.1s, the horizontal coordinate X of the playback window moves. 1＝ X0+(X n–X0) / n=960+(1440-960) / 10=1008, shift the ordinate Y 1＝ Y0+(Y n –Y0) / n=540+(300–540) / 10=516;

[0161] At 0.2s, the horizontal coordinate of the playback window moves. 2＝ 1056, move the ordinate Y 2＝ 492;

[0162] …;

[0163] At 1 second, the horizontal coordinate of the playback window's movement is X. n＝ 1440, move the ordinate Y n＝ 300;

[0164] The movement path in the center of the playback window is as follows Figure 8 As shown.

[0165] In some embodiments, the center-moving speed of the preset image can be varied. For example, the speed can change slowly at the beginning of the movement to give the user more time to view the preset image; the speed can change more rapidly in the middle of the movement; and the speed can change slowly at the end of the movement to give the user more time to observe where the preset image has moved to. The center-moving speed of the preset image can vary as follows: Figure 8 As shown, Figure 8 The horizontal axis represents the percentage of time elapsed, and the vertical axis represents the percentage change in the current attribute value. In this case, the vertical axis can be represented as the percentage change in the movement coordinate. The specific calculation method is as follows:

[0166] In some embodiments, the same applies as Figure 7 The method shown establishes a Cartesian coordinate system. The center coordinates of the playback window are (X0, Y0), and the center coordinates of the first control are (X0, Y0). n Y n The preset scaling duration is t, the number of refreshes is n, the refresh interval is t / n, and the refresh time can be represented as t1, t2, t3, ..., t n-1 , where t 1＝ t / n, t 2＝ 2t / n, t 3＝ 3t / n,…,t n-1＝ (n-1)t / n;

[0167] Calculate the time flow rate percentage T for each refresh time;

[0168] T 1＝ t1 / t*100%, T 2＝ t2 / t*100%, T3＝ t3 / t*100%, ..., T n -1 = t n-1 / t*100%;

[0169] The AccelerateDecelerateInterpolator calculates the percentage change in the movement coordinates based on the percentage T of time elapsed, and returns this percentage. For example, the Android system calculates the percentage C1 of the change in movement coordinates at time T1. (See reference...) Figure 9 The estimator calculates the changed movement coordinates based on the percentage C1 of the change in movement coordinates.

[0170] At the start time t0, the horizontal coordinate of the playback window's movement is X. 0＝ X0, move the ordinate Y 0＝ Y0;

[0171] At refresh time t1, the horizontal coordinate X of the playback window's movement... 1＝ X0+(X n –X0)*C1, move the y-coordinate Y 1＝ Y0+(Y n –Y0)*C1;

[0172] At refresh time t2, the horizontal coordinate X of the playback window's movement... 2＝ X0+(X n –X0)*C2, move the ordinate Y. 2＝ Y0+(Y n –Y0)*C2;

[0173] …;

[0174] At refresh time t n-1 At that time, the horizontal coordinate X of the playback window moves. n-1＝ X0+(X n –X0)*C n-1 Move the ordinate Y n-1＝ Y0+(Y n –Y0)*C n-1 ;

[0175] At the end time t n At that time, the horizontal coordinate X of the playback window moves. n＝ X n Move the ordinate Y n＝ Y n ;

[0176] By using the above method, the coordinates of each intermediate position point, endpoint, and corresponding time can be calculated. By moving the center of the playback window according to the movement coordinates corresponding to the time, the movement animation of the playback window can be obtained.

[0177] For example: the center coordinates of the playback window are (960, 540), the center coordinates of the first control are (1440, 300), the preset zoom duration is 1s, the refresh count is 10, the refresh interval is 0.1s, and the refresh time can be expressed as 0.1s, 0.2s, 0.3s, ..., 0.9s;

[0178] Calculate the time flow rate percentage T for each refresh time;

[0179] T 1＝ t1 / t*100% = 10%, T 2＝ t2 / t*100% = 20%, T 3＝ t3 / t*100% = 30%, ..., T n-1＝ t n-1 / t*100%

[0180] =90%;

[0181] The percentage change in the moving coordinates is calculated by the AccelerateDecelerateInterpolator based on the percentage T of time elapsed; C1 = 5%, C2 = 10%, C3 = 20%, ..., C8 = 85%, C9 = 95%;

[0182] At 0.1s, the horizontal coordinate X of the playback window moves. 1＝ X0+(X n –X0)*C1=960+(1440-960)*5%=984, shift the ordinate Y 1＝ Y0+(Y n –Y0)*C1=540+(300–540)*5%=528;

[0183] At 0.2s, the horizontal coordinate of the playback window moves. 2＝ 1008, move the ordinate Y 2＝ 516;

[0184] …;

[0185] At 1 second, the horizontal coordinate of the playback window's movement is X. n＝ 1440, move the ordinate Y n＝ 300;

[0186] The movement path in the center of the playback window is as follows Figure 10 As shown.

[0187] In some embodiments, the set area corresponding to the preset refresh time is determined based on the preset refresh number, the area of ​​the playback window before shrinking, and the area of ​​the first control, so that the area of ​​the playback window shrinks smoothly during the shrinking process.

[0188] In some embodiments, a scaling ratio corresponding to the preset refresh time is calculated based on a preset number of refreshes and the ratio of the area of ​​the first control to the area of ​​the playback window before scaling, wherein the scaling ratio is less than 1 and greater than the area ratio; and the set area is determined based on the area of ​​the playback window and the scaling ratio.

[0189] In some embodiments, the scaling ratio corresponding to the refresh time is calculated based on a preset number of refreshes and the width ratio or height ratio of the first control and the playback window before scaling, wherein the scaling ratio is less than 1 and greater than the width ratio or height ratio; the set area is determined based on the area of ​​the playback window and the scaling ratio.

[0190] The methods for calculating the scaling ratio corresponding to the refresh time using area ratio, width ratio, and height ratio are essentially the same. Taking the width ratio or height ratio as an example, the scaling ratio changes at a constant rate, and the method for determining the set area is as follows:

[0191] In some embodiments, the aspect ratio of the playback window and the first control is the same. The default resolution of the current display is 1920*1080. The starting scaling ratio of the playback window is 100%, and the ending scaling ratio of the playback window (the ratio of the first control) is the width of the first control / 1920*100% or the height of the first control / 1080*100%.

[0192] In some embodiments, the aspect ratio of the playback window and the first control are not the same. The default resolution of the current display is 1920*1080. The starting scaling ratio of the playback window is 100%. The maximum value between the width / 1920*100% of the first control and the height / 1080*100% of the first control is taken as the ending scaling ratio of the playback window.

[0193] The preset scaling duration is t, the number of refreshes is n, the refresh interval is t / n, and the refresh time can be represented as t1, t2, t3, ..., t n-1 , where t 1＝ t / n, t 2＝ 2t / n, t 3＝ 3t / n,…,t n-1＝ (n-1)t / n; The scaling ratio of the playback window is Sn.

[0194] At the start time t0, the scaling factor S of the playback window 0＝ 100;

[0195] At refresh time t1, the scaling factor S of the playback window 1＝ 100-(100–Sn) / n;

[0196] At refresh time t2, the scaling factor S of the playback window 2＝ 100-2*(100–Sn) / n;

[0197] …;

[0198] At refresh time t n-1 At that time, the scaling ratio S of the playback window n -1=100-(n-1)*(100–Sn) / n;

[0199] At the end time t n At that time, the scaling ratio S of the playback window n＝ S n ;

[0200] The scaling ratio of the playback window at each time point can be calculated using the above method, thus obtaining the scaling animation of the playback window.

[0201] For example: the playback window is 1920 pixels wide and 1080 pixels high, and the first control is 300 pixels wide and 200 pixels high.

[0202] The playback window starts at a scaling factor of 100%. The width of the first control / 1920 * 100% = 15.625%; the height of the first control / 1080 * 100% = 18.519%. Therefore, the playback window ends at a scaling factor of 18.519%.

[0203] The preset zoom duration is 1 second, the refresh count is 10, the refresh interval is 0.1 seconds, and the refresh time can be expressed as 0.1 seconds, 0.2 seconds, 0.3 seconds, ..., 0.9 seconds;

[0204] At 0.1s, the scaling factor S of the playback window 1＝ 100-(100-Sn) / n=100-(100-18.519) / 10=91.852%;

[0205] At 0.2s, the scaling factor S of the playback window 2＝ 100-2*(100-Sn) / n=100-(100-18.519) / 10=83.704%;

[0206] …;

[0207] At 1 second, the scaling factor S of the playback window n＝ 18.519%;

[0208] The scaling ratio of the playback window at each time point can be calculated using the above method. By reducing the display area of ​​the playback window according to the scaling ratio of the playback window at each time point, the scaling animation of the playback window can be obtained.

[0209] In some embodiments, the scaling rate of the playback window can be varied, for example: the scaling is slower at the beginning of the scaling period to give the user more time to view the playback window; the scaling is faster in the middle of the scaling period; and the scaling is slower at the end of the scaling period to give the user more time to observe where the playback window has moved to. The scaling of the playback window is as follows: Figure 9 As shown, Figure 9 The horizontal axis represents the percentage of time elapsed, and the vertical axis represents the percentage change in the current attribute value. In this case, the vertical axis can be represented as the percentage of scaling change. The specific calculation method is as follows:

[0210] In some embodiments, the preset scaling duration is t, the number of refreshes is n, the refresh time interval is t / n, and the refresh time can be represented as t1, t2, t3, ..., t n-1 , where t 1＝ t / n, t 2＝ 2t / n, t 3＝ 3t / n,…,t n -1 = (n-1)t / n; the scaling ratio of the playback window is Sn.

[0211] Calculate the time flow rate percentage T for each refresh time;

[0212] T 1＝ t1 / t*100%, T 2＝ t2 / t*100%, T 3＝ t3 / t*100%, ..., T n -1 = t n-1 / t*100%;

[0213] The AccelerateDecelerateInterpolator calculates the percentage change in scaling based on the percentage T of time elapsed, and returns this percentage. For example, the Android system calculates the percentage change in scaling C1 at time T1. (See reference...) Figure 9 The estimator calculates the changed scaling ratio based on the percentage C1 of the change in scaling ratio.

[0214] At refresh time t1, the scaling factor S of the playback window 1＝ 100-(100–Sn)*C1;

[0215] At refresh time t2, the scaling factor S of the playback window 2＝ 100-(100–Sn)*C2;

[0216] …;

[0217] At refresh time t n-1 At that time, the scaling ratio S of the playback window n-1＝ 100(100–Sn)*C n-1 ;

[0218] At the end time t n At that time, the scaling ratio S of the playback window n＝ S n ;

[0219] The scaling ratio of the playback window at each time point can be calculated using the above method. By reducing the display area of ​​the playback window according to the scaling ratio of the playback window at each time point, the scaling animation of the playback window can be obtained.

[0220] For example: the playback window starts with a scaling factor of 100%, ends with a scaling factor of 10%, refreshes 10 times, and refreshes every 0.1 seconds. The refresh time can be expressed as 0.1s, 0.2s, 0.3s, ..., 0.9s.

[0221] Calculate the time flow rate percentage T for each refresh time;

[0222] T 1＝ t1 / t*100% = 10%, T 2＝ t2 / t*100% = 20%, T 3＝ t3 / t*100% = 30%, ..., T n-1＝ t n-1 / t*100%=90%;

[0223] The percentage change in scaling is calculated by the AccelerateDecelerateInterpolator based on the percentage of time elapsed, T; C1 = 5%, C2 = 10%, C3 = 20%, ..., C8 = 85%, C9 = 95%;

[0224] At 0.1s, the scaling factor S of the playback window 1＝ 100-(100–Sn)*C1=100-(100–10)*5%=95.5%;

[0225] At 0.2s, the scaling factor S of the playback window 2＝ 91%;

[0226] At 0.3s, the scaling factor S of the playback window 2＝ 82%;

[0227] …;

[0228] At 1 second, the scaling factor S of the playback window. n＝ 10%;

[0229] The scaling ratio of the playback window at each time point can be calculated using the above method. By reducing the display area of ​​the playback window according to the scaling ratio of the playback window at each time point, the scaling animation of the playback window can be obtained.

[0230] In some embodiments, the movement speed and shrinking speed of the playback window are uniform, and the animation effect is as follows: Figure 11 As shown, the dashed line represents the scaling and movement trajectory of the playback window.

[0231] In some embodiments, the movement speed and shrinking rate of the playback window are variable, and the animation effect is as follows: Figure 12 As shown, the dashed line represents the scaling and movement trajectory of the playback window.

[0232] In some embodiments, the movement speed of the playback window can be set to constant speed, and the shrinking change can be set to variable speed; or the movement speed of the playback window can be set to variable speed, and the shrinking change can be set to constant speed.

[0233] In some embodiments, such as Figure 13 As shown, the media asset data includes a text and image area A and a non-text and image area B surrounding the text and image area. The text and image area A is used to display the actual content that can showcase the dominant advertising, while the non-text and image area B is essentially a transparent background image surrounding the text and image area. The non-text and image area is used to cover the content of the user interface to achieve the effect of highlighting the dominant advertising.

[0234] In some embodiments, the non-text / image area B can be set to black or color.

[0235] In some embodiments, during the process of moving the preset image and reducing the display area, the transparency of the non-image and text areas gradually decreases;

[0236] In some embodiments, the transparency change of non-image / text areas can be uniform, and the specific calculation method is as follows:

[0237] The preset scaling duration is t, the number of refreshes is n, the refresh interval is t / n, and the refresh time can be represented as t1, t2, t3, ..., t n-1 , where t 1＝ t / n, t 2＝ 2t / n, t 3＝ 3t / n,…,t n-1＝ (n-1)t / n; The transparency of the non-image / text area starts at A0 and ends at An.

[0238] At start time t0, the transparency A of the non-image / text area is... 0＝ A0;

[0239] At refresh time t1, the transparency A of the non-image / text area 1＝ A0-(A0–An) / n;

[0240] At refresh time t2, the transparency A of the non-image / text area is... 2＝ A0-2*(A0–An) / n;

[0241] …;

[0242] At refresh time t n-1 At that time, the transparency A of the non-image / text area n -1=A0-(n-1)(A0–A n ) / n

[0243] At the end time t n At that time, the transparency A of the non-image / text area n＝ A n ;

[0244] The transparency of the non-text / image area can be calculated at each time point using the above method. By changing the transparency of the non-text / image area at each time point, the transparency animation of the non-text / image area can be obtained.

[0245] For example: the preset zoom duration is 1 second, the number of refreshes is 10, the refresh interval is 0.1 seconds, and the refresh time can be expressed as 0.1 seconds, 0.2 seconds, 0.3 seconds, ..., 0.9 seconds; the preset image start opacity is 90%, and the end opacity is 0%.

[0246] At 0.1s, the transparency A of the non-image / text area 1＝ A0-(A0-An) / n=90%-(90%-0%) / 10=81%;

[0247] At 0.2s, the transparency A of the non-image / text area 2＝ A0-2*(A0–An) / n=72%;

[0248] …;

[0249] At 1 second, the transparency A of the non-image / text area n＝ 0%;

[0250] In some embodiments, the rate of change of transparency in non-image / text areas can be varied. For example, the rate of change can be slower at the beginning to give the user more time to view the preset image; faster in the middle; and slower at the end to give the user more time to observe where the preset image has moved to. The transparency changes of the preset image are as follows: Figure 8 As shown, Figure 8 The horizontal axis represents the percentage of time elapsed, and the vertical axis represents the percentage change in the current attribute value. In this case, the vertical axis can be represented as the percentage change in opacity. The specific calculation method is as follows:

[0251] In some embodiments, the preset scaling duration is t, the number of refreshes is n, the refresh time interval is t / n, and the refresh time can be represented as t1, t2, t3, ..., t n-1 , where t 1＝ t / n, t 2＝ 2t / n, t 3＝ 3t / n,…,t n-1＝ (n-1)t / n; The transparency of the non-image / text area starts at A0 and ends at An.

[0252] Calculate the time flow rate percentage T for each refresh time;

[0253] T 1＝ t1 / t*100%, T 2＝ t2 / t*100%, T 3＝ t3 / t*100%, ..., T n-1＝ t n-1 / t*100%;

[0254] The AccelerateDecelerateInterpolator calculates the percentage change in transparency based on the percentage T of time elapsed, and returns this percentage. For example, the Android system calculates the percentage change in transparency C1 at time T1. (See reference...) Figure 9 The estimator calculates the changed transparency based on the percentage change in transparency, C1.

[0255] At start time t0, the transparency A of the non-image / text area is... 0＝ A0;

[0256] At refresh time t1, the transparency A of the non-image / text area 1＝ A0-(A0–An)*C1;

[0257] At refresh time t2, the transparency A of the non-image / text area is... 2＝ A0-(A0–An)*C2;

[0258] …;

[0259] At refresh time t n-1 At that time, the transparency A of the non-image / text area n -1 = A0 - (A0 – An) * C n-1 ;

[0260] At the end time t n At that time, the transparency A of the non-image / text area n＝ A n ;

[0261] In some embodiments, the window is moved based on the positional relationship between the refresh points.

[0262] In some embodiments, the window's position coordinates are directly adjusted during the movement process to achieve window movement.

[0263] In some embodiments, the movement is achieved by destroying the window control at the original position and recreating the window control at the new position to achieve the visual effect of movement.

[0264] Control the display to disable the overlay so that the recommended page is not obscured.

[0265] In some embodiments, after the media asset data is zoomed to the position of the first control, the relevant resources for media asset data playback and the user interface display are cleared, and the display data of the first control continues to be displayed.

[0266] In some embodiments, shrinking the playback window according to a preset trajectory so that the display position of the shrunken playback window overlaps with the display position of the first control includes: shrinking the playback window; moving the shrunken playback window according to a preset trajectory so that the display position of the shrunken playback window overlaps with the display position of the first control. In this embodiment, the playback window can be shrunken to a set area first, such as... Figure 14 As shown, then move the minimized playback window to the position of the first control, as shown. Figure 15 As shown.

[0267] In some embodiments, after a playback window is drawn in the upper floating layer of the recommendation page and used to display media data, the step of "shrinking the playback window according to a preset trajectory during the playback of the media data so that the display position of the shrunken playback window overlaps with the display position of the first control" can be performed instead of "shrinking the playback window according to a preset trajectory after the media data playback is completed so that the display position of the shrunken playback window overlaps with the display position of the first control".

[0268] In some embodiments, the media asset playback duration includes a display duration and a zoom duration. During the display duration, the playback window remains unchanged, i.e., it neither moves nor shrinks, or moves and shrinks at a slow speed. When the media asset playback reaches the zoom duration, the playback window begins to move and shrink, or begins to move and shrink significantly, or shrinks first and then moves. The calculation methods for the movement path, zoom ratio, and transparency of non-graphic areas have been described in detail above and will not be repeated here. For example, if the media asset playback duration is 4 seconds, the first 3 seconds are the display duration, and the last 1 second is the zoom duration. During the first 3 seconds, the size and position of the playback window remain unchanged, and after 3 seconds, it shrinks to the position of the first control according to a preset trajectory. During this process, the media asset continues to play in the playback window.

[0269] As can be seen from the above technical solution, after receiving the input operation to display the recommendation interface, the display is controlled to show the recommendation interface. When the first control in the recommendation interface is a preset control, a playback window is drawn on the upper floating layer of the recommendation interface. The playback window is used to display the media asset data corresponding to the first control. After the media asset data is played, the playback window is shrunk according to a preset trajectory so that the display position of the shrunk playback window overlaps with the display position of the first control. The floating layer is canceled so that the recommendation interface is not obscured. Through the above method, the first control and its corresponding media asset data form a joint delivery effect, improving the user experience.

[0270] Similar parts between the embodiments provided in this application can be referred to mutually. The specific implementation methods provided above are only a few examples under the overall concept of this application and do not constitute a limitation on the scope of protection of this application. For those skilled in the art, any other implementation methods extended from the solution of this application without creative effort shall fall within the scope of protection of this application.

Claims

1. A display device, characterized in that, include: monitor; The controller is configured as follows: The operation of receiving input and displaying the recommendation interface; The display is controlled to show the recommendation interface, wherein the recommendation interface includes at least two recommendation slot controls; When the first control among the at least two recommendation slot controls in the recommendation interface is a preset control, the media asset data corresponding to the first control is obtained, and a playback window is drawn in the upper floating layer of the recommendation page. The playback window is used to display the media asset data. After the media data playback is completed, the playback window is shrunk according to a preset trajectory so that the display position of the shrunk playback window overlaps with the display position of the first control; Cancel the display of the overlay to prevent the recommendation interface from being obscured.

2. The display device according to claim 1, characterized in that, The step of shrinking the playback window according to a preset trajectory so that the shrunken playback window overlaps with the first control includes: The playback window shrinks according to a preset trajectory so that the center of the shrunken playback window overlaps with the center of the first control; or... The playback window is shrunk according to a preset trajectory so that the vertex position of the shrunk playback window overlaps with the vertex position of the first control.

3. The display device according to claim 1, characterized in that, The preset trajectory is determined based on the line connecting the center position of the playback window before it is minimized to the center position of the first control; or, The preset trajectory is determined by the line connecting the vertex position of the playback window before it is shrunk to the corresponding vertex position of the first control.

4. The display device according to claim 1, characterized in that, The step of shrinking the playback window according to a preset trajectory includes: Based on the preset refresh count and the preset trajectory, at least one intermediate position point and the refresh time corresponding to the at least one intermediate position point are determined on the preset trajectory, wherein the intermediate position point is different from the beginning and end points on the preset trajectory; During the refresh time, the playback window is shrunk to a set area and displayed at the center position, wherein the set area is smaller than the area of ​​the playback window before shrunking, but larger than the area of ​​the first control.

5. The display device according to claim 4, characterized in that, The preset refresh count is determined based on the preset scaling duration and the preset refresh time interval. The preset scaling duration is the configured duration for the playback window shrinking process.

6. The display device according to claim 4, characterized in that, Before the playback window is shrunk to a set size and displayed at the center position point during the refresh time, the controller is further configured to: Based on the preset refresh count, the area of ​​the playback window before shrinking, and the area of ​​the first control, the set area corresponding to the preset refresh time is determined so that the area of ​​the playback window shrinks smoothly during the shrinking process.

7. The display device according to claim 4, characterized in that, Before the playback window is shrunk to a set size and displayed at the center position point during the refresh time, the controller is further configured to: Based on the preset refresh count and the area ratio of the first control to the playback window before shrinking, the scaling ratio corresponding to the preset refresh time is calculated, wherein the scaling ratio is less than 1 and greater than the area ratio. The set area is determined based on the area of ​​the playback window and the scaling ratio.

8. The display device according to claim 4, characterized in that, Before the playback window is shrunk to a set size and displayed at the center position point during the refresh time, the controller is further configured to: Based on the preset number of refreshes and the width ratio or height ratio of the first control and the playback window before shrinking, the scaling ratio corresponding to the refresh time is calculated, wherein the scaling ratio is less than 1 and greater than the width ratio or height ratio. The set area is determined based on the area of ​​the playback window and the scaling ratio.

9. The display device according to claim 1, characterized in that, After the media asset data has been played, the following steps are included: After the media asset data has played for a preset duration, or, After the media asset data has played to the last frame, or, During the playback of the media data, a preset interruption operation is received.

10. A method for displaying data, characterized in that, include: The operation of receiving input and displaying the recommendation interface; The display is controlled to show the recommendation interface, wherein the recommendation interface includes at least two recommendation slot controls; When the first control among the at least two recommendation slot controls in the recommendation interface is a preset control, the media asset data corresponding to the first control is obtained, and a playback window is drawn in the upper floating layer of the recommendation page. The playback window is used to display the media asset data. After the media data playback is completed, the playback window is shrunk according to a preset trajectory so that the display position of the shrunk playback window overlaps with the display position of the first control; Cancel the display of the overlay to prevent the recommendation interface from being obscured.

Images