Display device and screen-starting media asset display method
By obtaining and processing open-screen media data when displaying the target interface, creating and adjusting the interface and media display container, the split problem caused by the differences in the open-screen media playback screen and the interface content is solved, and user experience and animation development efficiency is improved.
Patent Information
- Application Number
- CN202411216288.6
- Authority / Receiving Office
- CN · China
- Patent Type
- Applications(China)
- Current Assignee / Owner
- Filing Date
- 2024-08-30
- Publication Date
- 2025-05-13
AI Technical Summary
The playback screen of the media resources on the screen is very different from the content of the interface to be displayed, resulting in serious disintegration of the playback process and affecting the user experience.
When displaying the target interface, obtain the open-screen media data of the target interface and create interface display containers and media display containers. The mobile interface displays the target view component on the container and synchronizes the image view size on the media display container to obtain an animation effect.
The smooth transition between the playback screen and the target interface of the open screen media resources is achieved, reducing the sense of separation, and adapting to the target interface display style of different configurations, improving the development efficiency of the display animation of the open screen media resources.
Smart Images

Figure CN119996752A_ABST
Abstract
Description
Technical Field
[0001] The present application relates to the technical field of display devices, and in particular to a display device and a method for displaying open-screen media resources. Background Art
[0002] Display devices are intelligent devices that can present user interfaces and support user interaction. Taking smart TV as an example, smart TV is based on Internet application technology, has an open operating system and chip, has an open application platform, can realize two-way human-computer interaction, and integrates multiple functions such as audio and video, entertainment, and data to meet the diverse and personalized needs of users.
[0003] The display device can display opening screen media before displaying a specific user interface. The opening screen media includes displaying recommended content before displaying a specific user interface according to the media asset delivery strategy, such as recommended media, opening screen advertisements, prompt information, etc. The opening screen media can be a media asset form such as video, picture, dynamic image, or a combination of multiple media asset forms. According to the setting of the media asset delivery strategy, the opening screen media can be played within a period of time after the user inputs the control instruction for displaying a specific interface, and the user interface continues to be displayed after the playback ends.
[0004] In order to present the opening screen media, when displaying a specific user interface, the display device first calls the media playback interface to display the playback screen of the opening screen media, and after the playback interface is finished, the interface jumps to continue to display the specific user interface. However, since the interface jump process takes a long time and the content displayed in the playback interface and the specific interface are very different, the opening screen media playback process has a sense of disconnection, affecting the user experience. Summary of the invention
[0005] Some embodiments of the present application provide a display device and a method for playing open-screen media resources to solve the problem that the open-screen media resource playback screen is greatly different from the content of the interface to be displayed, and the playback process is severely fragmented.
[0006] In a first aspect, some embodiments of the present application provide a display device, comprising: a display and a controller. The display is configured to display a user interface; and the controller is configured to perform the following steps:
[0007] In response to a display instruction for displaying a target interface, acquiring interface data of the target interface;
[0008] Creating an interface display container, and adding interface components to the interface display container according to the interface data, wherein the interface components include a target view component;
[0009] Parsing a media resource request tag from the interface data, and acquiring screen-opening media resource data according to the media resource request tag, wherein the media resource request tag is used to indicate that the screen-opening media resource is displayed before the target interface is displayed;
[0010] Creating a media asset display container, and adding at least one picture view and a play view in the media asset display container, wherein the picture view is used to display a cover image of the opening screen media asset data; and the play view is used to display a play screen of the opening screen media asset data;
[0011] According to the animation type of the linkage effect animation, the target view component is moved on the interface display container; and the display size of the picture view is adjusted on the media resource display container.
[0012] In a second aspect, some embodiments of the present application further provide a method for displaying open-screen media resources, which is applied to the display device described in the first aspect, and the method for displaying open-screen media resources includes:
[0013] In response to a display instruction for displaying a target interface, acquiring interface data of the target interface;
[0014] Creating an interface display container, and adding interface components to the interface display container according to the interface data, wherein the interface components include a target view component;
[0015] Parsing a media resource request tag from the interface data, and acquiring screen-opening media resource data according to the media resource request tag, wherein the media resource request tag is used to indicate that the screen-opening media resource is displayed before the target interface is displayed;
[0016] Creating a media asset display container, and adding at least one picture view and a play view in the media asset display container, wherein the picture view is used to display a cover image of the opening screen media asset data; and the play view is used to display a play screen of the opening screen media asset data;
[0017] According to the animation type of the linkage effect animation, the target view component is moved on the interface display container; and the display size of the picture view is adjusted on the media resource display container.
[0018] It can be seen from the above technical solutions that some embodiments of the present application provide a display device and a method for displaying opening screen media assets. The method can obtain the opening screen media asset data of the target interface when displaying the target interface, and create an interface display container and a media asset display container. Then move the target view component on the interface display container and synchronously adjust the image view size on the media asset display container to obtain an animation effect. The method obtains the first animation effect by moving the target view control in the interface display container, and obtains the second animation effect by adjusting the display size of the image view in the media asset display container. The linkage effect animation can be combined with the target interface to make the transition between the opening screen media asset playback screen and the target interface smooth, reduce the sense of separation, and can adapt to the display styles of target interfaces with different configurations, thereby improving the development efficiency of the opening screen media asset display effect animation. BRIEF DESCRIPTION OF THE DRAWINGS
[0019] In order to more clearly illustrate the embodiments of the present application or the technical solutions in the prior art, the drawings required for use in the embodiments or the description of the prior art will be briefly introduced below. Obviously, the drawings described below are only some embodiments of the present application. For ordinary technicians in this field, other drawings can be obtained based on these drawings without paying creative work.
[0020] Figure 1 A schematic diagram showing usage scenarios of a display device in some embodiments of the present application;
[0021] Figure 2 A hardware configuration block diagram of a display device provided in some embodiments of the present application;
[0022] Figure 3 A schematic diagram of software configuration in a display device provided in some embodiments of the present application;
[0023] Figure 4 A schematic diagram of the opening screen advertisement display process provided in some embodiments of the present application;
[0024] Figure 5 A schematic diagram of a screen-opening video display effect provided in some embodiments of the present application;
[0025] Figure 6 A schematic diagram of another open-screen video display effect provided in some embodiments of the present application;
[0026] Figure 7 A schematic diagram of the opening screen media display process provided in some embodiments of the present application;
[0027] Figure 8 A timing diagram of the display of media resources when the homepage application is opened provided in some embodiments of the present application;
[0028] Fig. 9A timing diagram of the display of media resources when the advertising service application is executed in some embodiments of the present application;
[0029] Fig.10 A timing relationship diagram of the display of media resources when the homepage application and the advertising service application are executed in some embodiments of the present application;
[0030] Fig.11 Schematic diagrams of view1 and view2 provided for some embodiments of the present application;
[0031] Fig.12 A schematic diagram of an interface display container provided for some embodiments of the present application;
[0032] Fig.13 A schematic diagram of a media asset display container provided in some embodiments of the present application;
[0033] Fig.14 A schematic diagram of a single media resource linkage effect animation provided in some embodiments of the present application;
[0034] Fig.15 A schematic diagram of a multimedia resource linkage effect animation provided in some embodiments of the present application;
[0035] Fig.16 A schematic diagram of a linkage effect animation structure provided in some embodiments of the present application;
[0036] Fig.17 A schematic diagram of the display effect of the first frame playback screen provided in some embodiments of the present application;
[0037] Fig.18 A schematic diagram of the first row of recommended positions provided for some embodiments of the present application;
[0038] Fig.19 A schematic diagram of the recommended position moving direction provided in some embodiments of the present application;
[0039] Fig. 20 A schematic diagram of the overall effect of the screen opening animation for a single media scene provided in some embodiments of the present application. DETAILED DESCRIPTION
[0040] The following embodiments are described in detail, and examples thereof are shown in the accompanying drawings. When the following description refers to the drawings, unless otherwise indicated, the same numbers in different drawings represent the same or similar elements. The implementations described in the following embodiments do not represent all implementations consistent with the present application. They are only examples of systems and methods consistent with some aspects of the present application as detailed in the claims.
[0041] It should be noted that the brief description of terms in this application is only for the convenience of understanding the embodiments described below, and is not intended to limit the embodiments of this application. Unless otherwise specified, these terms should be understood according to their common and usual meanings.
[0042] The terms "first", "second", "third", etc. in the specification and claims of this application and the above drawings are used to distinguish similar or similar objects or entities, and do not necessarily mean to limit a specific order or sequence, unless otherwise noted. It should be understood that the terms used in this way can be interchangeable under appropriate circumstances.
[0043] The terms "comprises," "comprising," and "having," and any variations thereof, are intended to cover but not exclude inclusion, for example, a product or device comprising a list of components is not necessarily limited to all the components expressly listed but may include other components not expressly listed or inherent to such product or device.
[0044] The term "module" refers to any known or later developed hardware, software, firmware, artificial intelligence, fuzzy logic, or combination of hardware and / or software code that is capable of performing the functions associated with that element.
[0045] In the embodiment of the present application, the display device 200 generally refers to a device with image display and data processing capabilities. For example, the display device 200 includes but is not limited to a smart TV, a mobile terminal, a computer, a monitor, an advertising screen, a wearable device, a virtual reality device, an augmented reality device, etc.
[0046] Figure 1 This is a schematic diagram of an operation scenario between a display device and a control device provided in some embodiments of the present application. Figure 1 As shown in FIG. 1 , a user can operate the display device 200 through touch operation, the mobile terminal 300 and the control device 100. The control device 100 is used to receive operation instructions input by the user and convert the operation instructions into control instructions that can be recognized and responded to by the display device 200. For example, the control device 100 can be a remote controller, a stylus pen, a handle, etc.
[0047] In some embodiments, the control device 100 may be a remote controller, and the communication between the remote controller and the display device includes at least one of infrared protocol communication, Bluetooth protocol communication, and other short-range communication methods, and the display device 200 is controlled wirelessly or wired. The user may control the display device 200 by inputting user commands through buttons on the remote controller, voice input, control panel input, etc.
[0048] The mobile terminal 300 can be used as a control device for performing human-computer interaction between the user and the display device 200. The mobile terminal 300 can also be used as a communication device for establishing a communication connection with the display device 200 and performing data interaction. In some embodiments, the mobile terminal 300 can install software applications with the display device 200, and achieve connection and communication through a network communication protocol to achieve the purpose of one-to-one control operation and data communication. The audio and video content displayed on the mobile terminal 300 can also be transmitted to the display device 200 to achieve a synchronous display function.
[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 program for controlling the display device 200 .
[0050] like Figure 1 As also shown in FIG. 4 , the display device 200 also communicates data with the server 400 through various communication methods. The display device 200 may be allowed to communicate and connect through a local area network (LAN), a wireless local area network (WLAN), and other networks.
[0051] The display device 200 may provide a broadcast receiving television function, and may also additionally provide an intelligent network television function with a computer support function, including but not limited to network television, smart television, Internet Protocol television (IPTV), and the like.
[0052] Figure 2 A hardware configuration block diagram of a display device 200 provided for some embodiments of the present 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, the detector 230 is used to collect signals of the external environment or external interaction. For example, the detector 230 includes a light receiver, a sensor for collecting the intensity of ambient light; or, the detector 230 includes an image collector, such as a camera, which can be used to collect external environment scenes, user attributes or user interaction gestures; or, the detector 230 includes a sound collector, such as a microphone, etc., for receiving external sounds.
[0055] In some embodiments, the device interface 240 may include, but is not limited to, a high-definition multimedia interface (HDMI), an analog or digital high-definition component input interface (component), a composite video input interface (CVBS), a USB input interface (USB), an RGB port, etc. The device interface 240 may also be a composite input / output interface formed by the above multiple interfaces.
[0056] The display device 200 can be connected to the external device 500 through the device interface 240. The external device 500 can be a set-top box, a game console, a PC, etc. When the display device 200 is connected to the external device 500 through the device interface 240, a corresponding signal source channel can be established, and an input signal can be received through the signal source channel. For example, the display device 200 can be connected to a game device through 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 a display function component for presenting a picture, and a driving component for driving an image display. The display 260 is used to receive an image signal output from the controller 250 for display. For example, the display 260 can be used to display video content, image content, and components of a menu control interface and a user control UI interface.
[0058] In some embodiments, the communication device 220 is a component for communicating with an external device or server 400 according to various communication protocol types. The display device 200 may be provided with a plurality of communication devices 220 according to different supported communication modes. For example, when the display device 200 supports wireless network communication, the display device 200 may be provided with a communication device 220 including a WiFi function. When the display device 200 supports Bluetooth connection communication, the display device 200 needs to be provided with a communication device 220 including a Bluetooth function.
[0059] The communication device 220 can enable the display device 200 to communicate with the external device or server 400 by wireless or wired connection. Among them, the wired connection can connect the display device 200 with the external device through components such as data cables and interfaces. The wireless connection can connect the display device 200 with the external device through wireless signals or wireless networks. The display device 200 can establish a connection relationship with the external device directly, or indirectly establish a connection relationship through a gateway, a router, a connection device, etc.
[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 interface to an nth interface for input / output. The controller 250 controls the operation of the display device and responds to the user's operation through various software control programs stored in the memory. The controller 250 controls the overall operation of the display device 200.
[0061] In some embodiments, the controller 250 and the tuner-demodulator 210 may be located in different separate devices, that is, the tuner-demodulator 210 may also be located in an external device of the main device where the controller 250 is located, such as an external set-top box.
[0062] In some embodiments, the user may input a user command through a graphical user interface (GUI) displayed on the display 260 , and the user input interface receives the user input command through the graphical user interface (GUI).
[0063] In some embodiments, the audio output device 270 may be a local speaker of the display device 200, or may be an external audio output device of the display device 200. In particular, for the external audio output device of the display device 200, the display device 200 may also be provided with an external audio output terminal, and the audio output device may be connected to the display device 200 through the external audio output terminal to output the sound of the display device 200.
[0064] In some embodiments, the user input interface 280 may be used to receive instructions from a user.
[0065] In order to perform user interaction, in some embodiments, the display device 200 may run an operating system. The operating system is a computer program for managing and controlling hardware resources and software resources in 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 can provide a user interface by running an application program. The operating system also allows the user to interact with the display device 200.
[0066] It should be noted that the operating system may be a native operating system based on a specific operating platform, or a third-party operating system deeply customized based on a specific operating platform, or an independent operating system specially developed for the display device.
[0067] The operating system can be divided into different modules or levels according to the functions implemented. For example, in some embodiments, Figure 3 As shown, taking the Android system as an example, the system is divided into four layers, from top to bottom, namely, the application layer (Applications layer) (referred to as "application layer"), the application framework layer (Application Framework layer) (referred to as "framework layer"), the 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 is used to provide services and interfaces for applications so that the display device 200 can run applications and interact with users based on the applications. At least one application can be run in the application layer, and these applications can be window programs, system settings programs, clock programs, etc. that come with the operating system; they can also be applications developed by third-party developers. In specific implementations, the application packages in the application layer are not limited to the above examples.
[0069] The framework layer provides application programming interfaces (APIs) and programming frameworks for applications. The application framework layer includes some predefined functions. The application framework layer is equivalent to a processing center that determines the actions that applications in the application layer take. Through the API interface, applications can access system resources and obtain system services during execution.
[0070] like Figure 3 As shown, in the embodiment of the present application, the application framework layer includes a view system, managers, content providers, etc., wherein the view system can design and implement the interface and interaction of the application, and the view system includes lists, grids, text boxes, buttons, etc. The manager includes at least one of the following modules: an activity manager for interacting with all activities running in the system; a location manager for providing system services or applications with access to system location services; a package manager for retrieving various information related to the application package currently installed on the device; a notification manager for controlling the display and clearing of notification messages; and a window manager for managing icons, windows, toolbars, wallpapers, and desktop widgets on the user interface.
[0071] In some embodiments, the activity manager is used to manage the life cycle of each application and the usual navigation back function, such as controlling the exit, opening, and back of the application. The window manager is used to manage all window programs, such as obtaining the display screen size, determining whether there is a status bar, locking the screen, capturing the screen, and controlling the display window changes, for example, reducing the display window, shaking the display, distorting the display, etc.
[0072] In some embodiments, the system runtime layer can provide support for the framework layer. When the framework layer is used, the operating system will run the instruction library contained in the system runtime layer, such as the C / C++ instruction library, to implement the functions to be implemented by the framework layer.
[0073] In some embodiments, the kernel layer is a functional layer between the hardware and software of the display device 200. The kernel layer can implement functions such as hardware abstraction, multitasking, and memory management. Figure 3 As shown, the kernel layer may be configured with hardware drivers, and the drivers included in the kernel layer may be at least one of the following drivers: audio driver, display driver, Bluetooth driver, camera driver, WIFI driver, USB driver, HDMI driver, sensor driver (such as fingerprint sensor, temperature sensor, pressure sensor, etc.), and power driver, etc.
[0074] It should be noted that the above example is only a simple division of the operating system functions and does not constitute a limitation on the specific operating system form of the display device 200 in the embodiment of the present application. Depending on factors such as the function of the display device and the type of operating system, the number of levels and specific level types contained in the operating system may be expressed in other forms.
[0075] In some embodiments, the display device 200 can automatically play media data when executing a specific process or displaying a specific interface. The specific process may be a process that needs to be guided, or has a long operating cycle, or requires an interface refresh. Such as a boot process, an application installation process, a software upgrade process, etc. The specific interface may be an interface with a long rendering cycle, or with a recommendation function, or a comprehensive function. Such as a homepage interface, a media recommendation interface, an application interface, etc. The automatically played media data may be a video with a logo function, an information promotion function, an operation guidance function, a feature display function, etc. Such as a boot animation, a splash screen advertisement, a homepage recommendation video, a media trailer, etc.
[0076] It should be noted that in the embodiments of the present application, media data generally refers to multimedia resources that require a certain amount of time to display. The media data can be conventional video media with video and audio content, or pure image video without sound, such as dynamic images, static images, text, etc. In some embodiments, the automatically played material can also be media without image content, such as media data with pure audio content.
[0077] In some embodiments, the media data displayed when the display device 200 executes a specific process is called transition media; the media data displayed when the display device 200 displays a specific interface is called opening screen media. The display methods of transition media and opening screen media can be the same or different, and can be set according to the process running state of the display device 200 or specific display requirements.
[0078] Media data for different purposes may contain different contents and have different forms. The automatically played media data may come from the local storage of the display device 200 or from the server 400. The media data from the local storage may be stored in different media according to different purposes.
[0079] In some embodiments, the media data used to form the boot animation may be a static image or dynamic image file built into the system file; the media data used to form the boot advertisement may be a video file stored in the boot call storage space; the media data used to form the interface guidance may be a video or image file contained in the interface configuration file; the media data used to form the homepage pop-up advertisement may be a video or image file pushed by the server 400.
[0080] In some embodiments, the display device 200 can obtain the media data by parsing the system file. For example, when the display device 200 executes the boot process, it can obtain the media data by reading the file name and storage address of the media data set in the boot process and accessing the corresponding storage address.
[0081] In some embodiments, the display device 200 may also obtain the media asset data by parsing the interface configuration file. For example, when the display device 200 displays the setting interface for the first time, it may extract the guide media asset data according to the guide video storage address recorded in the configuration file corresponding to the setting interface.
[0082] In some embodiments, the display device 200 may also send a media asset acquisition request to the server 400, so that the server 400 can feed back media asset data to the display device 200 according to the media asset acquisition request. For example, when the display device 200 displays the media asset recommendation interface, it will send a media asset acquisition request to the server 400 before presenting the media asset recommendation interface. After receiving the media asset acquisition request, the server 400 extracts 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.
[0083] After acquiring the media data, the display device 200 can call the relevant application to play it according to the specific type of the media data. For example, for video type materials, the display device 200 can call a video player, and decode the media data through the video player to form a playback screen of the media data, and display the playback screen through the display 260.
[0084] In some embodiments, automatically played media data can be started through a related process, and the playback can end with the running status of the process or the rendering progress of the interface. Taking the playback process of the home page interface splash screen advertisement as an example, after the display device 200 is powered on, it will run the rendering process of the home page interface through the home page application. According to the rendering process of the home page interface, the advertising service can request the advertising system to obtain the advertising video media data. After the advertising system sends the advertising data, the display device 200 can enable the home page application and / or advertising service, and perform decoding and playback on the advertising data to form a splash screen advertisement. After the splash screen advertisement ends, or the playback duration reaches the preset delivery duration requirement, the display device 200 can cancel the display of the splash screen advertisement, and then display the home page interface, such as Figure 4 shown.
[0085] In some embodiments, the playback screen of the media data can be displayed through a separate interface. For example, during the boot-up process, the display device 200 can first display the boot-up interface, which can first display the brand logo, and then display system information and other content, and switch to display the boot-up video interface as the boot-up process progresses. After the boot-up video is played, the display device 200 switches to display the home page interface. That is, in the above display process, the boot-up interface, the boot-up video interface, and the home page interface are three independent interfaces.
[0086] In some embodiments, the playback screen of the media asset data may also be displayed in a separate window in the interface to be displayed. Figure 5 As shown, the separate window for displaying the media data playback screen can be a part of the interface to be displayed, such as an animation window, a specific position recommendation position, etc. in the interface to be displayed. Figure 6 As shown, the separate window for displaying the media asset data playback screen may also be a floating window of the interface to be displayed.
[0087] In some embodiments, the display device 200 also supports interruption of playback control during playback of media data, that is, the display device 200 can control the stop of playback of media data by receiving an interruption instruction input by the user, or automatically generating an interruption instruction according to the running state, and display the user interface that should be displayed after the playback of the media data.
[0088] For example, when the display device 200 displays the home page interface for the first time after being powered on, a splash screen video may be displayed. The splash screen video may be displayed for 15 seconds according to the delivery strategy, that is, the splash screen video stops playing and the home page interface is displayed after playing for 15 seconds. During the splash screen video, the user may skip the splash screen video by pressing the return key on the control device 100, that is, input an interrupt command, and control the display device 200 to directly display the home page interface.
[0089] In some embodiments, the display device 200 can play media data through the synergy between the operating system, UI applications and service processes. Among them, the operating system can provide a basic operating environment to allow applications and advertising services to run. In addition, the operating system can also provide various application interfaces (APIs) to allow applications to interact with system services. UI applications such as JUUI are used to present user interfaces. UI applications can provide interfaces for direct user interaction, and the interface can include a media display area. When an application needs to display media data, the UI application will request the media service process such as the advertising service (ADservice) through the API to send the media data to be displayed. The media service can be a built-in media recommendation system or a third-party service, such as ××AdMob, etc. The media service can provide media data content, including the loading, display, tracking of media data, and the interaction between users and the media playback process.
[0090] Taking the display of a splash screen advertisement as an example, when displaying an advertisement, a UI application such as JUUI initiates an advertisement request by calling the API of the advertisement service. After receiving the request, the advertisement service obtains the advertisement content from the server 400 or the local storage. After obtaining the advertisement content, the advertisement service passes the advertisement content to the UI application through the API. The UI application renders the advertisement content on the user interface, that is, displays the advertisement content in the advertisement display area of the user interface.
[0091] In some embodiments, the display device 200 can display the opening screen media data by means of interface jump, that is, when the display device 200 displays a specific interface, it can first call the player to decode and play the opening screen media data to form a playback interface including the corresponding playback screen of the opening screen media data. Then control the display 260 to switch to the display playback interface to present the opening screen media data screen. When the opening screen media data is played or the playback time reaches a preset time threshold, the display device 200 switches back to displaying the specific interface by interface jump.
[0092] In some embodiments, the display device 200 can also present the playback screen of the opening screen media asset data through an independent display layer. That is, when displaying a specific interface, the display device 200 can call the layer management module to create a layer for displaying the opening screen media asset screen. Since the display level of this layer is higher than the specific interface, the created layer can also be called a floating layer or container. And call the player to decode and play the opening screen media asset data to form the playback screen of the opening screen media asset data, and then display the playback screen of the opening screen media asset data in the floating layer. When the playback of the opening screen media asset data ends or the playback time reaches a preset time threshold, the display device 200 can destroy the created floating layer, thereby displaying back to the specific interface.
[0093] In order to improve the playback effect of the opening screen media data, a method for displaying opening screen media data is provided in some embodiments of the present application. The method can reduce the sense of separation between the opening screen media data playback screen and the interface to be displayed by generating a linkage effect animation and displaying the linkage effect animation and the playback screen of the opening screen media data through a media display floating layer, thereby improving the user experience. The opening screen media display method can be applied to a display device 200, wherein the display device 200 includes a display 260 and a controller 250. The display 260 is configured to display a user interface, and the controller 250 is configured to execute the steps corresponding to the opening screen media display method, such as Figure 7 As shown, including the following:
[0094] S100: In response to a display instruction for displaying a target interface, acquiring interface data of the target interface.
[0095] The display device 200 can receive control instructions for different functions, and some control instructions are used to trigger the display device 200 to display a target interface, which are called display instructions. Among them, the target interface refers to a user interface that can present an open-screen media screen when displayed, such as a home page interface, a media recommendation interface, an application interface, etc. Depending on the type of target interface displayed by the display device 200, display instructions can be input in different ways. For example, the home page interface display instruction can be input through the home button on the remote control, or triggered by exiting the application or non-home page interface. The application startup instruction is input through the direction keys and the confirm key on the remote control, in conjunction with the focus mark in the application list interface.
[0096] In some embodiments, when the display device 200 supports voice interaction, touch interaction, somatosensory or gesture interaction, etc., the control instruction for triggering the automatic playback of video materials can also be input through the interaction method supported by the display device 200. For example, the user inputs a voice instruction with the content "display home page interface" to input a display instruction to control the display device 200 to jump to the display home page interface.
[0097] After receiving the display instruction for displaying the target interface, the display device 200 may send an interface request including the target interface ID to the server 400. After receiving the interface request, the server 400 may return the interface data to the display device 200. In some embodiments, a service for sending interface data, i.e., an interface service, may be configured in the server 400. After receiving the interface request, the server 400 may call the interface data from the interface service.
[0098] For example, after receiving a display instruction from a user to display a home page interface, the display device 200 may generate a home page request including a home page ID, and then send the home page request to the server 400. After receiving the home page request, the server 400 may extract home page data from the home page service, and send the extracted home page data to the display device 200, so that the display device 200 can render the home page interface.
[0099] S200: creating an interface display container, and adding interface components to the interface display container according to the interface data.
[0100] After acquiring the interface data, the display device 200 can create a target interface, load and display the interface data corresponding to the target interface. In some embodiments, the display device 200 can create an interface display container (Window) of the target interface and an interface component in the interface display container. Among them, the interface component includes a target view component. The target view component is a view component that can be moved in the interface display container, which is used to form a linkage effect animation. After creating the interface component, the display device 200 can also load and display the corresponding interface data in the interface component.
[0101] For example, the home page interface includes a navigation view component and a recommended position view component, wherein the position of the navigation view component cannot be moved, and the position of the recommended position view component can be moved, and the recommended position component is the target view component. After acquiring the interface data of the home page interface, the display device 200 can add the navigation text in the interface data to the navigation view component, and add the recommended position cover image to the recommended position view component. Then, according to the component arrangement mode of the home page interface, the display position of each view component is set to form the home page interface.
[0102] S300: parsing a media resource request tag from the interface data, and acquiring screen-opening media resource data according to the media resource request tag.
[0103] After acquiring the interface data, the display device 200 may also read the specific content contained in the interface data to determine whether the current interface data contains a media resource request tag, that is, to determine whether the target interface to be displayed supports playing the start-screen media resource.
[0104] In order for the display device 200 to determine which user interfaces support displaying the splash screen media asset image, the target interface may include at least one media asset request tag, and the media asset request tag is used to indicate that the splash screen media asset is displayed before the target interface is displayed. For example, the configuration file of the target interface may include interface configuration parameters corresponding to the interface rendering process, and the display device 200 may perform the interface rendering and display process according to the configuration parameters when displaying the target interface. When the display device 200 executes a specific step, it can read the media asset request tag "Adtag" and call the advertising service according to the media asset request tag to obtain the splash screen advertising material.
[0105] After acquiring the interface data, the display device 200 can determine whether to acquire the opening screen media data of the target interface according to whether the interface data includes a media resource request tag. That is, the display device 200 can parse the interface data to determine whether the interface data includes a media resource request tag; if the interface data includes a media resource request tag, the opening screen media data is acquired according to the media resource request tag. If the interface data does not include a media resource request tag, the opening screen media data is not acquired, and the target interface is directly generated according to the interface data, and the display is controlled to display the target interface.
[0106] In some embodiments, when the interface data includes a media resource request tag, the display device 200 can obtain the screen opening media resource data from the local storage. When the display device 200 is not connected to the network or the network configuration is not yet completed, the screen opening media resource data can be obtained from the local storage. That is, the display device 200 also includes a memory, and the memory is configured to store the screen opening media resource data. Before displaying the target interface, the display device 200 can generate a data call request and send the data call request to the memory to obtain the screen opening media resource data stored in the memory.
[0107] It should be noted that the locally stored opening screen media data may be data pre-cached when the display device 200 is connected to the network. Since the delivery strategy of the opening screen media data is periodic, the opening screen media data locally cached by the display device 200 may also be synchronously updated according to the period. For example, at time T1, the display device 200 may store opening screen media A in the local cache; at time T2, the display device 200 may store opening screen media B in the local cache.
[0108] In some embodiments, when the interface data includes a media resource request tag, the display device 200 can obtain the opening screen media resource data from the server 400. That is, the display device 200 also includes a communication device 220, and the communication device 200 is configured to establish a communication connection with the server 400. Then, after obtaining the display instruction, the display device 200 can read the media resource request tag in response to the display instruction, wherein the media resource request tag is set with display parameters and media resource coding, so the display device 200 can obtain the media resource coding of the media resource request tag, and generate a media resource acquisition request according to the media resource coding, and send the media resource acquisition request to the server 400, so that the server 400 returns the opening screen media resource data according to the media resource coding. The display device 200 then receives the opening screen media resource data returned by the server 400.
[0109] For example, Figure 8 As shown, the display device 200 may be configured with a homepage application and an advertising service. The server 400 is configured as an advertising system. After obtaining the display instruction for displaying the homepage interface, the display device 200 may run the homepage rendering and display process through the homepage application, and after reading the media resource request tag, read the media resource code (AdCode) from the media resource request tag, and generate an advertisement acquisition request according to the AdCode, and send the advertisement acquisition request to the server 400 through the advertising service to request the advertisement data from the advertising system in the server 400. After receiving the advertisement acquisition request, the advertising system may read the AdCode, and according to the AdCode and the current advertising delivery strategy, send the advertisement media resource data corresponding to the homepage interface to the advertising service, including all the information of the advertisement material, including the name, media resource data, display duration, display type identifier, etc. The advertising service then returns the advertisement data to the homepage application for later display of the advertisement content.
[0110] It should be noted that the following embodiments all use the interface application as the main execution subject to present the playback screen of the opening screen media data. That is, after the media services such as Adservice pass the opening screen media data to the interface applications such as JUUI, the interface application creates a media display container and displays the cover image through the picture view, determines whether it is a single media scene, and generates and plays the first animation effect and the second animation effect. However, this example does not limit the specific execution subject. In actual applications, the above creation, judgment, generation and playback processes can also be performed by the media service, such as Fig. 9 The media resource service and the interface application may also respectively perform the creation, judgment, generation and playback processes, such as Fig.10 For example, processes such as the home page view movement generation transition effect animation related to the home page interface are executed by the home page application, and processes such as the image view display size adjustment related to the advertisement playback are executed by the advertisement service.
[0111] S400: Create a media resource display container, and add at least one image view and a play view in the media resource display container.
[0112] After receiving the opening screen media data of the target interface, the display device 200 can create a media display container (Window), which is used to display the opening screen media data. In order to display the opening screen media data, the display level of the media display container can be higher than the interface display container, so the media display container can also be called a media display floating layer.
[0113] When creating a media asset display container, the display device 200 can also add a view component to the media asset display container according to the number of media assets in the opening screen media asset data. The view component includes a picture view and a play view. The picture view is used to display the cover image of the opening screen media asset data; the play view is used to display the play screen of the opening screen media asset data.
[0114] For example, Figure 8 As shown, after receiving the advertisement data sent by the advertisement service, homepage applications such as JUUI can create an advertisement playback container. In the advertisement playback container, an image view is added to load and display the image content in the advertisement data. A playback view is also added to load and play the video content in the advertisement data.
[0115] S500: moving the target view component on the interface display container according to the animation type of the linkage effect animation; and adjusting the display size of the picture view on the media asset display container.
[0116] In order to obtain a better display effect of the opening screen media data, the display device 200 can, after creating the interface display container and the media display container, adjust the display position and display size of the view components on the interface display container and the media display container according to the animation type of the linkage effect animation to form a linkage effect animation.
[0117] The linkage effect animation includes a first animation effect displayed on the interface display container and a second animation effect displayed on the media display container. The first animation effect can be formed by moving the target view component on the interface display container. The second animation effect can be formed by adjusting the image view stroke on the media display container. In order to present the linkage effect, the display device 200 can synchronously display the first animation effect and the second animation effect according to the animation display duration of the linkage effect animation.
[0118] In some embodiments, the display device 200 can move the target view component and adjust the display size of the image in different ways according to the number of media assets to be displayed in the opening screen media asset data. For the process of moving the target view component, the display device 200 can calculate the animation display duration according to the animation type of the linkage effect animation. Then obtain the number of media assets to be displayed in the opening screen media asset data. If the number of media assets to be displayed is equal to 1, the animation display area is defined according to the display position of the image view. Then determine the first moving component according to the animation display area.
[0119] Among them, the animation display area is used to display the linkage effect animation, and after displaying the linkage effect animation, the playback screen of the opening screen media data is displayed. The first moving component is a target view component adjacent to the animation display area in the first direction. The display device 200 can determine the first moving component according to the number of view components contained in a row or a column in the target interface. That is, in some embodiments, the display device 200 can determine the target sequence according to the animation display area, and the target sequence is the row or column where the animation display area is located; and then obtain the number of the target view components contained in the target sequence.
[0120] If the number of the target view components included in the target sequence is an even number, two first moving components, namely a first view and a second view, can be determined from the target interface, wherein the first view and the second view are two target view components located in the middle of the target interface.
[0121] For example, Figure 8 , Fig.11 As shown, the animation type of the linkage effect animation is the door opening effect. After the homepage applications such as JUUI read that the advertising data only contains one advertising media asset, that is, an advertising picture cover and an advertising video, the advertising picture can be displayed in the middle of the first row of recommendation positions in the interface, and the first row of recommendation positions includes 2 recommendation position views, namely view1 and view2. It can be determined that the two recommendation position views view1 and view2 close to the middle are the first view and the second view, respectively, that is, the first moving component is determined.
[0122] If the number of the target view components included in the target sequence is an odd number, the third mobile view can be determined from the target interface. The third mobile view is the default movable target view component in the target interface. For example, when the first row of recommendation positions in the home page interface includes a total of 3 recommendation position views, namely view1, view2 and view3, then by reading the interface data of the home page interface, when it is determined that view3 is the default movable target view component, view3 is used as the third view, namely the first mobile component.
[0123] After determining the animation display area and the first moving component, the display device 200 can move the first moving component in the first direction according to the animation display duration to form a first animation effect. In some embodiments, the display device 200 can traverse the target view components in the interface display container to determine the first view and the second view, and then synchronously move the first view and the second view according to the animation display duration, so that the distance between the first view and the second view in the first direction gradually increases. Moreover, when the moving duration reaches the animation display duration, the distance between the first view and the second view is greater than or equal to the maximum size of the picture view in the first direction.
[0124] like Fig.12 As shown, taking the door opening animation as an example, the first direction is horizontal, and after the display device 200 determines that the first moving components are view1 and view2, it can obtain the animation display duration of 1s. At this time, the display device 200 can move view1 and view2 in opposite directions within the duration of 1s, so that the distance between view1 and view2 after moving for 1s is greater than or equal to the width W of the image view, so as to form the first animation effect.
[0125] If the number of media assets to be displayed is greater than 1, an animation display area is delineated according to the display position of the image view, and a second moving component is determined according to the animation display area; the second moving component is moved in the second direction according to the animation display duration to form a first animation effect. The second moving component is a target view component adjacent to the animation display area in the second direction. The second direction is perpendicular to the first direction.
[0126] For example, if the first direction is horizontal, the second direction is vertical, which is perpendicular to the first direction. When JUUI and other homepage applications determine that the advertising data includes multiple advertising media assets, they can control all movable views in the interface display container to move downward. The second moving component is all recommended views in the homepage interface except the navigation view. The JUUI application can move all recommended views downward within an animation display duration of 1 second, and the moving distance is greater than or equal to the height of the image view to form a first animation effect.
[0127] While moving the target view component, the display device 200 can also adjust the display size of the picture view on the media display container to form a second animation effect. In some embodiments, the display device 200 can adjust the display size of the picture view from different directions according to the number of media assets to be displayed. That is, the display device 200 can add the cover image to the picture view and obtain the number of media assets to be displayed in the opening screen media data. If the number of media assets to be displayed is equal to 1, the display size of the picture view in the first direction is increased according to the animation display duration to form a second animation effect.
[0128] For example, Fig.13 As shown, after acquiring the advertisement data, the JUUI application can extract the cover image from the advertisement data and add the cover image to the picture view. Since the advertisement data only includes one cover image and one advertisement video, the display device 200 can determine that the animation type of the linkage effect animation is a horizontal door opening animation. Therefore, the display width of the picture view can be gradually increased according to the animation display duration of 1 second to form the second animation effect.
[0129] If the number of media assets to be displayed is greater than 1, the display device 200 can increase the display size of the image view in the second direction according to the animation display duration to form a second animation effect. For example, when it is determined that the advertisement data includes 3 cover images and 1 advertisement video, the display device 200 can determine that the number of media assets to be displayed is greater than 1. At this time, the display device 200 can determine that the animation type of the linkage effect animation is a vertical downward animation. Therefore, the display height of the image view can be gradually increased according to the animation display duration of 1s to obtain the second animation effect.
[0130] In some embodiments, if the number of media assets to be displayed is greater than 1, the display device 200 may further monitor the moving distance of the target view component in the interface display container, and display the image view in the animation display area when the moving distance reaches a maximum distance.
[0131] For example, when the display device 200 determines that the number of media assets to be displayed is greater than 1, it can first move all recommended position views in the interface display container downward according to the vertical downward animation type, and then display the picture view in the media asset display container after the downward movement distance is able to accommodate the picture view. After the picture view is displayed for a preset time, the playback view is displayed to play the video screen of the splash screen advertisement.
[0132] After moving the target view component and adjusting the display size of the image, the display device 200 can display the superimposed screen of the interface display container and the media display container. That is, the first animation effect and the second animation effect are displayed through the interface display container and the media display container respectively. Since the first animation effect and the second animation effect are both animation effects obtained according to the animation type and animation display duration of the linkage effect animation, the first animation effect and the second animation effect can be displayed superimposed to form the final linkage effect animation, such as Fig.14 , Fig.15 shown.
[0133] In some embodiments, the first animation effect is to move the two view components view1 and view2 to both sides respectively to leave the middle area empty. The corresponding second animation effect gradually displays the picture VIEW located in the middle area to visually fill the middle area. For example, the first animation effect is to gradually move the two view components view1 and view2 away from each other during the animation display duration of 1s, until the interval distance between view1 and view2 is equal to the sum of the maximum display width of the picture view and 2 times the component interval distance, that is, in the first animation effect, the interval distance between view1 and view2 increases from D1 to D2, where D1 is equal to the component interval distance L, and D2 is equal to the sum of the width W of the picture view and 2 times the component interval distance L, that is, D2 = W + 2L. The second animation effect is that the display width of the picture view increases from 0 to W within the animation display duration of 1s. Therefore, after the first animation effect and the second animation effect are superimposed and displayed, an animation of the door opening effect in which adjacent recommendation positions gradually expand and the cover pattern gradually appears can be obtained.
[0134] In some embodiments, after the display device 200 displays the superimposed screen of the first animation effect and the second animation effect, it can also monitor the playback end event of the opening screen media asset data. After monitoring the playback end event of the opening screen media asset data, it can obtain an end image in response to the playback end event of the opening screen media asset data. The end image is the playback screen of the opening screen media asset data or the media asset cover image of the opening screen media asset data when the playback end event is received.
[0135] Then, the end image is added to the picture view to generate the linkage effect animation at the end. Similar to the linkage effect animation at the start of the screen, the linkage effect animation at the end can also be a superimposed screen of the two animation effects in the interface display container and the media display container. That is, the linkage effect animation at the end includes the third animation effect and the fourth animation effect.
[0136] The display device 200 may move the target view component in the opposite direction on the interface display container according to the animation type of the linkage effect animation to obtain a third animation effect, wherein the moving direction of the target view component in the third animation effect is opposite to the moving direction of the target view component in the first animation effect.
[0137] For example, in the first animation effect, two adjacent recommended position views view1 and view2 move away from each other, so that the distance between view1 and view2 gradually increases. Then, in the third animation effect, view1 and view2 move closer to each other, so that the distance between view1 and view2 gradually decreases.
[0138] Similarly, the display device 200 can reversely adjust the display size of the picture view on the media asset display container to obtain a fourth animation effect. The display size adjustment direction of the picture view in the fourth animation effect is opposite to the display size adjustment direction of the picture view in the second animation effect. For example, in the second animation effect, the display width of the picture view displaying the cover image gradually increases, and in the fourth animation effect, the display width of the picture view displaying the cover image gradually decreases.
[0139] In the process of moving the target view in the reverse direction and adjusting the display size of the picture view in the reverse direction, the display device 200 can display the superimposed screen of the third animation effect and the fourth animation effect, that is, displaying the third animation effect through the interface display container, and displaying the fourth animation effect through the media display container. After detecting that the target view component moves in the reverse direction to the initial position and the display size of the picture view is adjusted to the initialization value, the media display container is destroyed to display the target interface.
[0140] For example, after the display device 200 displays the transition effect animation formed by the superposition of the first animation effect and the second animation effect, the advertising video screen can be played through the playback view of the media asset display container. In the process of displaying the transition effect animation and playing the video screen, the JUUI application or Adservice can monitor the playback end event according to the timer or the interruption instruction input by the user. After monitoring the playback end event, an end notification can be sent, and the advertising cover image or the advertising video screen frame at the time of the interruption instruction input can be added to the picture view of the media asset display container. Then control view1 and view2 to execute the left and right merge animation effect of a predetermined duration, and adjust the display width of the picture view to gradually decrease until it disappears. Then end the advertising service, that is, destroy the advertising display container (window) of the current advertising application of the advertising service to exit the advertising application and display the home page interface.
[0141] In some embodiments, the display device 200 may also start a forced destruction timer after creating a media asset display floating layer. The forced destruction timer records the playback duration of the screen-opening media asset data. When the playback duration reaches a preset duration, the media asset display floating layer and the image view and playback view on the media asset display floating layer are destroyed to display the target interface.
[0142] For example, if the total playing time of the opening screen advertisement is set to 15 seconds, the preset time is 15 seconds. After creating the media asset display container, the display device 200 starts the forced destruction timer synchronously. The forced destruction timer is controlled to start timing. When the timing reaches 15 seconds, the media asset display floating layer and the image view and playback view on the media asset display floating layer can be destroyed, so that the display device 200 can stop displaying the advertisement screen and continue to display the home page interface.
[0143] In some embodiments, the display device 200 may also generate a linkage effect animation according to the target interface and the opening screen media data, and directly play the linkage effect animation through the media display container. That is, in order to present a better opening screen media display effect, after obtaining the opening screen media data, the display device 200 may generate a linkage effect animation according to the target interface and the opening screen media data. The linkage effect animation is an animation effect used to link the opening screen media playback screen with the target interface.
[0144] The linkage effect animation is a collection of images including multiple animation frames. Fig.16 As shown, the linkage effect animation includes a first start frame, a first end frame and a plurality of continuous first transition frames. In order to connect well with the target interface content, the screen content in the first start frame can be consistent with the content of the target interface, that is, the first start frame can be generated according to the target interface. In order to connect well with the playback screen of the opening screen media data, the screen content of the first end frame can be consistent with the playback screen content of the opening screen media data, that is, the first end frame is generated according to the target interface and the opening screen media data. The first transition frame can modify part of the pattern or the display position of part of the pattern in the picture frame by frame according to a specific animation effect, so the first transition frame is generated according to the first start frame and the first end frame.
[0145] In some embodiments, the display device 200 may generate a first start frame based on the target interface when generating the linkage effect animation. That is, the display device 200 may generate a first interface image based on the target interface. The first interface image includes the interface content of the target interface when the opening screen media data is not displayed.
[0146] In some embodiments, after rendering the target interface, the display device 200 may control the display 260 to display the rendered target interface image, and save the rendered target interface image to obtain a first interface image.
[0147] In some embodiments, after rendering the target interface, the display device 200 controls the display 260 to display the rendered target interface image, and starts a screenshot process to take a screenshot of the displayed target interface image to obtain a first interface image.
[0148] After acquiring the first interface image, the display device 200 may generate the first start frame according to the first interface image. The display device 200 may add the entire first interface image to the animation frame sequence as the start frame of the linkage effect animation. The display device 200 may also crop the first interface image and use a portion of the first interface image as the start frame of the linkage effect animation.
[0149] When generating a linkage effect animation, the display device 200 can set a timestamp for each animation frame image, and when the timestamp set for the animation frame is an initial value, the first start frame can be generated. For example, after the display device 200 takes a screenshot of the homepage interface to obtain the first interface image, the playback timestamp T0=0:00:00:000 can be set for the first interface image, and the first start frame can be generated.
[0150] In some embodiments, during the process of generating the linkage effect animation, the display device 200 may generate a first start frame based on the target interface and then generate a first end frame based on the target interface and the opening screen media asset data. That is, the display device 200 may extract a media asset cover image from the opening screen media asset data. The media asset cover image may be set separately or generated based on the playback screen of the opening screen media asset data according to the type of the opening screen media asset data.
[0151] For example, for some splash screen advertising type splash screen media data A, the media asset cover image may be a separate image PA for displaying product details, while for other splash screen advertising type splash screen media data B, the media asset cover image may be the first frame playback picture B1 of the splash screen media data B.
[0152] After obtaining the media asset cover image, the display device 200 can add the media asset cover image to the target interface according to the display parameters of the opening screen media asset data to generate an interface image of the target interface including the interface content when displaying the opening screen media asset data, and generate a second interface image based on the target interface, wherein the second interface image includes the interface content of the target interface when displaying the opening screen media asset data.
[0153] For example, Fig.17 As shown, after obtaining the first frame playback screen B1 of the opening screen media data B as the media cover image, the display device 200 can add the first frame playback screen B1 to the display position of the opening screen media data in the target interface. At this time, a target interface image including the first frame playback screen B1, i.e., a second interface image, can be generated.
[0154] Then generate the first end frame according to the second interface image. Similarly, when generating the first end frame, the display device 200 may also use the entire second interface image or part of the second interface image as the first end frame. And, by setting the timestamp of the animation frame to the moment corresponding to the last frame, the second interface image is set to the first end frame. For example, if the total playback time of the linkage effect animation is 2s, the display device 200 sets the timestamp of the first frame playback screen B1 to Tn=0:00:02:000, and then the first end frame can be generated.
[0155] In some embodiments, during the process of generating the linkage effect animation, the display device 200 may generate a plurality of continuous transition frames according to the first start frame and the first end frame after generating the first start frame and the first end frame. The transition frame is used to form a transition effect between the first start frame and the first end frame. Depending on the different animation effects, the display device 200 generates the transition frame in different ways.
[0156] In some embodiments, the opening screen media data includes media asset expression form parameters; when generating the linkage effect animation, the display device 200 can parse the media asset expression form parameters from the opening screen media asset data, generate media asset type information according to the media asset expression form parameters and the media asset encoding, and then determine the animation type of the linkage effect animation according to the media asset type information, and obtain an animation template according to the animation type. The animation template includes the transition action mode of the animation effect presented by the first start frame, the first transition frame, and the first end frame of the linkage effect animation.
[0157] For example, after receiving the homepage advertisement data, the homepage application parses the homepage advertisement data, determines the type of advertisement currently issued based on the advertisement position AdCode and advertisement presentation form ShowType field, and notifies the homepage application to perform different animation processing.
[0158] Different opening screen media data can be presented in different ways. For example, for opening screen media data that is pure video and has a video aspect ratio greater than 1, an animation effect of pulling the two sides apart horizontally, i.e., a good start effect, can be used. For another example, for opening screen media data that is a combination of video and image, an animation effect of pulling the entire screen vertically downward can be used.
[0159] After obtaining the animation template, the display device 200 can generate a transition animation frame by frame according to the animation effect set in the animation template, that is, generate multiple continuous first transition frames. In some embodiments, in order to generate the first transition frame, the display device 200 can obtain the number of media assets of the opening screen media asset data, and define the animation display area according to the number of media assets of the opening screen media asset data to generate the first transition frame.
[0160] For example, Fig.18 As shown, the homepage application of the display device 200 obtains the first row of recommendation positions in the homepage layout, the number of recommendation positions in the first row is n, and obtains the width w, height h and coordinate data location of a single recommendation position. Among them, the coordinate data location indicates that the distance between the left border of the recommendation position and the left border of the screen is x, and the distance between the upper border of the recommendation position and the upper border of the screen is y. At the same time, the left and right intervals of the recommendation positions are obtained as a, and the upper and lower intervals of the recommendation positions are obtained as b. Then, according to the number of advertising materials, the homepage application will perform different animation effects.
[0161] If the number of media resources is equal to 1, the animation display area is delineated according to the number of media resource request tags. In some embodiments, when the display device 200 delineates the animation display area according to the number of media resource request tags, the number of media resource request tags included in the target interface can be obtained. If the number of media resource request tags is an even number, a first mobile control and a second mobile control are determined from the target interface, wherein the first mobile control and the second mobile control are two controls located in the middle of the target interface.
[0162] For example, Fig.19 As shown, when it is detected that the number of media assets is equal to 1, it means that the current home page interface can display single-material advertisements. For the single-material advertisement scenario, the display device 200 can detect the number n of recommendation positions in the first row of the home page interface. If n is an even number, it can be determined that the first mobile control is the n / 2th recommendation position, that is, recommendation position 1, and the second mobile control is the n / 2+1th recommendation position, that is, recommendation position 2.
[0163] After determining the first mobile control and the second mobile control, the animation display area can be demarcated between the first mobile control and the second mobile control, and a plurality of continuous first transition frames are generated according to the animation display area, wherein the size of the animation display area in the first direction gradually increases in the plurality of continuous first transition frames.
[0164] For example, after determining that the first mobile control is the n / 2th recommendation position and the second mobile control is the n / 2+1th recommendation position, the display device 200 can present the first 1 to n / 2 recommendation positions translated to the left by a distance w / 2, and the next n / 2+1 to n recommendation positions translated to the right by a distance w / 2 through multiple consecutive transition frames, gradually displaying the animation display area in the middle.
[0165] If the number of the media resource request marks is an odd number, a third mobile control is determined from the target interface, and the animation display area is delimited based on the display position of the third mobile control, wherein the third mobile control is a default movable control in the target interface.
[0166] For example, after the display device 200 detects the number n of recommendation positions in the first row of the homepage interface, if n is an odd number, it will start from the default second recommendation position and move right by a distance w, gradually displaying the animation display area located adjacent to the second recommendation position. Among them, the location data to be transmitted is the coordinate data of the recommendation position on the left side of the blank position.
[0167] In some embodiments, the display device 200 may traverse the controls in the target interface to determine a first target control and a second target control, wherein the first target control and the second target control are controls in the target interface located on both sides of the animation display area in the first direction.
[0168] The first direction may be determined to be horizontal or vertical according to the main arrangement direction of the controls in the target interface in the display device 200. For example, when the main arrangement direction of the controls in the target interface is from top to bottom, the first direction is horizontal. When the main arrangement direction of the controls in the target interface is from left to right, the first direction is vertical.
[0169] The display device 200 can obtain the configuration file of the target interface, read the display coordinates of each recommended position in the configuration file, and read the display parameters in the opening screen media data to determine the display position of the opening screen media data playback screen, and then calculate the difference between the display coordinates of the recommended position and the display position of the playback screen in the first direction, and determine the two controls located on both sides of the playback screen display position with the smallest difference as the first target control and the second target control.
[0170] like Fig. 20 As shown, when the display device 200 displays the homepage interface, the splash screen advertisement linkage effect animation position to be presented, the recommendation positions on both sides of the advertisement move outward in sequence until the entire advertisement playback area is exposed, and then the splash screen advertisement video is displayed. Then, the display device 200 can determine two recommendation position controls that gradually move away in the horizontal direction, namely, recommendation position 1 and recommendation position 2, according to the display position of the splash screen advertisement.
[0171] After determining the first target control and the second target control, the display device 200 can obtain the control display patterns of the first target control and the second target control, and add the control display patterns of the first target control and the second target control in the first transition frame. In multiple consecutive first transition frames, the distance between the control display patterns of the first target control and the second target control gradually increases.
[0172] After generating the first start frame and the first end frame, the display device 200 can determine the number of first transition frames according to the total duration of the linkage effect animation and the animation playback frame rate. For example, the total duration of the linkage effect animation is 2s, and the animation playback frame rate is 60Hz, that is, for the linkage effect animation, a total of 120 frames are included. After removing the first start frame and the first end frame, 118 additional first transition frames need to be generated.
[0173] According to the determined number of first transition frames and the moving distance of the first target control and the second target control, the display position of the control display pattern in each first transition frame can be determined. Fig.19As shown, the first target control is recommendation position 1, which needs to be translated to the left by a distance of w / 2. For the first start frame, since it is consistent with the content of the homepage interface, the position of the display pattern corresponding to recommendation position 1 does not move, that is, P0. For the first first transition frame, it needs to be translated to the left by a distance of (w / 2) / 120, that is, in the first first transition frame, the display position of the display pattern corresponding to recommendation position 1 is P1=P0-(w / 2) / 120. Similarly, in the second first transition frame, the display position of the display pattern corresponding to recommendation position 1 is P2=P1-(w / 2) / 120, and so on, forming multiple consecutive first transition frames.
[0174] If the number of media assets is greater than 1, an animation display area is defined according to the display position of the opening screen media asset data, and a plurality of continuous first transition frames are generated according to the animation display area, wherein the size of the animation display area in the second direction gradually increases in the plurality of continuous first transition frames.
[0175] The second direction is perpendicular to the first direction, that is, when the first direction is horizontal, the second direction is vertical. When the first direction is vertical, the second direction is horizontal. That is, for a multi-media material scene, the display device 200 can display a plurality of screen-opening media data corresponding to the area occupying the entire interface width or height. And the interface controls are shown to move downward or rightward as a whole, so as to gradually reveal the playback screen of the screen-opening media data.
[0176] For example, the homepage application obtains the first row of recommendation positions in the homepage interface layout, determines that the number of recommendation positions in the first row is n, obtains the width w, height h and coordinate data location of a single recommendation position, and the left and right interval of the recommendation position is a, and the upper and lower interval of the recommendation position is b. Fig.13 As shown, the homepage application can be translated downward by a distance of h+b through the homepage parent layout container to gradually reveal the playback area of the homepage splash screen advertisement.
[0177] Similarly, when the number of media resources is greater than 1, the display device 200 can also generate the first start frame of the linkage effect animation according to the original state of the target interface, generate the first end frame of the linkage effect animation according to the playback screen of the target interface displaying the open-screen media data, and set multiple continuous first transition frames according to the above-mentioned first transition frame generation method by setting the size of the animation display area in each frame and the display position of the control pattern that needs to be moved in the target interface one by one to form a linkage effect animation.
[0178] After generating the linkage effect animation, the display device 200 can store the generated linkage effect animation, so that when the target interface is displayed later, the linkage effect animation can be directly extracted from the stored data to reduce the output processing volume. Obviously, the storage period of the linkage effect animation can be related to the delivery period of the opening screen media data, that is, when the opening screen media data is replaced, the linkage effect animation needs to be regenerated according to the newly delivered opening screen media data. In addition, the linkage effect animation can also be updated in conjunction with the update of the target interface content, that is, when the content of the target interface is changed, the linkage effect animation needs to be regenerated according to the target interface after the content is changed.
[0179] For the generated linkage effect animation, the display device 200 can display the linkage effect animation and the playback screen of the opening screen media data through the media display floating layer.
[0180] After generating the linkage effect animation, the display device 200 can create a media asset display floating layer, and display the linkage effect animation and the playback screen of the opening screen media asset data in sequence through the created media asset display floating layer. In some embodiments, after receiving the advertising data sent by Adservice, the homepage application can create a transparent window floating layer, and the page display level of the window floating layer is above the homepage interface. At the same time, according to the recommended position layout data returned by the homepage application, the advertising playback component is dynamically created. The advertising playback component first displays the advertising cover image and loads the advertising video at the same time. After the video is loaded, the cover image display is hidden when it starts playing.
[0181] According to the number of media assets contained in the opening screen media asset data, the display device 200 can create a media asset display floating layer and an associated media asset playback component in different ways. In some embodiments, if the number of media assets contained in the opening screen media asset data is equal to 1, when creating a media asset playback component container, an image view and a media player can be included, which are used to display the cover image of the media asset material and play the video screen respectively.
[0182] For example, in the process of creating an ad player component for a single-material ad, the ad player component container may include an image view (imageview) for displaying the ad cover image. The ad player component container may also include a media player (mediaplayer) for playing ad videos. By setting the container size to w in width and h in height, the position on the screen is calculated based on location, i.e., the left boundary of the container is x+a+w, and the upper boundary of the container is y, in order to present the linkage effect animation of the splash screen ad and the playback screen of the splash screen ad video.
[0183] In some embodiments, if the number of media materials included in the opening screen media data is greater than 1, when creating a media playback component container, the number of image views and media players included can be determined based on the number of images and media materials included in the opening screen media data, so as to be used to display the cover image of the media material and play the video screen respectively.
[0184] For example, for the creation of an ad player component for a multi-material ad, the ad player component container contains m (number of ad materials) image views, imageviews, which are used to display the ad cover image and a media player, mediaplayer, which is used to play the ad video. When displayed, three imageviews can be displayed in a row, and the video player is centered in the ad player component container. The size of each imageview and mediaplayer is consistent, with a width of w and a height of h. The ad player component container is located on the screen, with the upper boundary of the container being y+b, and the left and right boundaries being consistent with the screen boundaries. This is to present the linkage effect animation of the splash screen ad, and present the playback screen of multiple image files and splash screen ad videos.
[0185] In some embodiments, the display device 200 can receive and respond to user input operation instructions during the process of displaying linkage effect animation and opening screen media data through the media display floating layer. For example, after the transparent window floating layer is created, it can obtain focus, and the key event can be processed by the home application or advertising service. If the user presses the OK key, the player can be set to full screen playback. If the user presses the return key, the advertisement can be closed, the advertisement playback component can be removed, the display of the transparent window floating layer can be closed, and the home application can be notified through the listener callback to restore the original display.
[0186] If the user presses the up or down arrow key, the display device 200 can respond to the key according to the processing logic of the return key to close the advertisement. At the same time, after the transparent window floating layer is closed, a simulated key is sent to send the user's key. Since the home page is located at the lower layer of the window floating layer, after the floating layer is closed, the home page interface becomes the top page and automatically acquires the focus. After receiving the simulated key, the focus is moved.
[0187] If the user presses the left or right arrow key, for a single-material ad, the up and down arrow keys will be used; if it is a multi-material ad, the focus can be moved in response to the arrow keys, that is, the display of the ad material can be switched left and right.
[0188] In some embodiments, the display device 200 may also generate an end effect animation and display the end effect animation after the opening screen media data ends playing. That is, the display device 200 may obtain an end image in response to the play end event of the opening screen media data. The end image is the last frame of the opening screen media data or the media cover image of the opening screen media data.
[0189] Then, an end effect animation is generated according to the end image and the target interface. Similar to the linkage effect animation, the end effect animation may include a second start frame, a second end frame, and a plurality of continuous second transition frames. The second start frame is generated according to the end image; the second end frame is generated according to the target interface; and the second transition frame is generated according to the second start frame and the second end frame.
[0190] The specific method of generating the ending effect animation is the same as the method of generating the linkage effect animation. The only difference is that the generation basis of the second start frame and the second end frame is different, and the display pattern movement effect formed by multiple consecutive second transition frames is opposite to the first transition frame effect of the linkage effect animation. It will not be repeated here.
[0191] After generating the ending effect animation, the display device 200 can display the ending effect animation through the media asset display floating layer, and after displaying the ending effect animation, destroy the media asset display floating layer. For example, after the advertisement is played or the user exits and interrupts, the display device 200 generates and displays the ending effect animation, and after the ending effect animation is displayed, removes the advertisement playing component, closes the display of the transparent window floating layer, and notifies the homepage application to restore the original display through the listener callback.
[0192] It can be seen from the above technical scheme that the opening screen media display method provided in the above embodiment can realize the floating layer advertising display and interactive form linked with the recommended position and other controls in the target interface. The display method does not rely on the logical modification of the target interface. By creating a transparent floating layer on the upper layer of the target interface, the floating layer dynamically creates and loads the advertising playback component according to the style and coordinates of the recommended position of the target interface, which gives the user the sense of the content display of the same page, maintains the consistency of the target interface and the playback screen, and enriches the display content and form, improves the user's visual experience, and increases the sense of luxury of the opening screen media data.
[0193] Based on the above-mentioned open-screen media display method, some embodiments of the present application further provide a display device, including: a display 260 and a controller 250. The display 260 is configured to display a user interface; the controller 250 is configured to execute the steps corresponding to the open-screen media display method:
[0194] In response to a display instruction for displaying a target interface, acquiring interface data of the target interface;
[0195] Creating an interface display container, and adding interface components to the interface display container according to the interface data, wherein the interface components include a target view component;
[0196] Parsing a media resource request tag from the interface data, and acquiring screen-opening media resource data according to the media resource request tag, wherein the media resource request tag is used to indicate that the screen-opening media resource is displayed before the target interface is displayed;
[0197] Creating a media asset display container, and adding at least one picture view and a play view in the media asset display container, wherein the picture view is used to display a cover image of the opening screen media asset data; and the play view is used to display a play screen of the opening screen media asset data;
[0198] According to the animation type of the linkage effect animation, the target view component is moved on the interface display container; and the display size of the picture view is adjusted on the media resource display container.
[0199] It can be seen from the above technical scheme that some embodiments of the present application provide a display device and a method for displaying opening screen media assets. The method can obtain the opening screen media asset data of the target interface when displaying the target interface, and create an interface display container and a media asset display container. Then move the target view component on the interface display container and synchronously adjust the image view size on the media asset display container to obtain an animation effect. And display the first animation effect through the interface display container, and display the second animation effect through the media asset display container. The method obtains the first animation effect by moving the target view control in the interface display container, and obtains the second animation effect by adjusting the display size of the image view in the media asset display container. The linkage effect animation can be combined with the target interface to make the transition between the opening screen media asset playback screen and the target interface smooth, reduce the sense of separation, and can adapt to the display styles of target interfaces with different configurations, thereby improving the development efficiency of the opening screen media asset display effect animation.
[0200] The same and similar parts between the various embodiments in this specification can be referenced to each other and will not be described again here.
[0201] Those skilled in the art can clearly understand that the technology in the embodiments of the present invention can be implemented by means of software plus a necessary general hardware platform. Based on this understanding, the technical solution in the embodiments of the present invention is essentially or the part that contributes to the prior art can be embodied in the form of a software product, which can be stored in a storage medium such as ROM / RAM, a disk, an optical disk, etc., and includes a number of instructions for a computer device (which can be a personal computer, a server, or a network device, etc.) to execute the methods of various embodiments of the present invention or certain parts of the embodiments.
[0202] Finally, it should be noted that the above embodiments are only used to illustrate the technical solutions of the present application, rather than to limit it. Although the present application has been described in detail with reference to the aforementioned embodiments, those skilled in the art should understand that they can still modify the technical solutions described in the aforementioned embodiments, or replace some or all of the technical features therein with equivalents. However, these modifications or replacements do not cause the essence of the corresponding technical solutions to deviate from the scope of the technical solutions of the embodiments of the present application.
[0203] For the convenience of explanation, the above description has been made in conjunction with specific embodiments. However, the above exemplary discussion is not intended to be exhaustive or limit the embodiments to the specific forms disclosed above. Based on the above teachings, various modifications and variations can be obtained. The selection and description of the above embodiments are to better explain the principles and practical applications, so that those skilled in the art can better use the embodiments and various different variations of the embodiments suitable for specific use considerations.
Claims
1. A display device, characterized in that: include: a display configured to display a user interface; The controller is configured as: In response to a display instruction for displaying a target interface, acquiring interface data of the target interface; Creating an interface display container, and adding interface components to the interface display container according to the interface data, wherein the interface components include a target view component; Parsing a media resource request tag from the interface data, and acquiring screen-opening media resource data according to the media resource request tag, wherein the media resource request tag is used to indicate that the screen-opening media resource is displayed before the target interface is displayed; Creating a media asset display container, and adding at least one image view and a play view in the media asset display container, wherein the image view is used to display a cover image of the opening screen media asset data; The playback view is used to display the playback screen of the opening screen media data; According to the animation type of the linkage effect animation, move the target view component on the interface display container; And adjusting the display size of the image view on the media asset display container.
2. The display device according to claim 1, characterized in that It also includes a communication device, the communication device is configured to establish a communication connection with a server; the media resource request tag is set with display parameters and media resource codes; The controller executes acquiring the opening screen media data according to the media request tag, and is specifically configured as follows: Obtaining the media resource code of the media resource request tag; Generate a media resource acquisition request according to the media resource code, and send the media resource acquisition request to the server, so that the server returns the opening screen media resource data according to the media resource code; Receive the opening screen media resource data returned by the server.
3. The display device according to claim 2, characterized in that The controller executes parsing of a media resource request tag from the interface data, and is specifically configured to: Parsing the interface data to determine whether the interface data contains a media resource request tag; If the interface data includes a media resource request tag, executing the step of obtaining a media resource code of the media resource request tag; If the interface data does not include a media asset request tag, a target interface is generated according to the interface data, and the display is controlled to display the target interface.
4. The display device according to claim 1, characterized in that After the controller creates a media asset display floating layer, it is also configured as follows: Start the forced destruction timer; Recording the playing time of the screen-opening media data by the forced destruction timer; When the playback duration reaches a preset duration, the media resource display floating layer and the image view and the playback view on the media resource display floating layer are destroyed.
5. The display device according to claim 1, characterized in that The controller executes the animation type according to the linkage effect animation to move the target view component on the interface display container, and is specifically configured as follows: Calculate the animation display duration according to the animation type of the linkage effect animation; Obtain the number of media assets to be displayed of the opening screen media asset data; If the number of media assets to be displayed is equal to 1, an animation display area is defined according to the display position of the picture view, and a first moving component is determined according to the animation display area; Move the first moving component in the first direction according to the animation display duration; the first moving component is a target view component adjacent to the animation display area in the first direction; If the number of the media assets to be displayed is greater than 1, an animation display area is defined according to the display position of the picture view, and a second mobile component is determined according to the animation display area; Move the second moving component in the second direction according to the animation display duration; the second moving component is a target view component adjacent to the animation display area in the second direction; The second direction is perpendicular to the first direction.
6. The display device according to claim 5, characterized in that The controller executes moving the first moving component in the first direction according to the animation display duration, and is specifically configured as follows: Traversing the target view components in the interface display container to determine a first view and a second view, where the first view and the second view are controls in the interface display container located on both sides of the animation display area in a first direction; The first view and the second view are synchronously moved according to the animation display duration so that the distance between the first view and the second view in the first direction gradually increases; when the moving duration reaches the animation display duration, the distance between the first view and the second view is greater than or equal to the maximum size of the picture view in the first direction.
7. The display device according to claim 5, characterized in that The controller determines the first moving component according to the animation display area, and is specifically configured to: Determine a target sequence according to the animation display area, the target sequence being the row or column where the animation display area is located; Obtain the number of the target view components contained in the target sequence; If the number of the target view components included in the target sequence is an even number, determining a first mobile view and a second view from the target interface; the first view and the second view are two target view components located in the middle of the target interface; If the number of the target view components included in the target sequence is an odd number, determining a third mobile view from the target interface; The third mobile view is a default movable target view component in the target interface.
8. The display device according to claim 5, characterized in that The controller executes adjusting the display size of the image view on the media asset display container, and is specifically configured as follows: adding the cover image to the picture view; If the number of media assets to be displayed is equal to 1, increasing the display size of the picture view in the first direction according to the animation display duration; If the number of media assets to be displayed is greater than 1, increase the display size of the image view in the second direction according to the animation display duration; or, monitor the moving distance of the target view component in the interface display container; when the moving distance reaches the maximum distance, display the image view in the animation display area.
9. The display device according to claim 1, characterized in that: After the controller adjusts the display size of the image view on the media asset display container, the controller is further configured to: In response to a playback end event of the opening screen media asset data, acquiring an end image, wherein the end image is a playback screen of the opening screen media asset data or a media asset cover image of the opening screen media asset data when the playback end event is received; adding the end image to the picture view; According to the animation type of the linkage effect animation, move the target view component in the opposite direction on the interface display container; The display size of the picture view is reversely adjusted on the media display container. After detecting that the target view component moves reversely to an initial position and the display size of the picture view is adjusted to an initialization value, the media display container is destroyed.
10. A method for displaying open-screen media resources, characterized in that: Applied to the display device according to any one of claims 1 to 9, the open-screen media display method comprises: In response to a display instruction for displaying a target interface, acquiring interface data of the target interface; Creating an interface display container, and adding interface components to the interface display container according to the interface data, wherein the interface components include a target view component; Parsing a media resource request tag from the interface data, and acquiring screen-opening media resource data according to the media resource request tag, wherein the media resource request tag is used to indicate that the screen-opening media resource is displayed before the target interface is displayed; Creating a media asset display container, and adding at least one picture view and a play view in the media asset display container, wherein the picture view is used to display a cover image of the opening screen media asset data; and the play view is used to display a play screen of the opening screen media asset data; According to the animation type of the linkage effect animation, the target view component is moved on the interface display container; and the display size of the picture view is adjusted on the media resource display container.
Citation Information
Cited By
Display device and content display method
CN121397311A