A display device and a recommended media asset display method

By creating a canvas component on the media asset recommendation data window overlay of the display device, and synchronously displaying the image of the interface to be jumped to, the problem of the single form of the recommended media asset playback interface is solved. This realizes the synchronous display and rapid switching of the jump interface and the recommended media asset data, and improves the user interaction experience.

CN119854558BActive Publication Date: 2025-10-28JUHAOKAN TECH CO LTD
View PDF 2 Cites 0 Cited by

Patent Information

Application Number
CN202411732129.1
Authority / Receiving Office
CN · China
Patent Type
Patents(China)
Current Assignee / Owner
Priority Date
2024-08-30
Filing Date
2024-11-28
Publication Date
2025-10-28
Estimated Expiration
2044-11-28

AI Technical Summary

Technical Problem

When display devices play recommended media materials, the playback interface is too simple, making it difficult for users to accurately understand the content of the next screen and affecting user interaction.

Method used

Create a canvas component on the pop-up window displaying media asset recommendation data, partially obscuring the pop-up window, simultaneously displaying the image of the interface to be navigated to, and launching the navigation interface application to ensure consistency between the navigation interface and the recommended media asset data, thus quickly achieving interface transition.

Benefits of technology

The visual appeal of the transition screen has been increased, visual jumps have been reduced, the consistency of page content after the transition has been ensured, and the user experience has been improved.

✦ Generated by Eureka AI based on patent content.

Smart Images

  • Figure CN119854558B_ABST
    Figure CN119854558B_ABST
Patent Text Reader

Abstract

This application provides a display device and a method for displaying recommended media assets in some embodiments. The display device includes: a display; a communication device; and a controller configured to: display a target interface in response to an input control command for displaying a target interface; request recommended media asset data and create a window overlay when a media asset request marker exists on the target interface, the display level of the window overlay being higher than the display level of the current user interface; load the recommended media asset data into the window overlay to play the recommended media asset data; create a canvas component on the window overlay and launch a jump interface application; acquire a jump interface image and load the jump interface image into the canvas component; receive an input jump command representing the display of the jump interface, stop playing the recommended media asset data, and destroy the window overlay and the canvas component to display the jump interface.
Need to check novelty before this filing date? Find Prior Art

Description

[0001] This application claims priority to Chinese Patent Application No. 2024112189516, filed on August 30, 2024, entitled "A Display Device and a Method for Displaying Recommended Media Assets", the entire contents of which are incorporated herein by reference. Technical Field

[0002] This application relates to the field of display device technology, and in particular to a display device and a recommended media display method. Background Technology

[0003] Display devices are intelligent devices capable of presenting a user interface and supporting user interaction. Taking smart TVs as an example, smart TVs are television products based on Internet application technology, possessing an open operating system and chip, an open application platform, and enabling two-way human-computer interaction. They integrate multiple functions such as audio-visual entertainment and data to meet diverse and personalized user needs. Display devices can play startup media during the boot process or automatically play recommended media when displaying specific interfaces in applications, used to display prompts and promotional content.

[0004] When a display device plays recommended media assets, it will display a recommended media asset playback interface. This interface will remain displayed for a certain period of time, depending on the playback progress or user interaction. During this time, the display device can receive user-inputted interface navigation commands and respond by redirecting to the corresponding details page of the recommended media asset. For example, before displaying the homepage, the display device can show a splash screen ad. If the user presses the confirmation button, the user can be redirected to the details page of the product corresponding to the splash screen ad for further interaction.

[0005] Because the recommended media playback interface consists of videos, pictures, GIFs, and image sets, users are unaware of the content and format of the next recommended media playback interface. In other words, the recommended media playback screen presented by the display device is monotonous, which is not conducive to user interaction. Summary of the Invention

[0006] In a first aspect, this application provides a display device, comprising: a display configured to display a user interface; a communication device configured to establish a communication connection with a control device and a server, the control device including at least one button, the control device being configured to generate button commands in response to a user's button operation; and a controller configured to:

[0007] In response to an input control command to display the target interface, the target interface is displayed; when a media asset request flag exists on the target interface, recommended media asset data is requested and a window overlay is created, the display level of which is higher than the display level of the current user interface; the recommended media asset data is loaded into the window overlay to play the recommended media asset data; a canvas component is created on the window overlay and a jump interface application is launched, wherein the canvas component partially obscures the window overlay; a jump interface image is acquired and loaded into the canvas component, wherein the jump interface image is an image generated based on the jump interface, the jump interface is generated by the jump interface application based on jump interface data, and the display level of the jump interface is lower than that of the window overlay; an input jump command representing the display of the jump interface is received, the playback of the recommended media asset data is stopped, and the window overlay and canvas component are destroyed to display the jump interface.

[0008] Based on the media asset recommendation data played on the target page, this application creates a canvas component on the floating layer of the media asset recommendation data display window. The canvas component partially obscures the floating layer of the window, thus achieving synchronous display of the image of the interface to be jumped to and the recommended media asset data. At the same time, since the image of the interface to be jumped to is generated according to the jump interface after the jump interface application is launched, the consistency between the content displayed by the canvas component and the jump interface displayed by the jump application is achieved. This consistency can not only increase the attractiveness of the image of the interface to be jumped to, which is displayed synchronously with the recommended media asset data, but also ensure that the content of the page after the jump is consistent with the content in the canvas component, reducing visual jumps.

[0009] Furthermore, the application with the jump interface is launched simultaneously when the canvas component is created, and the jump page is displayed in advance below the window overlay. This ensures the consistency between the content displayed on the canvas component and the jump interface displayed on the application with the jump, while also allowing the application to be displayed quickly after the jump without having to be launched separately.

[0010] Secondly, this application provides a display device, wherein the controller initiates a jump interface application, including:

[0011] Run the jump interface application and create a jump interface display container, wherein the display layer of the jump interface display container is lower than the window floating layer; load jump interface data into the jump interface display container to display the jump interface in the jump interface display container; the controller obtains the jump interface image by: taking a screenshot of the jump interface to generate the jump interface image.

[0012] The jump interface display container is lower than the window overlay, so that the display of recommended media data and canvas components is not affected while the pre-launched jump application is implemented.

[0013] Thirdly, this application provides a display device, wherein after the controller performs the action of creating a canvas component on the window overlay, it is further configured to:

[0014] Obtain an end command, which is generated based on the end playback event of the recommended media asset data, or generated in response to a user input key operation representing skipping; in response to the end command, stop running the jump interface application, and remove the window overlay and the canvas component; control the display to show the target interface.

[0015] Fourthly, this application provides a display device in which the controller, when a media asset request marker exists on a target interface, requests recommended media asset data and creates a window overlay, including:

[0016] Read the media asset request flag of the target interface; generate a media asset acquisition request based on the media asset request flag, and send the media asset acquisition request to the server so that the server can provide recommended media asset data based on the media asset acquisition request; create a window overlay.

[0017] Fifthly, this application provides a display device in which the controller creates a canvas component on the window overlay and launches a jump interface application, including:

[0018] Read the associated redirection interface information from the recommended media asset data; if the recommended media asset has associated redirection interface information, start the redirection interface application according to the redirection interface information; if the recommended media asset does not have associated redirection interface information, do not start the redirection interface application.

[0019] Sixthly, this application provides a display device, wherein the controller performs the loading of the transition interface image in the canvas component, and is further configured to:

[0020] Obtain the current screen size of the display and the target control size of the jump interface image; set the minimum display size of the canvas component according to the current screen size, and set the maximum display size of the canvas component according to the target control size; dynamically set the real-time display size of the canvas component, wherein the real-time display size changes periodically within the fluctuation range according to the preset frequency.

[0021] Dynamically adjustable display size can increase user appeal and enhance user attention to the content of the canvas component.

[0022] Seventhly, this application provides a recommended media display method for the corresponding controller execution steps of the display device corresponding to any of the above aspects. Attached Figure Description

[0023] To more clearly illustrate the technical solutions in the embodiments of this application or the prior art, the drawings used in the description of the embodiments or the prior art will be briefly introduced below. Obviously, the drawings described below are only some embodiments of this application. For those skilled in the art, other drawings can be obtained based on these drawings without creative effort.

[0024] Figure 1 This is a schematic diagram illustrating the usage scenarios of the display device in some embodiments of this application;

[0025] Figure 2 Hardware configuration block diagrams of display devices provided in some embodiments of this application;

[0026] Figure 3 This is a schematic diagram of the software configuration in a display device provided in some embodiments of this application;

[0027] Figure 4 This application provides a schematic diagram illustrating the opening screen video display effect in some embodiments.

[0028] Figure 5 This is a schematic diagram illustrating another opening screen video display effect provided in some embodiments of this application;

[0029] Figure 6 This is a schematic diagram illustrating the process of displaying the homepage interface via the response return key in some embodiments of this application;

[0030] Figure 7 A schematic diagram illustrating the process of displaying a product details interface in response to a confirmation button, as provided in some embodiments of this application;

[0031] Figure 8 A schematic flowchart of a recommended media asset display method provided for some embodiments of this application;

[0032] Figure 9 This application provides schematic diagrams illustrating the process of obtaining recommended media asset data in some embodiments.

[0033] Figure 10 Timing diagram of the recommended media asset display method performed by the homepage application in some embodiments of this application;

[0034] Figure 11 Timing diagram of the method for displaying recommended media assets by an advertising service, provided for some embodiments of this application;

[0035] Figure 12 A display effect diagram of the canvas component located at the right edge according to some embodiments of this application;

[0036] Figure 13 The image shows the display effect of the canvas component located at the lower edge in some embodiments of this application;

[0037] Figure 14 This is a schematic diagram illustrating the display size adjustment of a canvas component provided in some embodiments of this application;

[0038] Figure 15 A flowchart illustrating the process of setting the display size based on audio waveform parameters, provided for some embodiments of this application;

[0039] Figure 16 This application provides timing diagrams for methods of displaying recommended media assets by adjusting the display range of a window overlay, as provided in some embodiments. Detailed Implementation

[0040] The embodiments will now be described in detail, examples of which are illustrated in the accompanying drawings. When the following description relates to the drawings, unless otherwise indicated, the same numbers in different drawings represent the same or similar elements. The embodiments described below do not represent all embodiments consistent with this application. They are merely examples of systems and methods consistent with some aspects of this application as detailed in the claims.

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

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

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

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

[0045] In this embodiment, the display device 200 generally refers to a device with screen display and data processing capabilities. For example, the display device 200 includes, but is not limited to, smart TVs, mobile terminals, computers, monitors, advertising screens, wearable devices, virtual reality devices, augmented reality devices, etc.

[0046] Figure 1This is a schematic diagram illustrating an operational scenario between a display device and a control device provided in some embodiments of this application. For example... Figure 1 As shown, a user can operate the display device 200 via touch operation, a mobile terminal 300, and a control device 100. The control device 100 receives user input commands and converts them into control commands that the display device 200 can recognize and respond to. For example, the control device 100 can be a remote control, a stylus, a gamepad, etc.

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

[0048] The mobile terminal 300 can function as a control device for human-computer interaction between the user and the display device 200. It can also function as a communication device for establishing a communication connection with the display device 200 and exchanging data. In some embodiments, the mobile terminal 300 can have software applications installed on it and communicate with the display device 200 via network communication protocols to achieve one-to-one control and data communication. Furthermore, it can transmit audio and video content displayed on the mobile terminal 300 to the display device 200 for synchronized display.

[0049] In some embodiments, the mobile terminal 300 or other electronic devices may also simulate the functions of the control device 100 by running an application that controls the display device 200.

[0050] like Figure 1 The diagram also shows that the display device 200 communicates with the server 400 via various communication methods. This allows the display device 200 to communicate via a local area network (LAN), a wireless local area network (WLAN), and other networks.

[0051] Display device 200 can provide broadcast television reception function, and can also be equipped with intelligent network television function that provides computer support, including but not limited to network television, smart television, Internet Protocol television (IPTV), etc.

[0052] Figure 2 This is a hardware configuration block diagram of a display device 200 provided in some embodiments of this application.

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

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

[0055] In some embodiments, device interface 240 may include, but is not limited to, a high-definition multimedia interface (HDMI), an analog or data high-definition component input interface (component), a composite video input interface (CVBS), a USB input interface (USB), an RGB port, etc. Device interface 240 may also be a composite input / output interface formed by multiple of the above interfaces.

[0056] Display device 200 can connect to external device 500 via device interface 240. External device 500 can be a set-top box, game console, PC, or other similar device. When display device 200 connects to external device 500 via device interface 240, a corresponding signal source channel can be established, and input signals can be received through this signal source channel. For example, display device 200 can connect to a game device via an HDMI interface to establish an HDMI channel, and receive audio and video signals sent by the game device based on the HDMI channel.

[0057] In some embodiments, the display 260 includes display function components for presenting images and driving components for driving image display. The display 260 is used to receive and display image signals output from the controller 250. For example, the display 260 can be used to display video content, image content, menu control interface components, and user control UI interfaces, etc.

[0058] In some embodiments, the communication device 220 is a component used to communicate with external devices or the server 400 according to various communication protocol types. The display device 200 may have multiple communication devices 220 depending on the supported communication methods. For example, when the display device 200 supports wireless network communication, it may have a communication device 220 with WiFi functionality. When the display device 200 supports Bluetooth connectivity, it needs to have a communication device 220 with Bluetooth functionality.

[0059] The communication device 220 enables the display device 200 to communicate with external devices or the server 400 via wireless or wired connections. Wired connections utilize data cables, interfaces, or other components to connect the display device 200 to external devices. Wireless connections utilize wireless signals or wireless networks. The display device 200 can directly establish a connection with external devices or indirectly through gateways, routers, or other connection devices.

[0060] In some embodiments, the controller 250 may include at least one of a central processing unit, a video processor, an audio processor, a graphics processor, and a power processor, and a first to an nth interface for input / output. The controller 250 controls the operation of the display device and responds to user operations through various software control programs stored in memory. The controller 250 controls the overall operation of the display device 200.

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

[0062] In some embodiments, a user can input user commands through a graphical user interface (GUI) displayed on a display 260, and the user input interface receives user input commands through the graphical user interface (GUI).

[0063] In some embodiments, the audio output device 270 can be a built-in speaker of the display device 200 or an external audio output device connected to the display device 200. For the external audio output device connected to the display device 200, the display device 200 may also be provided with an external audio output terminal, through which the audio output device can be connected to the display device 200 to output sound from the display device 200.

[0064] In some embodiments, the user input interface 280 can be used to receive instructions from user input.

[0065] To enable user interaction, in some embodiments, the display device 200 may run an operating system. The operating system is a computer program used to manage and control the hardware and software resources of the display device 200. The operating system can control the display device to provide a user interface; for example, the operating system can directly control the display device to provide a user interface, or it can provide a user interface by running an application. The operating system also allows users to interact with the display device 200.

[0066] It should be noted that the operating system can be a native operating system based on a specific operating platform, a third-party operating system that is deeply customized based on a specific operating platform, or an independent operating system specifically developed for display devices.

[0067] An operating system can be divided into different modules or levels based on the functions it implements. For example, in some embodiments, such as Figure 3 As shown, taking the Android system as an example, 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 System Library layer, and the Kernel layer. In some embodiments, the operating system of the display device can also be other operating systems.

[0068] In some embodiments, the application layer provides services and interfaces for applications, enabling the display device 200 to run applications and interact with the user based on the applications. The application layer may contain at least one application, which may be a built-in Windows program, system settings program, or clock program of the operating system; or it may be an application developed by a third-party developer. In specific implementations, the application packages in the application layer are not limited to the examples above.

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

[0070] like Figure 3As shown, the application framework layer in this embodiment includes a view system, managers, and content providers. The view system designs and implements the application's interface and interactions, and includes lists, grids, text boxes, and buttons. The managers include at least one of the following modules: an activity manager for interacting with all running activities 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 application packages 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 widgets on the user interface.

[0071] 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 if a status bar is present, locking the screen, capturing the screen, and controlling changes to the display window, such as shrinking the display window, shaking the display, or distorting the display.

[0072] In some embodiments, the system runtime library layer can provide support for the framework layer. When the framework layer is used, the operating system runs the instruction library contained in the system runtime library layer, such as the C / C++ instruction library, to implement the functions to be performed by the framework layer.

[0073] In some embodiments, the kernel layer is a functional layer situated between the hardware and software of the display device 200. The kernel layer can implement functions such as hardware abstraction, multitasking, and memory management. For example, ... Figure 3 As shown, hardware drivers can be configured in the kernel layer. The drivers included in the kernel layer can be at least one of the following: 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.

[0074] It should be noted that the above examples are merely a simple division of operating system functions and do not limit the specific form of the operating system of the display device 200 in this application embodiment. Depending on the function of the display device, the type of operating system, and other factors, the number of levels and the specific level type of the operating system may be expressed in other forms.

[0075] In some embodiments, the display device 200 may automatically play media asset data when executing a specific process or displaying a specific interface. The specific process may be a process that requires guidance, has a long running cycle, or requires interface refresh, such as a boot process, application installation process, or software upgrade process. The specific interface may be an interface with a long rendering cycle, or with recommendation functions, or comprehensive functions, such as a homepage interface, a media asset recommendation interface, or an application interface. The automatically played media asset data may be videos with functions such as logo display, information promotion, operation guidance, and feature display, such as boot animations, splash screen advertisements, homepage recommendation videos, and media asset trailers.

[0076] It should be noted that, in this embodiment, media asset data refers to multimedia resources that require a certain amount of time to be displayed. The media asset data can be conventional video media assets with video and audio content, or it can be pure image video without sound, such as animated GIFs, static images, text, etc. In some embodiments, the automatically playing material can also be media assets without image content, such as media asset data that is purely audio content. For ease of description, in this embodiment, media asset data that is automatically played when a specific process is executed or a specific interface is displayed is referred to as recommended media asset data.

[0077] In some embodiments, the display device 200 can play recommended media asset data through the collaboration of the operating system, UI applications, and service processes. The operating system provides a basic operating environment that allows applications and advertising services to run. Furthermore, the operating system can provide various application programming interfaces (APIs) that allow applications to interact with system services. UI applications such as JUUI are used to present the user interface, providing a direct interactive interface that may include a media asset display area. When an application needs to display recommended media asset data, the UI application requests the recommended media asset data to be displayed via API from media asset service processes such as advertising services (ADservice). The media asset service can be a media asset recommendation system built into the application or a third-party service, such as ××AdMob, which provides media asset data content, including loading, displaying, tracking, and user interaction during the media asset playback process.

[0078] Taking the display of a splash screen ad as an example, when displaying the ad, UI applications such as JUUI initiate an ad request by calling the ad service's API. After receiving the request, the ad service retrieves the ad content from the server (400 status code) or local storage. After retrieving the ad content, the ad service passes the ad content to the UI application via the API. The UI application then renders the ad content on the user interface, displaying it in the ad display area of ​​the user interface.

[0079] Recommended media asset data can have different uses depending on the specific process executed by the display device 200 or the specific interface displayed. Media asset data for different uses can contain different content and have different formats. Furthermore, autoplaying media asset data can originate from the local storage of the display device 200 or from the server 400. For media asset data originating from local storage, it can be stored on different media depending on its intended use.

[0080] In some embodiments, the media asset data used to form the boot animation may be a static or dynamic image file embedded in the system file; the media asset data used to form the boot advertisement may be a video file stored in the boot call storage space; the media asset data used to form the interface guide may be a video or image file included in the interface configuration file; and the media asset data used to form the homepage pop-up advertisement may be a video or image file pushed by the server 400.

[0081] In some embodiments, the display device 200 can obtain recommended media asset data by parsing system files. For example, when executing the boot process, the display device 200 can obtain the recommended media asset data by reading the filename and storage address of the recommended media asset data set in the boot process and accessing the corresponding storage address.

[0082] In some embodiments, the display device 200 can also obtain recommended media asset data by parsing the interface configuration file. For example, when the display device 200 displays the settings interface for the first time, it can extract the guide media asset data according to the guide video storage address recorded in the configuration file corresponding to the settings interface.

[0083] In some embodiments, the display device 200 can also send a media asset retrieval request to the server 400, so that the server 400 can provide recommended media asset data to the display device 200 based on the media asset retrieval request. For example, when displaying a media asset recommendation interface, the display device 200 will send a media asset retrieval request to the server 400 before displaying the media asset recommendation interface. After receiving the media asset retrieval request, the server 400 will extract relevant media asset data from the database according to the type of the current interface to be displayed (i.e., the media asset recommendation interface) and the delivery strategy.

[0084] After acquiring the recommended media asset data, the display device 200 can invoke relevant applications for playback based on the specific type of the recommended media asset data. For example, for video materials, the display device 200 can invoke a video player and decode the media asset data through the video player to form a playback screen of the media asset data, which is then displayed on the monitor 260.

[0085] In some embodiments, recommended media asset data can be started and played through a relevant process, and playback can end as the process runs or the interface renders. Taking the playback process of a homepage splash screen ad as an example, after the display device 200 starts up, it runs the homepage rendering process through the homepage application. According to the homepage rendering process, it can request advertising video media asset data from the advertising system through the advertising service. After the advertising system sends the advertising data, the display device 200 can receive the advertising data through the advertising service application, and perform decoding and playback on the advertising data to form the splash screen ad. After the splash screen ad playback ends, or after the playback duration reaches the preset placement duration requirement, the display device 200 can cancel the display of the splash screen ad and then display the homepage interface.

[0086] In some embodiments, the playback screen of recommended media asset data can be displayed through a separate interface. For example, during the power-on process, the display device 200 can first display a boot screen, which may initially show the brand logo, then system information, and so on. As the boot process progresses, it switches to displaying a boot video screen. After the boot video finishes playing, the display device 200 switches to displaying a home screen. That is, during the above display process, the boot screen, the boot video screen, and the home screen are three independent interfaces.

[0087] In some embodiments, the playback screen of recommended media asset data can also be displayed through a separate window in the interface to be displayed. For example, Figure 4 As shown, a separate window used to display the playback screen of recommended media asset data can be part of the interface to be displayed, such as an animated window or a recommended segment in a specific location within the interface. Figure 5 As shown, a separate window used to display the recommended media asset data playback screen can also be a floating window of the interface to be displayed.

[0088] In some embodiments, the display device 200 also supports playback interruption control during media data playback. That is, the display device 200 can control the cessation of media data playback and display the user interface that should be displayed after the media data playback is completed by receiving an interruption command input by the user or automatically generating an interruption command based on the operating status.

[0089] For example, when display device 200 first displays the homepage interface after powering on, it can show a splash video. The splash video can be set to a duration of 15 seconds according to the projection strategy, meaning that the splash video will stop playing after 15 seconds and the homepage interface will be displayed. During the playback of the splash video, the user can skip the splash video by pressing the back button on control device 100, i.e., by entering an interrupt command, and control display device 200 to directly display the homepage interface.

[0090] In some embodiments, the display device 200 can also support user interaction control when playing recommended media asset data. That is, during the playback of the recommended media asset data, the display device 200 can receive control commands input by the user, and different control commands can control the display device 200 to perform different functional responses. For example, the user can press the back button on the remote control to stop the display device 200 from playing the recommended media asset data. The user can also use the directional keys to control the display device to switch to the details interface associated with the recommended media asset data.

[0091] During the display of recommended media asset data, the display device 200 can display different user interfaces in response to different user interaction controls. In some embodiments, the display device 200 can respond to user interaction controls by displaying a user interface that is obscured by the playback screen, i.e., the interface to be displayed. For example, such as Figure 6 As shown, when the display device 200 is displaying the splash screen advertisement on the home page, the user presses the "back" button on the control device 100 to skip the splash screen advertisement, and then the display device 200 can display the home page.

[0092] In some embodiments, the display device 200 may respond to user interaction control by displaying a user interface associated with recommended media assets, i.e., a details interface. For example, Figure 7 As shown, when the display device 200 displays the splash screen advertisement on the home page, and the splash screen advertisement involves product A, the user can press the "confirm" button on the control device 100 to control the display device 200 to jump to the product details page of product A.

[0093] It should be noted that, in this embodiment, the user interface (the interface to be displayed) covered by the recommended media asset playback screen and the user interface (the details interface) that is jumped to based on the recommended media asset playback screen are collectively referred to as the jump interface. Obviously, the jump interface refers to the user interface that the display device 200 can display after responding to user interaction control, that is, the jump interface is the target interface specified by the display instruction or the details interface associated with the recommended media asset data.

[0094] In some embodiments, in order to present the content of the jump interface, the display device 200 can execute a recommended media asset display method to simultaneously display the playback screen of the recommended media asset and the jump interface content corresponding to the recommended media asset within the same interface space. For example... Figure 8 As shown, the recommended media asset display method includes the following:

[0095] S100: Creates a window overlay in response to a display command.

[0096] The display device 200 can receive control commands with different functions. Some control commands can trigger the display device 200 to display a recommended media asset playback screen, which are called display commands. Among them, the recommended media asset playback screen is a screen generated by playing recommended media asset data.

[0097] In some embodiments, the display instruction is used to trigger the display of a target page, which triggers the creation of a window overlay based on a media asset request tag, and requests recommended media asset data. In some embodiments, since the display device 200 can display a recommended media asset playback screen in the form of a boot animation when powered on, the display instruction can be a control instruction for controlling the power-on of the display device 200. For example, the display instruction can be input by pressing the power button on a control device 100 such as a remote control.

[0098] In some embodiments, since the display device 200 can display a recommended media playback screen in the form of splash screen media when displaying a specific user interface, the display instruction can be a control instruction for controlling the display device 200 to display the target interface. The target interface refers to a user interface that can present a splash screen media screen when displayed, such as a home page interface, a media recommendation interface, an application interface, etc.

[0099] Depending on the type of target interface displayed on the display device 200, display commands can be input in different ways. For example, home screen display commands can be input using the home button on the remote control, or triggered by exiting an application or a non-home screen. Application launch commands are input using the directional keys and the OK button on the remote control, in conjunction with the focus marker in the application list interface.

[0100] In some embodiments, when the display device 200 supports interaction methods such as voice interaction, touch interaction, motion sensing, or gesture interaction, the control command used to trigger the automatic playback of video materials can also be input through the interaction methods supported by the display device 200. For example, a user can input a voice command saying "Show home screen" to control the display device 200 to jump to the home screen.

[0101] When the display instruction is a control instruction used to control the display device 200 to display the target interface, the display device 200 can respond to the display instruction and obtain the interface data of the target interface after receiving the display instruction.

[0102] In some embodiments, the display device 200 can obtain interface data from the server 400. For this purpose, the display device 200 can run an interface application, and the server 400 can be configured with an interface service system. Taking a JUUI application as an example, after receiving a display instruction for displaying the homepage interface, the display device 200 can run the JUUI application. The JUUI application sends an interface data retrieval request to the homepage service system of the server 400 according to the display instruction. The homepage service system then sends the homepage interface data to the display device 200 according to the interface data retrieval request.

[0103] After acquiring the interface data, the display device 200 can also parse the interface data and perform display control based on the parsing results.

[0104] In some embodiments, the display device 200 can parse media asset request markers from interface data, which are used to determine whether the current target interface supports displaying splash screen media assets.

[0105] If the target interface supports displaying recommended media assets, the target interface may include at least one media asset request flag. The media asset request flag indicates that a splash screen media asset should be displayed before the target interface is displayed.

[0106] If the media asset request tag is not parsed from the interface data, meaning the target interface currently displayed does not need to display recommended media asset data, the display device 200 can generate and display the target interface according to the interface data through the interface application. In some embodiments, taking a JUUI application as an example, after obtaining the interface data sent by the server 400, the display device 200 can parse the media asset request tag "Adtag" from the interface data through the JUUI application. When it is determined through data parsing that the interface data does not contain the media asset request tag "Adtag", the JUUI application can render the home page interface according to the interface data. That is, the display device 200 can first parse the interface data into a format that the application can understand, such as JSON or XML. The JUUI application then maps the parsed interface data to the data model of the application's Java or Kotlin class. The data model is then bound to the UI component. The data in the data model is then used to update the UI component, and the view is re-rendered according to the updated UI component state.

[0107] If a media asset request marker is parsed from the interface data, indicating that the currently displayed target interface needs to display recommended media asset data, then the display device 200 can generate the target interface according to the interface data through the interface application, and simultaneously obtain the recommended media asset data through a media asset service. The media asset service is used to obtain recommended media asset data, such as advertising services (Adservice). To obtain recommended media asset data, the server 400 can also be configured with a media asset service system for storing and distributing the recommended media asset data.

[0108] In some embodiments, the display device 200 can retrieve recommended media asset data from local storage. For example, the display device 200 can retrieve recommended media asset data from local storage when it is not connected to a network or when network configuration is not yet complete. That is, the display device 200 also includes a memory configured to store recommended media asset data. Before displaying a target interface, the display device 200 can generate a data retrieval request and send the request to the memory to retrieve the recommended media asset data stored therein.

[0109] In some embodiments, a media asset request flag used to determine whether the target interface needs to display recommended media asset data can also be stored in a local configuration file. Upon receiving a display instruction, the display device 200 can read the configuration file locally to perform display control based on whether the configuration file contains a media asset request flag.

[0110] For example, the configuration file for the target interface can include interface configuration parameters corresponding to the interface rendering process. When displaying the target interface, the display device 200 can execute the interface rendering and display process according to the configuration parameters. When the display device 200 executes a specific step, it can read the media asset request tag "Adtag". Then, based on the media asset request tag, it calls the advertising service to obtain the splash screen advertising material.

[0111] In some embodiments, the display device 200 can retrieve recommended media asset data from local storage. The display device 200 can retrieve recommended media asset data from local storage when not connected to a network or when network configuration is not yet complete. Specifically, the display device 200 also includes a memory configured to store recommended media asset data. Before displaying a target interface, the display device 200 can generate a data retrieval request and send the request to the memory to retrieve the recommended media asset data stored therein.

[0112] In some embodiments, such as Figure 9As shown, the display device 200 can obtain recommended media asset data through the server 400. Specifically, the display device 200 can read the media asset request flag of the target interface, where the target interface is the user interface displayed by the display device after the recommended media asset playback screen is shown. Then, based on the media asset request flag, a media asset acquisition request is generated and sent to the server 400, so that the server 400 can provide recommended media asset data in response to the request. The display device 200 then receives the recommended media asset data from the server 400.

[0113] like Figure 10 As shown, in some embodiments, taking the splash screen ad display process of the homepage interface as an example, the display device 200 can be configured with a homepage application and an advertising service application. The server 400 is configured with an advertising system. After obtaining the display instruction for displaying the homepage interface, the display device 200 can run the homepage rendering and display process through the homepage application. After reading the media asset request tag, it reads the media asset code (AdCode) from the media asset request tag. An ad retrieval request is generated based on the AdCode. The ad retrieval request is sent to the server 400 through the advertising service to request ad data from the advertising system in the server 400. After receiving the ad retrieval request, the advertising system can read the AdCode. Based on the AdCode and the current ad delivery strategy, it distributes ad media asset data appropriate for the homepage interface. The ad media asset data can contain all the information of the ad creative. The advertising service then returns the ad data to the homepage application for later display of ad content.

[0114] Upon receiving recommended media asset data, the display device 200 can create a window overlay. This window overlay has a higher display layer than the current user interface. For example, when displaying the homepage interface, after receiving advertising data, the display device 200 can create a transparent window overlay, whose page display layer is above the homepage interface. The window overlay can be used to display media asset playback footage.

[0115] In the process of creating a window overlay, the display device 200 can create the window overlay through the home application. That is, Figure 10 As shown, after receiving the recommended media asset data, the advertising service application can send the data to the home application. The home application then creates a window overlay based on the recommended media asset data, within the home interface display container. To facilitate control over the created window, the window overlay created by the home application belongs to the home interface display container, but its display hierarchy is higher than other components within the home interface display container.

[0116] Display device 200 can also create window overlays through advertising service applications. For example... Figure 11 As shown, after receiving the recommended media asset data, the advertising service application can create a window overlay based on the data. This window overlay created by the advertising service application does not necessarily belong to the main interface's display container; that is, the main interface's display container is window A, and the window overlay created by the advertising service application is window B. Window B has a higher display hierarchy than window A.

[0117] S200: Load recommended media asset data into the window overlay to play the recommended media asset data.

[0118] After creating the window overlay, the display device 200 loads the recommended media asset data into the window overlay and calls the player to decode the recommended media asset data for playback. During playback, an ad playback component can be dynamically created based on the layout data controlled by the interface. The ad playback component can load the ad video and display the playback screen of the recommended media asset after the video has finished loading.

[0119] In some embodiments, the recommended media asset data acquired by the display device 200 may include the media asset data itself and related information associated with the media asset data itself, such as name (media asset ID), display duration, display type identifier, etc. After acquiring the recommended media asset data, the display device 200 may also read the acquired recommended media asset data to determine whether the recommended media asset data is associated with a jump interface.

[0120] In some embodiments, the display device 200 can determine whether the recommended media asset data is associated with a jump interface based on the read media asset ID or display type identifier. For example, after reading the media asset ID, the display device 200 determines the media asset category to which the media asset ID belongs. If the media asset ID belongs to the first type of media asset set that is not associated with a jump interface, the recommended media asset data can be loaded in the window overlay and the playback screen of the recommended media asset data can be directly displayed through the window overlay.

[0121] If the media asset ID belongs to the second type of media asset set of the associated jump interface, then after loading the recommended media asset data in the window overlay, instead of directly displaying the playback screen of the recommended media asset data through the window overlay, a canvas component is created on the window overlay to display the content of the associated jump interface.

[0122] S300: Create a canvas component on the window overlay.

[0123] In some embodiments, the recommended media asset data is associated with a redirecting application. After adding the recommended media asset playback screen to the window overlay, the display device 200 can create a canvas component on the window overlay. The canvas component is a class used for drawing graphics; it is a core drawing component of the operating system. Canvas provides a series of drawing methods to draw shapes, text, images, and other graphical objects on the application's user interface.

[0124] In some embodiments, the display device determines whether to associate a page with the media asset data based on predetermined parameters. If so, a canvas component is created on the window overlay; otherwise, it is not.

[0125] In some embodiments, a Canvas object can be created in the `onCreate` or `onSizeChanged` method of a custom view. Basic shapes can be drawn using methods such as `drawRect`, `drawOval`, `drawArc`, and `drawLine`. Complex paths can be drawn using the `drawPath` method, which can be defined using the `Path` class. Text can be drawn on the canvas using the `drawText` method. Bitmap images can be drawn using the `drawBitmap` method, or Picture objects can be drawn using the `drawPicture` method. The colors and pen styles used for drawing can be set using methods such as `setColor` and `setStyle`. The canvas can be clipped and geometrically transformed using methods such as `clipRect`, `clipPath`, `rotate`, `scale`, and `translate`. The canvas state can be saved and restored using the `save` and `restore` methods.

[0126] The canvas component can be displayed at different positions on the current display screen based on the material effects of the recommended media asset data. For example, it can display and partially obscure the window overlay in areas such as the left, right, top, and bottom edges of the screen. It should be understood that this embodiment uses the canvas component being displayed at the right edge of the screen as an example for illustrating the solution. Figure 12 As shown. The same scheme can be applied to the left edge, top edge, and bottom edge (e.g., Figure 13 (As shown in the image) and other areas are displayed; the specific display effects will not be described in detail here.

[0127] The canvas component can be displayed at a higher level than the recommended media playback screen in the window overlay. Therefore, the canvas component can be used to present the image of the transition interface to display its content. To balance the display of the recommended media playback screen and the content of the transition interface, in some embodiments, the display size of the canvas component is dynamically adjusted at a preset frequency. After dynamically adjusting the display size at the preset frequency, the image presented on the canvas component can form a regularly fluctuating parallel spacetime effect to prompt the user about the specific content of the transition interface.

[0128] The display size can be the width and / or height of the canvas component. In some embodiments, the width of the canvas component is dynamically adjusted according to a preset frequency. That is, for example... Figure 14 As shown, when the display device 200 plays recommended media data, the width of the corresponding display area of ​​the jump interface is dynamically adjusted according to a preset frequency. For example, when playing the recommended media data at 00:00:01s, the width of the jump interface area is W1. When playing the recommended media data at 00:00:02s, the width of the jump interface area is adjusted to W2. When playing the recommended media data at 00:00:03s, the width of the jump interface area is adjusted back to W1. When playing the recommended media data at 00:00:04s, the width of the jump interface area is adjusted back to W2. Therefore, a parallel time-space display effect that swings left and right can be obtained.

[0129] In some embodiments, the dynamically adjustable display size of the canvas component is related to the key interaction method supported by the display device 200 during the playback of recommended media data. That is, the display device 200 can obtain the key value used to control the jump to the jump interface and determine the oscillation direction based on the key value. Then, the adjustable display size of the canvas component is determined according to the oscillation direction. For example, during the playback of a splash screen advertisement, if the user presses the left arrow key, the display device 200 can control the display device 200 to jump to the splash screen advertisement product details interface. The display device 200 can then determine that the key value controlling the jump to the jump interface is "KEYCODE_DPAD_LEFT," and the corresponding oscillation direction is horizontal, i.e., left-right. Therefore, the width of the canvas component can be dynamically adjusted according to a preset frequency.

[0130] In some embodiments, to reduce the obstruction of the recommended media playback screen by the content of the jump interface, the display device 200 can also set the display area range of the canvas component. That is, the display device 200 can obtain the current screen size of the display 260 and the target control size of the jump interface image. Then, it sets the minimum display size of the canvas component based on the current screen size, and the maximum display size of the canvas component based on the target control size. Thus, the real-time display size of the canvas component is set according to the preset frequency. The real-time display size changes periodically within the fluctuation range according to the preset frequency.

[0131] For example, during the splash screen ad playback process on the homepage, the display device 200 can first read the product details interface of the splash screen ad. It then determines the width Wb of the "Buy Now" control located on the far right of the product details interface. Based on the width of the "Buy Now" control, it determines the maximum display size W1 of the canvas component, i.e., W1 = Wb. Simultaneously, it obtains the current screen size. Based on the screen width Ws in the screen size, it determines the minimum display size W2 of the canvas component, such as W2 = Ws / 20. This determines the fluctuation range, i.e., [Ws / 20, Wb]. The display width of the canvas control then changes periodically within the fluctuation range [Ws / 20, Wb] according to a preset frequency.

[0132] In some embodiments, the preset frequency during the adjustment of the display size of the canvas component can be set according to the application scenario of the display device 200. That is, the display device 200 can obtain the user interface type corresponding to the display instruction and determine the application scenario based on the user interface type. And set the preset frequency according to the application scenario. For example, for the display process of a homepage splash screen advertisement, the display device 200 can determine that the application scenario is a television scenario based on the homepage interface. Then, it obtains the sine wave frequency applicable to the television scenario, thereby allowing the display device 200 to adjust the width of the jump interface display area according to the sine wave pattern.

[0133] In some embodiments, the canvas component adjusts dynamically at a preset frequency, or it can be set based on the currently playing recommended media data. For example... Figure 15 As shown, the display device 200 can extract audio track information from the recommended media asset data, and then extract audio waveform parameters from the audio track information. It then iterates through the waveform feature values ​​in the audio waveform parameters, including the maximum peak value, minimum trough value, and intermediate fluctuation values. The minimum display size Wmin of the canvas component is set according to the maximum peak value. The maximum display size Wmax of the canvas component is set according to the minimum trough value. A preset frequency is generated according to the intermediate fluctuation values ​​to dynamically adjust the display size W of the canvas component according to the preset frequency.

[0134] For example, in a homepage splash screen ad scenario, after obtaining the recommended media asset data corresponding to the splash screen ad, the display device 200 can extract audio track information from the recommended media asset data. It then extracts the loudness waveform parameters of the bass audio from the audio track information and determines the maximum and minimum bass loudness. Based on the extracted maximum and minimum bass loudness waveform feature values, the minimum and maximum display sizes are set respectively. After setting the minimum and maximum display sizes, the display device 200 can obtain the bass loudness in real time. It then dynamically adjusts the width of the canvas component based on the bass loudness to achieve the effect of the product details interface image moving rhythmically with the ad audio.

[0135] S400: Obtain the jump interface image and load the jump interface image into the canvas component.

[0136] After creating the canvas component, the display device 200 can acquire a jump interface image. This jump interface image is an image generated based on the jump interface. The jump interface is either a target interface or a details interface associated with recommended media asset data. The display device 200 can determine the jump interface type based on the recommended media asset type. That is, when the recommended media asset has an associated jump interface, the jump interface is a details interface. When the recommended media asset does not have an associated jump interface, the jump interface is a target interface.

[0137] Based on this, the display device 200 can acquire the jump interface image in different ways depending on the type of the jump interface. In some embodiments, jump interface information associated with the recommended media asset is read from the recommended media asset data. If the recommended media asset has associated jump interface information, the jump interface image is generated based on the jump interface information. If the recommended media asset does not have associated jump interface information, the jump interface image is generated based on the target interface.

[0138] In some embodiments, after receiving a display instruction and creating a window overlay in response to the display instruction, the display device 200 can create a canvas component and start running the jump interface application associated with the recommended media asset data. The jump interface application can create a jump interface display container. The display layer of the jump interface display container is lower than that of the window overlay. The jump interface display container is used to display the jump interface. After starting and running, the jump interface application requests jump interface data from the server 400, and then loads the jump interface data into the jump interface display container to form and display the jump interface on the jump interface display container.

[0139] Since the display layer of the jump interface container is lower than that of the window overlay, and the window overlay is used to display the playback screen of the recommended media asset data, after the jump interface is formed on the jump interface display container, the jump interface is covered or partially covered by the playback screen of the recommended media asset data, and will not be completely displayed in the current user interface, thus reducing the impact on the normal display process of the recommended media asset playback screen.

[0140] After the jump interface is formed, the display device 200 can enable the screenshot process, or the screenshot tool built into the interface application, media asset service application, or jump application, to take a screenshot of the jump interface and generate the jump interface image.

[0141] For example, when displaying a splash screen advertisement on the homepage interface, the display device 200 can respond to the display instructions of the homepage interface by creating a homepage interface display container and a window overlay through the homepage application. The homepage interface display container is used to generate the homepage interface. The window overlay is used to display the playback screen of the advertising material.

[0142] After creating the homepage display container and window overlay, the display device 200 can run the advertising application associated with the homepage splash screen ad. The advertising application then creates the display container for the ad details page. The advertising application then sends a data retrieval request to the details page system built into the server 400 to obtain the details page interface data from the details page system. Finally, the details page interface data is loaded into the display container of the ad details page to generate the product details interface.

[0143] At this point, the user interface can include three display containers: a bottom-level homepage display container, a middle-level ad details page display container, and an upper-level ad video display container (window overlay). By displaying different images at different display levels using these three containers, the product details interface can be displayed below the window overlay. The display device 200 uses the built-in screenshot tool of the advertising application to capture a screenshot of the display below the window overlay, generating an image of the product details interface, i.e., the jump interface image.

[0144] In some embodiments, after creating a window overlay, the display device 200 can also detect whether a jump interface application is currently installed. After acquiring advertising data, the display device 200 can read the jump interface information in the advertising data to identify the identification information of the jump interface application, and then determine the jump interface application to be launched based on the identification information. At this time, the display device 200 can obtain a list of currently installed applications and match jump interface applications based on their identification information. If the application list contains the identification information of a jump interface application, that is, the jump interface application associated with the currently recommended media asset data is installed on the display device 200, then the jump interface application is launched and run.

[0145] For example, after obtaining advertising data through the advertising service application, the display device 200 can read the associated application ID, i.e., the TB application, from the advertising data. Then, it obtains the application list. If the application list includes the TB application, the advertising service application can send a startup command to the TB application to start and run it. After the TB application starts and runs, it can create its interface display container and perform operations such as screenshotting, as described in the above embodiments, to generate an interface image of the TB application, i.e., a jump interface image.

[0146] If the application list does not contain the identification information of the jump interface application, that is, the jump interface application associated with the currently recommended media asset data is not installed on the display device 200, the display device 200 may display the recommended media asset playback screen in different ways, or obtain the jump interface image in other ways, or prompt the user through prompt information or interface jump.

[0147] In some embodiments, if the application list does not contain identification information for the application to which the interface is redirected, the display device 200 may load only the recommended media asset videos from the recommended media asset data into the window overlay to display the playback screen of the recommended media asset data.

[0148] In some embodiments, if the application list does not contain identification information for the application that redirects to the target interface, the display device 200 can obtain the image of the redirect interface based on the target interface. For example, when the display device 200 displays a splash screen ad on the home screen, if the redirect interface associated with the splash screen ad is the JD application, and the display device 200 does not currently have the JD application installed, the display device 200 can generate the home screen from the home screen application. Furthermore, the display device 200 can display the home screen beneath the window overlay, and then use the screenshot tool built into the home screen application to take a screenshot of the layer beneath the window overlay to generate the interface image of the home screen, which serves as the redirect interface image.

[0149] In some embodiments, when the display device 200 displays a splash screen advertisement on the home screen, if the splash screen advertisement does not have an associated product details page, the display device 200 can also run the home screen application and generate the home screen application based on the home screen application. The home screen application is then displayed below the window overlay, and a screenshot tool is invoked to capture the area below the window overlay, generating an image of the home screen application as the transition screen image.

[0150] In some embodiments, if the application list does not contain identification information for the application that redirects to the interface, the display device 200 may also display a prompt message. For example, when it is determined that the application list does not contain identification information for the JD application, the display device 200 may add a text component to the window overlay through the home application or the advertising service application, and the text component may include text such as "Install the JD application for a surprise".

[0151] After acquiring the transition interface image, the display device 200 can also add the transition interface image to the canvas component to form a transition interface display area within the currently displayed interface. Furthermore, since the display size of the canvas component can be dynamically adjusted according to a preset frequency, the display area of ​​the transition interface display area also dynamically adjusts with the preset frequency, achieving a fluctuation effect.

[0152] S500: Display the window overlay and the canvas component to simultaneously display the recommended media playback screen and the jump interface image.

[0153] After adding a window overlay and a canvas component to the canvas component, the display device 200 can maintain the display of the window overlay and the canvas component's superimposed image. The displayed interface can simultaneously present recommended media playback screens and jump interface images. It is evident that the display device 200 can use Canvas to draw images in real time combined with video playback to achieve dynamic effects, making the video and application appear at the same level. By simultaneously displaying recommended media content and jump page content, it can prompt users to watch and guide them to click and jump, improving the user experience.

[0154] In some embodiments, after displaying the window overlay and the canvas component, the display device 200 can also listen for global key events. In response to the listened-for key events, it executes interactive responses. During the display of recommended media playback screens and navigation interfaces, the display device 200 can execute different control functions based on the listened-for key events. These key events are generated by the user pressing a specific key. For example, when the user presses the confirmation key, the onKeyDown and onKeyUp events corresponding to the confirmation key value "KEYCODE_ENTER" can be generated.

[0155] To monitor key press events, the display device 200 can register a key press monitoring process to listen for global key press events. This key press monitoring process is used to listen for key press events input by the user during the playback of the recommended media asset data.

[0156] Taking the target directional key instruction as an example to represent the jump command for displaying a jump interface, the display device 200 can respond to the detection of a target directional key press event and increase the display size of the canvas component according to the target directional key. The target directional key is used to control the display device 200 to display the details interface. The target directional key can be set according to the display position of the canvas component. For example, when the canvas component is located in the right area of ​​the display screen, the target directional key can be the left directional key. When the canvas component is located in the lower area of ​​the display screen, the target directional key can be the up directional key.

[0157] In some embodiments, after detecting a press event of a target directional key, the display device 200 can parse the key press event to obtain the key press direction. Then, it can obtain the display size adjustment direction of the canvas component. If the key press direction matches the display size adjustment direction, the display size of the canvas component is increased according to the key press direction in response to the press event of the target directional key.

[0158] After the display size of the canvas component is increased according to the button direction, the display device 200 can detect the display size of the canvas component in real time, and remove the window overlay and canvas component when the display size of the canvas component increases to be equal to the screen size of the display, and control the display 260 to display the details interface.

[0159] like Figure 10 , Figure 11 As shown, the process of displaying a splash screen ad on the homepage is taken as an example. Display device 200 can run both the homepage application and the ad application. Due to the high layer of the created window overlay and the full-screen display of the ad video, after launching the homepage application and the ad application, the homepage and product details interfaces generated by these applications will be located below the window overlay. When the user presses the left mouse button, the homepage application or the ad service application can control the left edge of the canvas component to move from the right side of the current interface to the left, gradually increasing the drawing area of ​​the canvas component. Once the width of the canvas component equals the screen width, the real-time drawing ends. The homepage application or the ad service application can remove the Canvas component and the ad player, close the display of the transparent window overlay, and display the product details interface in the foreground.

[0160] In some embodiments, if no target directional key press event is detected, i.e., the user does not perform a key operation on a specific key during the display of the recommended media asset playback screen, the display device 200 can switch to the target interface. That is, after displaying the window overlay and the canvas component, the display device 200 can listen for user press events on the target directional key based on a registered key monitoring process. If no target directional key press event is detected during the playback of the recommended media asset data, an end command is obtained. The end command can be generated by the display device 200 according to the recommended media asset playback process or input by the user. That is, in some embodiments, the end command is generated based on the end playback event of the recommended media asset data. During the process of calling the player to play the recommended media asset data, the display device 200 can monitor the playback process, and when a playback end event is detected, it can generate an end command in response to the playback end event.

[0161] In some embodiments, the end command can be generated in response to a user-inputted keystroke indicating skipping. That is, if the display device 200 does not detect a target directional key press during the display of the splash screen advertisement, but detects a back button press, it can respond to the back button press. Since the back button is used to skip the splash screen advertisement, an end command can be generated.

[0162] Upon receiving the termination command, the display device 200 can respond to the termination command by stopping the running of the jump interface application, removing the window overlay and the canvas component, and controlling the display to show the target interface. Taking the splash screen ad on the homepage as an example, after the display device 200 launches the homepage application and the ad application, the homepage interface and product details interface generated by the homepage application and the ad application will be below the window overlay. During the display of the recommended media playback screen and the ad details interface image, the display device 200 will detect the user's press event on the back button. When the user's press event on the back button is detected, i.e., "onKeyDown(KEYCODE_BACK)", the Canvas component and the ad player can be removed, and the transparent window overlay can be closed, so that the homepage interface of the display device 200 is displayed in the foreground.

[0163] Similarly, if the display device 200 does not detect a key press event on the target direction during the playback of the recommended media assets, the advertising service application can notify the home screen application to perform a close operation after the video playback ends. Simultaneously, it removes the Canvas component and the advertising player, closes the transparent window overlay, and brings the home screen of the display device 200 to the foreground.

[0164] Based on the recommended media asset display method described in the above embodiments, some embodiments of this application also provide a display device 200, including: a display 260, a communication device 220, and a controller 250. The display 260 is configured to display a user interface. The communication device 220 is configured to establish a communication connection with a control device 100 and a server 400. The control device 100 includes at least one button and is configured to generate button commands in response to user button operations.

[0165] Controller 250 is configured to perform the following steps:

[0166] In response to a display command for displaying a recommended media asset playback screen, a window overlay is created, the display layer of which is higher than the display layer of the current user interface;

[0167] Load recommended media asset data into the window overlay to play the recommended media asset data;

[0168] A canvas component is created on the window overlay, and the display size of the canvas component is dynamically adjusted according to a preset frequency;

[0169] Obtain a jump interface image and add the jump interface image to the canvas component. The jump interface image is an image generated based on the jump interface. The jump interface is the target interface to be displayed as specified by the display instruction or the details interface associated with the recommended media asset data.

[0170] The display is controlled to show the window overlay and the canvas component, so as to simultaneously display the recommended media playback screen and the jump interface image.

[0171] As can be seen from the above technical solutions, some embodiments of this application provide a display device and a method for displaying recommended media assets. When displaying a recommended media asset playback screen, the method creates a floating window layer to play the playback screen of the recommended media asset data. A canvas component with a display size dynamically adjusted according to a preset frequency is created on the floating window layer to display a jump interface image. By displaying the floating window layer and the canvas component, the effect of simultaneously displaying the recommended media asset playback screen and the jump interface is achieved. This method can match a jump interface that matches the recommended media asset while displaying it, and display them within the same interface space. It also supports user interaction with the jump interface, enriching the user's visual experience and solving the problems of monotonous recommended media asset display formats and difficulty in performing interactive operations.

[0172] In some embodiments, the display device 200 can also achieve the same recommended media asset display effect as in the above embodiments by adjusting the display range of the media asset playback screen. That is, as Figure 16As shown, the display device 200, in accordance with the recommended media asset display method provided in the above embodiments, responds to a display instruction for displaying a target interface, runs a target interface application, the target interface application creates a target interface display container and obtains interface data, and then loads the target interface data from the interface display container to form a target interface.

[0173] The target interface application then creates a window overlay and retrieves recommended media asset data from the media asset system on server 400 via the media asset service application. Simultaneously, the display device 200 can launch and run the redirect interface application. The redirect interface application can create a redirect interface display container and retrieve redirect interface data from the redirect interface system on server 400. The redirect interface display container is used to display the generated redirect interface. The display layer of the redirect interface display container is lower than that of the window overlay.

[0174] After acquiring the redirect interface data, the display device 200 loads the redirect interface data into the redirect interface display container through the redirect interface application, so as to form and display the redirect interface on the redirect interface display container. At this time, the user interface can include three display containers: the target interface display container at the bottom layer, the redirect interface display container in the middle layer, and the window overlay at the top layer. That is, the display device 200 forms the user interface by overlaying the images of the three display containers.

[0175] To display recommended media playback screens and navigation screens within the same interface space, the display device 200 can dynamically set the display area of ​​the window overlay through the target interface application or the media service application. After dynamically setting the display area of ​​the window overlay, the display area of ​​the window overlay can also dynamically change according to a preset frequency to dynamically increase or decrease the area of ​​the recommended media playback screen obstructing the navigation screen.

[0176] Taking the display process of a homepage splash screen ad as an example, after receiving the homepage display command input by the user, the display device 200 can run the homepage application. After the homepage application runs, it can create a homepage display container (Window A) and send an interface data request to the server's homepage service system to obtain the homepage interface data. Then, the homepage interface data is loaded into Window A to form the homepage interface.

[0177] When the homepage interface data includes a media asset request tag, the homepage application can create a window overlay (WindowB) and send an ad data retrieval request to the ad system on server 400 through the ad service application to obtain the ad data. The ad data is then loaded into WindowB to form the ad playback screen.

[0178] After acquiring the advertising data, the home application can also read the advertising data to determine the redirect interface application associated with the current advertising data, i.e., the TB application. If the TB application is already installed on the current display device 200, the home application can send a launch command to the TB application. The TB application can respond to the launch command and start running. It will then create a redirect interface display container (Window C) and send a redirect interface data retrieval request to the redirect interface service system on server 400 to obtain the redirect interface data. After obtaining the redirect interface data, the TB application will then load the redirect interface data into Window C to form the TB application interface, i.e., the redirect interface.

[0179] At this time, in the user interface displayed on display device 200, the display hierarchy of each display container, from low to high, is Window A, Window C, and Window B. In order to achieve the effect of displaying recommended media playback screens and jump interfaces within the same interface space, the home application can dynamically adjust the display width of Window B at a preset frequency during the display of the advertisement data playback screen, so that the advertisement playback screen covers part of the TB application's interface, allowing the uncovered part of the application interface to be seen by the user.

[0180] In some embodiments, the area covered changes dynamically at a preset frequency, that is, the home application or advertising service application can dynamically adjust the display width of Window B at a preset frequency.

[0181] In some embodiments, the display device 200 can also adjust the display area of ​​the window overlay according to a preset frequency, i.e., adjust the display width or height of the window overlay, in the manner described in the above embodiments, adjusting the canvas component as described above. For example, when the display device 200 plays recommended media data, the width of the display area corresponding to the recommended media playback screen in the window overlay is dynamically adjusted according to a preset frequency. When playing the recommended media data at 00:00:01s, the width of the recommended media playback screen display area is W3. When playing the recommended media data at 00:00:02s, the width of the recommended media playback screen display area is adjusted to W4. When playing the recommended media data at 00:00:03s, the width of the recommended media playback screen display area is adjusted back to W3. When playing the recommended media data at 00:00:04s, the width of the recommended media playback screen display area is adjusted back to W4. Therefore, a horizontally swinging parallel spacetime display effect can be obtained.

[0182] Similarly, the preset frequency can also be set according to the method of adjusting the canvas component in the above embodiments, based on the current screen size and the target control size in the jump interface, or based on the audio track information in the currently playing recommended media data, which will not be elaborated here.

[0183] In some embodiments, the display device 200 can also receive an end command. If the end command is used to control the display device 200 to skip the advertisement display homepage interface, such as an end command input by the user pressing the back button on the control device 100, or an end command generated when the playback duration of the advertisement data (i.e., the display duration of Window B) reaches an advertisement display duration threshold, the display device 200 can respond to the end command by stopping the playback of the advertisement data and jumping to the display homepage interface. This means destroying the window overlay used to display the advertisement data. Simultaneously, it stops running jump applications such as the TB application and destroys the jump interface display container, so that the user interface of the display device 200 no longer contains advertisement content and jump interface content, and displays the homepage interface.

[0184] If the end command is used to control the display device 200 to display the jump interface, such as when the user inputs the end command by pressing the left arrow key on the control device 100, then the display device 200 can respond to the end command by stopping the playback of advertising data and jumping to the jump interface. This means destroying the pop-up window used to display the advertising data. Simultaneously, the jump application, such as the TB application, is set to the foreground, causing the display device 200 to display the TB application's interface.

[0185] In some embodiments, to reduce the hardware resource consumption of applications, the display device 200 can close some applications based on the executing entity when receiving a termination command to display the corresponding interface. For example, when the termination command is used to control the display device 200 to display the homepage interface, if the window overlay (Window B) used to display the advertisement screen is created by the homepage application, the homepage application can send a termination command to the advertisement service application to close the advertisement service application while destroying the window overlay. It should be noted that since the advertisement service application can be used to obtain advertisement media data, and the homepage application may also display advertisement content in some cases, such as when the homepage includes an advertisement recommendation slot, the advertisement service application may not need to be closed. If the window overlay used to display the advertisement screen is created by the advertisement service application, the advertisement service application can destroy the window overlay and set the homepage application to run in the foreground.

[0186] When the termination command is used to control the display device 200 to display the jump interface, if the window overlay (Window B) displaying the advertisement screen was created by the home application, the home application can send a close command to the advertisement service application to close the advertisement service application while destroying the window overlay. Furthermore, the home application can set the jump interface application to the foreground and the home application to the background. If the window overlay used to display the advertisement screen was created by the advertisement service application, the advertisement service application can destroy the window overlay, set the jump interface application to the foreground, and set the home application to the background.

[0187] As can be seen from the above technical solutions, the recommended media asset display method provided in the above embodiments displays the recommended media asset playback screen by creating a window overlay to play the playback screen of the recommended media asset data. Simultaneously, a jump interface application is launched and displayed below the window overlay. The display range of the window overlay is then adjusted according to a preset frequency to achieve the effect of simultaneously displaying the recommended media asset playback screen and the jump interface. This method can match a jump interface that matches the recommended media asset while displaying it, and display them within the same interface space. It also supports user interaction with the jump interface, enriching the user's visual experience and solving the problems of monotonous recommended media asset display formats and difficulty in performing interactive operations.

[0188] The same or similar parts among the various embodiments in this specification can be referred to mutually, and will not be repeated here.

[0189] Those skilled in the art will clearly understand that the techniques in the embodiments of the present invention can be implemented using software plus necessary general-purpose hardware platforms. Based on this understanding, the technical solutions in the embodiments of the present invention, or the parts that contribute to the prior art, can be embodied in the form of a software product. This computer software product can be stored in a storage medium, such as ROM / RAM, magnetic disk, optical disk, etc., and includes several instructions to cause a computer device (which may be a personal computer, server, or network device, etc.) to execute the methods of various embodiments or certain parts of the embodiments of the present invention.

[0190] Finally, it should be noted that the above embodiments are only used to illustrate the technical solutions of this application, and are not intended to limit them. Although this application has been described in detail with reference to the foregoing embodiments, those skilled in the art should understand that modifications can still be made to the technical solutions described in the foregoing embodiments, or equivalent substitutions can be made to some or all of the technical features therein. Such modifications or substitutions do not cause the essence of the corresponding technical solutions to deviate from the scope of the technical solutions of the embodiments of this application.

[0191] For ease of explanation, the above description has been provided in conjunction with specific embodiments. However, the above exemplary discussion is not intended to be exhaustive or to limit the embodiments to the specific forms disclosed above. Various modifications and variations can be obtained based on the above teachings. The selection and description of the above embodiments are for the purpose of better explaining the principles and practical applications, thereby enabling those skilled in the art to better utilize the described embodiments and various different variations of embodiments suitable for specific use considerations.

Claims

1. A display device, characterized in that, include: The monitor is configured to display the user interface; A communication device is configured to establish a communication connection with a control device and a server, the control device including at least one button and configured to generate button commands in response to a user's button operation; The controller is configured as follows: In response to input control commands to display the target interface, the target interface is displayed; When a media asset request marker exists on the target interface, media asset data is requested and a window overlay is created. The display level of the window overlay is higher than the display level of the current user interface. Load recommended media asset data into the window overlay to play the recommended media asset data; Create a canvas component on the window overlay and launch the jump interface application, wherein the canvas component partially obscures the window overlay; Obtain a jump interface image and load the jump interface image into the canvas component, wherein the jump interface image is an image generated based on the jump interface, the jump interface is generated by the jump interface application based on the jump interface data, and the display layer of the jump interface is lower than the window floating layer. Upon receiving an input instruction to jump to the interface, the recommended media asset data is stopped from playing, and the window overlay and canvas component are destroyed to display the interface.

2. The display device according to claim 1, characterized in that, The application that launches the redirect interface includes: Run the jump interface application and create a jump interface display container, wherein the display layer of the jump interface display container is lower than the window floating layer; The container on the redirected interface loads the redirected interface data so that the container on the redirected interface displays the redirected interface. The acquisition of the jump interface image includes: Take a screenshot of the redirected interface to generate the image of the redirected interface.

3. The display device according to claim 1, characterized in that, After the controller creates a canvas component on the window overlay, it is further configured to: Obtain an end command, which is generated based on the end playback event of the recommended media asset data, or generated in response to a user input button operation representing skipping. In response to the termination command, stop running the jump interface application, and remove the window overlay and the canvas component; Control the display to show the target interface.

4. The display device according to claim 1, characterized in that, When a media asset request marker exists on the target interface, the controller requests recommended media asset data and creates a window overlay, including: Read the media asset request flags on the target interface; A media asset acquisition request is generated based on the media asset request tag, and the media asset acquisition request is sent to the server so that the server can provide recommended media asset data based on the media asset acquisition request. Create a window overlay.

5. The display device according to claim 4, characterized in that, The controller creates a canvas component on the window overlay and launches the jump interface application, including: Read the jump interface information associated with the recommended media assets from the recommended media asset data; If the recommended media asset has associated redirection interface information, then the redirection interface application is launched according to the redirection interface information; If the recommended media asset does not have associated redirection interface information, the redirection interface application will not be launched.

6. The display device according to any one of claims 1-5, characterized in that, The controller executes loading the transition interface image in the canvas component and is also configured to: Obtain the current screen size of the display and the target control size of the jump interface image; The minimum display size of the canvas component is set according to the current screen size, and the maximum display size of the canvas component is set according to the target control size; The real-time display size of the canvas component is dynamically set, and the real-time display size changes periodically within a fluctuation range according to a preset frequency.

7. A recommended media asset display method, applied to a display device, characterized in that, The method includes: In response to input control commands to display the target interface, the target interface is displayed; When a media asset request marker exists on the target interface, media asset data is requested and a window overlay is created. The display level of the window overlay is higher than the display level of the current user interface. Load recommended media asset data into the window overlay to play the recommended media asset data; Create a canvas component on the window overlay and launch the jump interface application, wherein the canvas component at least partially obscures the window overlay; Obtain a jump interface image and load the jump interface image into the canvas component, wherein the jump interface image is an image generated based on the jump interface, the jump interface is generated by the jump interface application based on the jump interface data, and the display layer of the jump interface is lower than the window floating layer. Upon receiving an input instruction to jump to the interface, the recommended media asset data is stopped from playing, and the window overlay and canvas component are destroyed to display the interface.

8. The method as described in claim 7, characterized in that, The application that launches the redirect interface includes: Run the jump interface application and create a jump interface display container, wherein the display layer of the jump interface display container is lower than the window floating layer; The container on the redirected interface loads the redirected interface data so that the container on the redirected interface displays the redirected interface. The acquisition of the jump interface image includes: Take a screenshot of the redirected interface to generate the image of the redirected interface.

9. The method as described in claim 7, characterized in that, After creating the canvas component on the window overlay, the method further includes: Obtain an end command, which is generated based on the end playback event of the recommended media asset data, or generated in response to a user input button operation representing skipping. In response to the termination command, stop running the jump interface application, and remove the window overlay and the canvas component; Control the display to show the target interface.

10. The method as described in claim 7, characterized in that, The step of requesting recommended media asset data and creating a window overlay when a media asset request marker exists on the target interface includes: Read the media asset request flags on the target interface; A media asset acquisition request is generated based on the media asset request tag, and the media asset acquisition request is sent to the server so that the server can provide recommended media asset data based on the media asset acquisition request; Create a window overlay.

Citation Information

Patent Citations

  • Content display method and device, equipment and storage medium

    CN115269105A

  • Method for playing video on floating layer and display equipment

    CN115412753A