Display device and media asset data playing method

Abstract

The embodiment of the invention discloses a display device and a media asset data playing method, and the method comprises the steps: responding to a first instruction, displaying a first page, and obtaining media asset data information; performing screenshot on the display content of the screen to obtain a screenshot; cutting the screenshot to obtain a cut picture; creating a window, displaying the cut picture in the window, and creating a playing window; and moving the cut picture to a preset position to enable the cut picture to be located on the outer side of the playing window, or cancelling the display of the cut picture with the target effect, and controlling the playing window to play the media asset data. According to the embodiment of the invention, after the first page is displayed, the screen is subjected to screenshot, the screenshot is cut, the cut picture is displayed on the playing window, the cut picture is moved, the media asset data is played, the display effect of the media asset data is improved, template matching of an application program is not needed, and all templates and versions can be compatible.

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 playing media data. Background Art

[0002] With the popularity of smart TVs, more and more businesses are focusing on adding advertising information to applications installed on smart TVs. Currently, there are many ways to add advertising. For example, setting a startup ad, that is, an ad that automatically plays when the homepage or a navigation page is displayed after opening an application.

[0003] However, the startup ad playback method is relatively simple. Most of the time, the startup ad is played directly in full screen or at a preset position after the ad data is obtained. To increase the startup ad playback method, some specific display effects can be set. However, after adding the display effect, the application template is often required to cooperate with the display. The navigation page of the application displays different pages (templates) depending on the operation configuration, application version, device model and other information. The application includes multiple templates, and the display effect may require collaboration between multiple templates, making the implementation more complicated. For the application, in order to make all templates support the display effect, the workload is huge, and it is difficult to be compatible with all templates and versions. Summary of the invention

[0004] Some embodiments of the present application provide a display device and a media data playback method. After displaying the first page, a screenshot is taken and the screenshot is cropped, the cropped image is displayed on the playback window, the cropped image is moved and the media data is played, thereby increasing the display effect of the media data without the need for application template coordination and being compatible with all templates and versions.

[0005] In a first aspect, some embodiments of the present application provide a display device, including:

[0006] monitor;

[0007] The controller is configured as:

[0008] In response to a first instruction input by a user for opening a first page, the first page is displayed, and media asset data information is acquired, wherein the media asset data information includes a media asset data address;

[0009] Taking a screenshot of the displayed content on the screen to obtain a screenshot;

[0010] Cropping the screenshot to obtain a cropped image;

[0011] Creating a window and displaying the cropped image in the window, and creating a playback window, wherein the playback window is set at a lower layer of the cropped image and the window is located at an upper layer of the first page;

[0012] The cropped image is moved to a preset position so that the cropped image is located outside the play window, or the cropped image is canceled from being displayed with a target effect, and the play window is controlled to play the media data obtained from the media data address.

[0013] In some embodiments, the controller performs displaying the first page and is further configured to:

[0014] Create an event;

[0015] Controlling the activity to send a page data request to a first server;

[0016] receiving first page data sent by the first server based on the page data request;

[0017] The activity is controlled to load the first page data to display the first page.

[0018] In some embodiments, the controller executes acquiring media asset data information and is further configured to:

[0019] If the first page data includes a media data identifier, sending a media data request to the second server, the media data identifier is used to indicate that the first page is set with media data to be played, and the media data request includes the first page identifier;

[0020] Receive media asset data information sent by the second server based on the first page identifier.

[0021] In some embodiments, the controller performs cropping of the screenshot to obtain a cropped image, and is further configured to:

[0022] Get the position parameters for displaying media data;

[0023] The screenshot is cropped according to the position parameter to obtain at least one cropped image, wherein the cropped image or a display area after the cropped images are spliced ​​together covers a display area of ​​the media asset data.

[0024] In some embodiments, the position parameters of the display of the media asset data include a first width, a first height, and a first target point coordinate, and the controller executes cropping of the screenshot according to the position parameters to obtain at least one cropped picture, and is further configured to:

[0025] If the moving direction is a horizontal direction, determining position parameters of the cropping area, the position parameters of the cropping area including a second width, a second height, and a second target point coordinate, the second width is the width of the display screen, the second height is the first height, the horizontal coordinate of the second target point is a preset value, and the vertical coordinate of the second target point is the vertical coordinate of the first target point;

[0026] Cropping the screenshot based on the position parameters of the cropping area to obtain a cropped image;

[0027] The cropped image is segmented to obtain a first image and a second image.

[0028] In some embodiments, the controller performs cropping of the screenshot to obtain a cropped image, and is further configured to:

[0029] Acquire cropping parameters, where the cropping parameters include position parameters of a cropping line or at least one cropping area;

[0030] The screenshot is cropped based on the cropping line or at least one of the cropping parameters to obtain at least one cropped picture.

[0031] In some embodiments, the cropped image includes a first image and a second image, and the controller executes moving the cropped image to a preset position, and is further configured to:

[0032] The first picture is moved to a first preset position so that the first picture is located on one side of the play window, and the second picture is moved to a second preset position so that the second picture is located on the other side of the play window.

[0033] In some embodiments, the controller is configured to:

[0034] After the media data is played to the target duration, the cropped image is moved to the initial position, the target duration is the difference between the total duration of the media data playback and the time taken to move the cropped image, and the initial position is the display position of the cropped image in the window when the window is created;

[0035] The window is hidden and the playing window is destroyed.

[0036] In some embodiments, the media asset data information further includes an occlusion map address, and the controller is configured to:

[0037] After the media asset data is played, the occlusion map is obtained from the occlusion map address;

[0038] Displaying the occlusion map in the playback window;

[0039] Move the cropped image to an initial position, where the initial position is the display position of the cropped image in the window when the window is created;

[0040] The window is hidden and the playing window is destroyed.

[0041] In a second aspect, some embodiments of the present application provide a method for playing media asset data, including:

[0042] In response to a first instruction input by a user for opening a first page, the first page is displayed, and media asset data information is acquired, wherein the media asset data information includes a media asset data address;

[0043] Taking a screenshot of the displayed content on the screen to obtain a screenshot;

[0044] Cropping the screenshot to obtain a cropped image;

[0045] Creating a window and displaying the cropped image in the window, and creating a playback window, wherein the playback window is set at a lower layer of the cropped image and the window is located at an upper layer of the first page;

[0046] The cropped image is moved to a preset position so that the cropped image is located outside the play window, or the cropped image is canceled from being displayed with a target effect, and the play window is controlled to play the media data obtained from the media data address.

[0047] Some embodiments of the present application provide a display device and a method for playing media data. After receiving a first instruction input by a user to open a first page, the first page is displayed, and media data information is obtained, the media data information including a media data address; a screenshot is taken of the displayed content on the screen to obtain a screenshot; the screenshot is cropped to obtain a cropped image; a window is created and the cropped image is displayed in the window, and a play window is created, the play window is set at the lower layer of the cropped image, and the window is located at the upper layer of the first page; the cropped image is moved to a preset position so that the cropped image is located outside the play window, or the cropped image is canceled with a target effect, and the play window is controlled to play the media data obtained from the media data address. After displaying the first page, the embodiment of the present application takes a screenshot of the screen and crops the screenshot, the cropped image is displayed on the play window, the cropped image is moved and the media data is played, the display effect of the media data is increased, and the template of the application does not need to be matched, and it is compatible with all templates and versions. BRIEF DESCRIPTION OF THE DRAWINGS

[0048] Figure 1 An operation scenario between a display device and a control device according to some embodiments is shown;

[0049] Figure 2 shows a hardware configuration block diagram of a control device according to some embodiments;

[0050] Figure 3 shows a hardware configuration block diagram of a display device according to some embodiments;

[0051] Figure 4 shows a software configuration diagram in a display device according to some embodiments;

[0052] Figure 5 A flowchart of an advertisement display provided according to some embodiments is shown;

[0053] Figure 6 A flowchart of media asset data playback provided according to some embodiments is shown;

[0054] Figure 7 A schematic diagram of a first page provided according to some embodiments is shown;

[0055] Figure 8 A schematic diagram of a clipping area provided according to some embodiments is shown;

[0056] Fig. 9 A schematic diagram showing another cropping area provided according to some embodiments;

[0057] Fig.10 A schematic diagram showing another clipping region provided according to some embodiments;

[0058] Fig.11 A schematic diagram of cropping a picture according to some embodiments is shown;

[0059] Fig.12 A schematic diagram of a window provided according to some embodiments is shown;

[0060] Fig.13 A schematic diagram showing another window provided according to some embodiments;

[0061] Fig.14 A schematic diagram of a page after a picture is moved according to some embodiments is shown;

[0062] Fig.15 A timing diagram of an advertisement data playing method provided according to some embodiments is shown. DETAILED DESCRIPTION

[0063] In order to make the purpose and implementation method of the present application clearer, the exemplary implementation method of the present application will be clearly and completely described below in conjunction with the drawings in the exemplary embodiments of the present application. Obviously, the described exemplary embodiments are only part of the embodiments of the present application, rather than all the embodiments.

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

[0065] The terms "first" and "second" 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.

[0066] The terms "comprises" and any variations thereof are intended to cover but not exclude inclusions, 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 products or devices.

[0067] The display device provided in the embodiments of the present application may have various implementation forms, for example, it may be a television, a smart television, a laser projection device, a monitor, an electronic bulletin board, an electronic table, etc. Figure 1 and Figure 2 This is a specific implementation of the display device of the present application.

[0068] Figure 1 FIG. 1 is a schematic diagram of an operation scenario between a display device and a control device according to an embodiment. Figure 1 As shown, the user can operate the display device 200 through the smart device 300 or the control apparatus 100 .

[0069] In some embodiments, the control device 100 may be a remote controller, and the communication between the remote controller and the display device includes infrared protocol communication or 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.

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

[0071] In some embodiments, the display device may not use the above-mentioned smart device or control device to receive instructions, but may receive user control through touch or gestures.

[0072] In some embodiments, the display device 200 can also be controlled in a manner other than the control device 100 and the smart device 300. For example, the user's voice command control can be directly received through a module for obtaining voice commands configured inside the display device 200, or the user's voice command control can be received through a voice control device set outside the display device 200.

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

[0074] Figure 2 Schematically shows a block diagram of a configuration of the control device 100 according to an exemplary embodiment. Figure 2 As shown, the control device 100 includes a controller 110, a communication interface 130, a user input / output interface 140, a memory, and a power supply. The control device 100 can receive input operation instructions from the user, and convert the operation instructions into instructions that the display device 200 can recognize and respond to, playing the role of an interactive intermediary between the user and the display device 200.

[0075] like Figure 3 The display device 200 includes at least one of a tuner and demodulator 210, a communicator 220, a detector 230, an external device interface 240, a controller 250, a display 260, an audio output interface 270, a memory, a power supply, and a user interface.

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

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

[0078] The display 260 may be a liquid crystal display, an OLED display, or a projection display, and may also be a projection device and a projection screen.

[0079] The display 260 also includes a touch screen, which is used to receive control instructions input by actions such as sliding or clicking a user's finger on the touch screen.

[0080] The communicator 220 is a component for communicating with an external device or server according to various communication protocol types. For example, the communicator may include at least one of a Wifi module, a Bluetooth module, a wired Ethernet module, and other network communication protocol chips or near field communication protocol chips, and an infrared receiver. The display device 200 can establish transmission and reception of control signals and data signals with the external control device 100 or the server 400 through the communicator 220.

[0081] The user interface can be used to receive control signals from the control device 100 (such as an infrared remote controller, etc.).

[0082] The detector 230 is used to collect signals from the external environment or the 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.

[0083] The external device interface 240 may include, but is not limited to, any one or more of the following interfaces: 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. It may also be a composite input / output interface formed by the above multiple interfaces.

[0084] The tuner-demodulator 210 receives broadcast television signals via wired or wireless reception, and demodulates audio and video signals, such as EPG data signals, from a plurality of wireless or wired broadcast television signals.

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

[0086] The controller 250 controls the operation of the display device and responds to user operations through various software control programs stored in the memory. The controller 250 controls the overall operation of the display device 200. For example, in response to receiving a user command for selecting a UI object to be displayed on the display 260, the controller 250 can perform operations related to the object selected by the user command.

[0087] In some embodiments, the controller includes at least one of a central processing unit (CPU), a video processor, an audio processor, a graphics processing unit (GPU), a RAM (Random Access Memory, RAM), a ROM (Read-Only Memory, ROM), a first interface to an nth interface for input / output, a communication bus (Bus), etc.

[0088] 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). Alternatively, the user may input a user command through a specific sound or gesture, and the user input interface recognizes the sound or gesture through a sensor to receive the user input command.

[0089] "User interface" is the medium interface for interaction and information exchange between applications or operating systems and users. It realizes the conversion between the internal form of information and the form acceptable to users. The commonly used form of user interface is the Graphical User Interface (GUI), which refers to the user interface related to computer operation displayed in a graphical way. It can be an interface element such as an icon, window, control, etc. displayed on the display screen of an electronic device, where the control can include icons, buttons, menus, tabs, text boxes, dialog boxes, status bars, navigation bars, widgets, etc.

[0090] See also Figure 4 In some embodiments, the system is divided into four layers, from top to bottom, namely, the application layer (Applications) layer (referred to as "application layer"), the application framework layer (Application Framework) layer (referred to as "framework layer"), the Android runtime (Android runtime) and system library layer (referred to as "system runtime library layer"), and the kernel layer.

[0091] In some embodiments, at least one application is running in the application layer, and these applications can be window programs, system settings programs, clock programs, etc. provided by the operating system, or applications developed by third-party developers. In specific implementations, the application packages in the application layer are not limited to the above examples.

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

[0093] like Figure 4 As shown, in the embodiment of the present application, the application framework layer includes managers, content providers, etc., wherein the manager includes at least one of the following modules: an activity manager (ActivityManager) is used to interact with all activities running in the system; a location manager (Location Manager) is used to provide system services or applications with access to system location services; a package manager (Package Manager) is used to retrieve various information related to the application package currently installed on the device; a notification manager (NotificationManager) is used to control the display and clearing of notification messages; a window manager (Window Manager) is used to manage icons, windows, toolbars, wallpapers, and desktop components on the user interface.

[0094] In some embodiments, the activity manager is used to manage the life cycle of each application and the common navigation back function, such as controlling the exit, opening, and back of the application. The window manager is used to manage all window programs, such as obtaining the display screen size, determining whether there is a status bar, locking the screen, capturing the screen, and controlling the display window changes (for example, reducing the display window, shaking the display, distorting the display, etc.).

[0095] In some embodiments, the system runtime layer provides support for the upper layer, namely the framework layer. When the framework layer is used, the Android operating system will run the C / C++ library contained in the system runtime layer to implement the functions to be implemented by the framework layer.

[0096] In some embodiments, the kernel layer is a layer between hardware and software. Figure 4As shown, the kernel layer includes at least one of the following drivers: audio driver, display driver, Bluetooth driver, camera driver, WIFI driver, USB driver, HDMI driver, sensor driver (such as fingerprint sensor, temperature sensor, pressure sensor, etc.), and power driver, etc.

[0097] With the popularity of smart TVs, more and more businesses are focusing on adding advertising information to applications installed on smart TVs. Currently, there are many ways to add advertising. For example, setting a startup ad, that is, an ad that automatically plays when the homepage or a navigation page is displayed after opening an application.

[0098] However, the startup advertisement playback method is relatively simple. Most of the startup advertisements are played directly in full screen or at a preset position after the advertisement data is obtained. In order to increase the startup advertisement playback method, some specific display effects can be set. For example, the control of the advertisement playback area can be pulled to opposite sides to give users a visual experience of displaying advertisements after "opening the door", thereby giving users a more eye-catching display effect.

[0099] However, after increasing the display effect, the application template is often required for the display. The application is provided with multiple navigation controls, and the corresponding navigation page is displayed through the navigation control selected by the default focus or the mobile focus. The navigation page includes multiple templates, and the template includes at least one control.

[0100] It should be noted that controls refer to visual objects displayed in various display areas of the user interface in the display device to represent corresponding content such as icons, thumbnails, video clips, links, etc. These controls can provide users with various traditional program content received through data broadcasting, as well as various applications and service content set by content manufacturers.

[0101] The display forms of controls are usually diverse. For example, a control may include text content and / or an image for displaying a thumbnail related to the text content, or a video clip related to the text. For another example, a control may be text and / or an icon of an application.

[0102] The focus is used to indicate that any of the controls has been selected. On the one hand, the control can be selected or controlled by controlling the movement of the focus object displayed in the display device according to the input of the user through the control device 100. For example, the user can select and control the control by controlling the movement of the focus object between the controls by the up arrow key of the control device 100. On the other hand, the focus object can select or control the control by controlling the movement of each control displayed in the display device according to the input of the user through the control device 100. For example, the user can control each control to move left and right at the same time by the up arrow key of the control device 100, so that the focus object selects and controls the control while keeping the position of the focus object unchanged.

[0103] The focus identification forms are usually diverse. For example, the focus object position can be realized or identified by enlarging the control, by setting the control background color, or by changing the border line, size, color, transparency, outline, and / or font of the text or image of the focused control.

[0104] In some embodiments, in order to achieve a visual experience of displaying advertisements after "opening the door", such as Figure 5 As shown, the process of displaying advertisements is as follows: after receiving the user input to open the application, the application sends a page data request to the application server, and the page data request includes the application version and device model. After receiving the page data request, the application server sends the page data to the application. The application displays the home page based on the page data, and sends a request to obtain advertisement data to the advertisement server. After receiving the advertisement data request, the advertisement server sends the advertisement data to the application. Among them, the advertisement data includes the advertisement address and the advertisement display area. The application determines the controls in the advertisement display area and the movement route of the controls. The application moves the controls based on the movement route of the controls. After the control is moved, the application controls the playback window to play the advertisement data in the advertisement address.

[0105] The navigation page of the application will display different pages (templates) and different controls that need to be moved depending on the operation configuration, application version, device model and other information. Accordingly, the movement route of the controls will also be different, and each display of an ad requires a separate and complex calculation process to achieve the ad display effect.

[0106] In some embodiments, the advertisement display effect involves only one template, that is, there is only one template in the advertisement display area, and the application only needs to control the movement of the controls in the template.

[0107] In some embodiments, the advertisement display effect needs to span multiple templates, that is, multiple templates are within the advertisement display area. The application performs collaborative operations between multiple templates, and the implementation scheme is more complicated.

[0108] In some embodiments, there may be a situation where only part of some controls are in the advertisement display area, while the other part is outside the advertisement display area. In view of the above situation, if the controls are not moved, the "door opening" effect will not be ideal; if such controls are moved, unnecessary blank space will appear outside the advertisement data playback window, giving users a bad visual experience.

[0109] Applications generally have dozens or even hundreds of templates. Therefore, for applications, in order to make all templates support specific display effects, the workload is huge, and it is difficult to be compatible with all templates and versions.

[0110] In order to solve the above technical problems, the embodiment of the present application provides a display device 200. The structure and functions of each part of the display device 200 can refer to the above embodiment. In addition, based on the display device 200 shown in the above embodiment, this embodiment further improves some functions of the display device 200. Figure 6 As shown, the controller 250 performs the following steps:

[0111] Step S601: receiving a first instruction input by a user for opening a first page;

[0112] In some embodiments, the step of receiving a first instruction input by a user for opening a first page includes: receiving a power-on instruction input by the user.

[0113] Among them, after receiving the power-on instruction input by the user, the display device 200 is started and the desktop application is automatically opened and the home page corresponding to the desktop application is displayed.

[0114] In some embodiments, the page of the desktop application includes at least one control corresponding to the application program. The step of receiving a first instruction input by a user for opening the first page includes: receiving an instruction input by the user for selecting a control corresponding to the application program.

[0115] In some embodiments, in response to a user input for selecting an instruction corresponding to a control of an application, the application is started and a home page corresponding to the application is displayed. The home page includes a navigation bar and a content display area, the navigation bar includes at least two navigation controls and a focus indicating that the navigation control is selected, and the content display area is used to display the navigation page corresponding to the selected navigation control. The application classifies the content that it wants to display to the user into different categories, and the categories can be selected by the user in the form of navigation controls. The movable focus selects different navigation controls. The step of receiving a first instruction input by the user for opening a first page includes: receiving an instruction input by the user to move the focus from the first navigation control to the second navigation control.

[0116] Step S602: in response to a first instruction input by a user for opening a first page, displaying the first page and acquiring media asset data information;

[0117] The step of displaying the first page includes:

[0118] Create an activity;

[0119] Activity is one of the four major components of Android, responsible for interface display, user interaction and logical business processing. Activity can be specifically manifested as a user interface in the application, which is used to load the specified layout file to display various UI elements (such as TextView, Button, ImageView, etc.), and set event processing functions for these UI elements so that users can interact with these UIs. At the same time, different Activities can jump to each other, so as to connect different pages and complete a specific operation process together. Each application can be composed of at least one Activity, and Activity is an important part of Android applications.

[0120] Controlling the activity to send a page data request to a first server;

[0121] The first server refers to the server of the application program, which can send page data and media data to the display device. The media data refers to the media data corresponding to the media control selected by the user.

[0122] receiving first page data sent by the first server based on the page data request;

[0123] Control the activity to load the first page data to display the first page. Figure 7 shown.

[0124] In order to clarify the process of displaying the first page of this application, an embodiment is disclosed below:

[0125] The controller includes an application, the application creates an activity, the activity sends a page data request to a first server, the page data request includes a version identifier, a device identifier, and a first page identifier, etc., wherein the first page identifier is an identifier corresponding to a default or user-selected navigation control. After receiving the page data request, the first server sends the first page data corresponding to the version identifier, the device identifier, and the navigation page identifier to the activity. The activity loads the first page data, thereby displaying the first page.

[0126] The media asset data information includes a media asset data address.

[0127] In some embodiments, the media data needs to be obtained from the second server in real time. The media data information includes a media data URL (Uniform Resource Locator) address. The media data URL is used to obtain information such as audio and video data of the media.

[0128] In some embodiments, the media data does not need to be obtained from the second server in real time, but can be pre-stored locally, for example, before shutting down. The media data address includes a storage path. The media data can be obtained according to the storage path.

[0129] In some embodiments, the step of obtaining media asset data information includes:

[0130] Sending a media resource data request to a second server, wherein the media resource data request includes a first page identifier;

[0131] Receive media asset data information sent by the second server based on the first page identifier.

[0132] The second server is a media asset server or an advertising server, and the second server can send media asset data information corresponding to the first page identifier. The media asset data refers to the media asset data to be played set under the current first page, and the media asset data includes advertising data, which can be an introduction video of a product or a media asset, or a collection of clips or trailers of a media asset.

[0133] In some embodiments, after displaying the first page, determining whether the first page data includes a media asset data identifier;

[0134] The media data identifier is used to indicate that the first page is set with media data to be played.

[0135] For example, Figure 7 As shown, if the navigation page corresponding to the homepage control has the media data to be played, the navigation page data sent by the first server includes the media data identifier. If the navigation page corresponding to the TV series control has no media data to be played, the navigation page data sent by the first server does not include the media data identifier.

[0136] If the first page data includes a media asset data identifier, sending a media asset data request to the second server, the media asset data request including the first page identifier;

[0137] The media asset data information sent by the second server based on the first page identifier is received. The first page identifier and the media asset data information are stored in the second server in a corresponding manner.

[0138] If the navigation page data does not include the media asset data identifier, the step of sending the media asset data request to the second server is not performed.

[0139] The first server will add a media data identifier to the first page data sent after determining that the requested first page has media data to be played. The activity will send a media data request after identifying the media data identifier, and the application will not send a media data request if it does not identify the media data identifier.

[0140] In order to clarify the process of obtaining media asset data information in this application, an embodiment is disclosed below:

[0141] The controller includes a media terminal service. The media terminal service includes an advertising terminal service. The advertising terminal service is used to provide advertising services. After determining that the first page data includes a media data identifier, the activity sends a media data request to the media terminal service. The media data request includes the first page identifier. After receiving the media data request, the media terminal service sends the media data request to the second server. The second server sends the media data information corresponding to the first page identifier to the media terminal service based on the media data request. After determining that the navigation page data does not include the media data identifier, the activity does not perform the step of sending the media data request to the media terminal service.

[0142] Step S603: taking a screenshot of the displayed content on the screen to obtain a screenshot;

[0143] After receiving the media data information, the media terminal service calls the screenshot interface and obtains the screenshot through the screenshot interface.

[0144] It should be noted that, since the current screen displays the first page, the screenshot is a screenshot of the first page.

[0145] If a prompt box pops up after the first page is displayed, a screenshot of the displayed content on the screen can be taken after the user closes the prompt box, or a screenshot of the displayed content on the screen can be taken directly.

[0146] Step S604: cropping the screenshot to obtain a cropped image;

[0147] In some embodiments, the step of cropping the screenshot to obtain a cropped image includes:

[0148] Acquire cropping parameters, where the cropping parameters include position parameters of a cropping line or at least one cropping area;

[0149] The clipping line can be a straight line or a curve. The clipping area can be represented by four vertex coordinates or by a target point, width and height, wherein the target point includes a vertex or a center point.

[0150] In some embodiments, the cropping parameter is a fixed value, and the media asset terminal service can directly obtain it locally.

[0151] In some embodiments, the cropping parameters are sent by the second server, that is, the media asset data information also includes the cropping parameters.

[0152] In some embodiments, the cropping parameters may also be issued by the first server. The first server sets the position parameters of the corresponding cropping line or cropping area according to the layout of the template in the first page. The purpose of the first server setting the cropping parameters is to reduce the possibility of the control being segmented, that is, to ensure the integrity of the control in the cropped image. The cropping parameters are placed in the first page data and sent to the activity. The activity sends the media asset data request carrying the cropping parameters to the media asset terminal service. The media asset terminal service parses the media asset data request to obtain the cropping parameters.

[0153] The screenshot is cropped based on the cropping line or at least one of the cropping parameters to obtain at least one cropped picture.

[0154] Exemplarily, the cropping line is x = 960. The screenshot is cropped along the cropping line x = 960 to obtain two cropped images.

[0155] Taking the screenshot rectangle as an example, the screenshot and the display screen establish the same rectangular coordinate system, that is, the upper left corner of the screenshot is used as the coordinate origin, the horizontal direction is the x-axis, and the vertical direction is the y-axis to establish the rectangular coordinate system, such as Figure 8 or Fig. 9 As shown. Get the image within the cropping area, which is the cropped image.

[0156] Exemplarily, the position parameters of the first cropping area are width W=960, height H=500, and the upper left corner vertex coordinates (0, 290), and the position parameters of the second cropping area are width W=960, height H=500, and the upper left corner vertex coordinates (960, 290). The first image corresponding to the first cropping area is cropped from the screenshot, and the second image corresponding to the second cropping area is cropped from the screenshot.

[0157] In some embodiments, the step of cropping the screenshot to obtain a cropped image includes:

[0158] Get the position parameters for displaying media data;

[0159] In some embodiments, a rectangular coordinate system is established with the top left corner vertex of the display screen as the coordinate origin, the horizontal direction as the x-axis, and the vertical direction as the y-axis. Any point on the screen can be represented by the coordinates (x, y). The media asset data display area is a rectangle, and the position parameters of the media asset data display can be represented by the width W and height H of the display area, and the target point coordinates (x, y). Exemplarily, the media asset data display area has a width of W=1000, a height of H=500, and the top left corner vertex coordinates (460, 290).

[0160] In some embodiments, the media asset data display area is a polygon, and the media asset data display area can also be represented by the coordinates of each vertex of the polygon. For example, the rectangular media asset data display area is (460, 290), (1460, 290), (460, 790) and (1460, 790).

[0161] In some embodiments, the media resource data display area is circular, and the media resource data display area can be displayed by the coordinates of the center of the circle (x, y), and the radius r or the diameter d.

[0162] In some embodiments, the media asset data display area is an irregular shape. This application does not limit the shape of the media asset data display area, and the only display area can be determined by the media asset data display area information.

[0163] In some embodiments, the position parameter for displaying the media asset data is a fixed value, and the media asset terminal service can directly obtain it locally.

[0164] In some embodiments, the position parameters for displaying the media asset data are sent by the second server, that is, the media asset data information also includes the position parameters for displaying the media asset data.

[0165] The screenshot is cropped according to the position parameter to obtain at least one cropped image, wherein the cropped image or a display area after the cropped images are spliced ​​together covers a display area of ​​the media asset data.

[0166] It should be noted that a cropped image that can cover the display area of ​​the media asset data can be cropped, or after cropping a picture that can cover the display area of ​​the media asset data, the picture can be divided into multiple cropped pictures, or multiple cropped pictures can be directly cropped, and multiple cropped pictures can be spliced ​​to cover the display area of ​​the media asset data. Coverage in this application refers to complete coverage.

[0167] In some embodiments, the step of cropping the screenshot according to the position parameter to obtain at least one cropped picture includes:

[0168] Determine the position parameters of the cropping area as the position parameters for displaying the media asset data;

[0169] The screenshot is cropped based on the position parameter of the cropping area to obtain a cropped image.

[0170] For example, the position parameters of the media data display are width W=1000, height H=500, and the coordinates of the upper left corner vertex are (460, 290). The position parameters of the cropping area are width W=1000, height H=500, and the coordinates of the upper left corner vertex are (460, 290). Figure 8 As shown, the media data display area and the cropping area are both areas indicated by dotted lines.

[0171] The embodiment of the present application is suitable for cropping pictures to display door opening effects or page turning effects, that is, the split pictures are not moved. The split pictures are fixed on one side, and the other sides are moved, scaled, angled, and curve-transformed to a certain extent, and the pictures are appropriately deformed to achieve door opening effects or page turning effects.

[0172] In some embodiments, the position parameters of the media asset data display include a first width, a first height, and a first target point coordinate, and the step of cropping the screenshot according to the position parameters to obtain at least one cropped image includes:

[0173] Acquire the moving direction; wherein the moving direction can be acquired locally or from the media asset data information of the second server.

[0174] If the moving direction is horizontal, determine the position parameters of the cropping area, and the position parameters of the cropping area include a second width, a second height, and a second target point coordinate, the second width is the width of the display screen, the second height is the first height, the horizontal coordinate of the second target point is a preset value, and the vertical coordinate of the second target point is the vertical coordinate of the first target point; the preset value can be 0, the maximum horizontal coordinate X of the display screen, or any value between 0 and X.

[0175] For example, the preset value is 0. Taking the screenshot rectangle as an example, the position parameters of the media data display are width W=1000, height H=500, and the upper left corner vertex coordinates (460, 290). The position parameters of the cropping area are width W=1920, height H=500, and the upper left corner vertex coordinates (0, 290). The media data display area and the cropping area are as follows: Fig. 9 shown.

[0176] If the moving direction is a vertical direction, determine the position parameters of the cropping area, the position parameters of the cropping area include a second width, a second height and a second target point coordinate, the second width is the first width, the second height is the height of the display screen, the horizontal coordinate of the second target point is the vertical coordinate of the first target point, and the vertical coordinate of the second target point is a preset value.

[0177] For example, taking the screenshot rectangle as an example, the position parameters of the media data display are width W=1000, height H=500, and the upper left corner vertex coordinates (460, 290). The position parameters of the cropping area are width W=1000, height H=1080, and the upper left corner vertex coordinates (460, 0). The media data display area and the cropping area are as follows: Fig.10 shown.

[0178] In some embodiments, the position parameters of the media asset data display area include the coordinates of the upper left vertex, the lower left vertex, the upper right vertex, and the lower right vertex. If the moving direction is horizontal, the horizontal coordinates of the upper left vertex and the lower left vertex are set to 0, the horizontal coordinates of the upper right vertex and the lower right vertex are set to the maximum horizontal coordinate value of the display screen, and the vertical coordinates do not change. If the moving direction is vertical, the vertical coordinates of the upper left vertex and the upper right vertex are set to 0, the vertical coordinates of the lower left vertex and the lower right vertex are set to the maximum vertical coordinate value of the display screen, and the horizontal coordinates do not change.

[0179] Cropping the screenshot based on the position parameters of the cropping area to obtain a cropped image;

[0180] In some embodiments, only the cropped image corresponding to the cropped area is saved.

[0181] In some embodiments, both the cropped image corresponding to the cropped area and the cropped image corresponding to the non-cropped area are saved.

[0182] The cropped image is segmented to obtain a first image and a second image.

[0183] In some embodiments, the cropped image is evenly divided into two images of the same size. For example, the cropped image can be divided along the vertical symmetry axis into a first image on the left and a second image on the right. Fig. 9 As shown, after the cropped image is segmented, the segmented image is as follows Fig.11 As shown. The cropped image can be cut along the horizontal symmetry axis into a first image located at the top and a second image located at the bottom. The cropped image can also be cut into the first image and the second image by an oblique line or a specific cutting curve.

[0184] In some embodiments, the cropped image is divided into two images of different sizes. For example, the cropped image is divided into a first image and a second image, and the size of the first image is twice the size of the second image.

[0185] The embodiment of the present application does not limit the segmentation method of the cropped image.

[0186] In some embodiments, after the cropped image is divided into the first image and the second image, position parameters of the first image and the second image, ie, initial positions, are recorded.

[0187] For example, the position parameters of the cropped image are width W=1920, height H=500, and the coordinates of the upper left corner vertex (0, 290). Then, the position parameters of the first image can be determined to be width W=960, height H=500, and the coordinates of the upper left corner vertex (0, 290), and the position parameters of the second image can be determined to be width W=960, height H=500, and the coordinates of the upper left corner vertex (960, 290).

[0188] The embodiment of the present application is applicable to the case where the cropped image is translated to opposite sides. If the cropped area is the same as the media data display area, part of the home page will be displayed to the user during the movement of the sliced ​​image. After the sliced ​​image and the home page are superimposed and displayed, the user will have a visual experience of a distorted or disordered screen. In the embodiment of the present application, the cropped area is larger than the media data display area, that is, the cropped area is expanded to the size of the display screen in the moving direction of the sliced ​​image, and the home page can be completely covered during the subsequent movement of the sliced ​​image to maintain the integrity and continuity of the picture.

[0189] After obtaining the screenshot, the media terminal service calls the image cropping interface and obtains the cropped image through the image cropping interface.

[0190] Step S605: creating a window and displaying the cropped image in the window, and creating a playback window;

[0191] Wherein, the window is located at the upper layer of the navigation page.

[0192] In some embodiments, the steps of creating a window and displaying the cropped image in the window include:

[0193] Creating a window (Window), wherein the window has the same position and size as the clipping area;

[0194] Window is an abstract class in the Android framework that is responsible for managing and presenting windows and their contents. In most cases, the Window object corresponding to an Activity is created and managed by the WindowManager. The window is located above the activity.

[0195] Exemplarily, the clipping area has a width of W=1920, a height of H=500, and an upper left corner vertex coordinate of (0, 290), and the created window area has a width of W=1920, a height of H=500, and an upper left corner vertex coordinate of (0, 290).

[0196] If the cropped image is one, the cropped image is directly displayed in the window.

[0197] If there are two cropped pictures, that is, the cropped pictures include a first picture and a second picture, the first picture and the second picture are displayed in the window in an aligned manner along two opposite sides.

[0198] It should be noted that, since the window and the clipping area have the same size and position, when the first image and the second image are displayed in the window in an aligned manner along two opposite sides, the image displayed in the window is the same as the content of the navigation page under the window. Therefore, for the user, the content of the page presented has not changed.

[0199] For example, Fig. 9 As shown, the cropped image is divided according to the vertical symmetry axis, the first image is displayed in the window in a left-aligned manner, and the second image is displayed in the window in a right-aligned manner, such as Fig.12 If the cropped image is divided along the horizontal axis of symmetry, the first image is displayed in the window in an upper alignment manner, and the second image is displayed in the window in a lower alignment manner.

[0200] In some embodiments, the steps of creating a window and displaying the cropped image in the window include:

[0201] Create a window, the size of which is the same as the size of the display screen, that is, create a full-screen window, and the window is in a transparent state;

[0202] Get the position parameters of the cropped image. It should be noted that the position parameters of the cropped image are the position parameters of the cropped area.

[0203] The cropped image is set at a position corresponding to the position parameter of the cropped image in the window.

[0204] Wherein, if the cropped image includes the first image and the second image;

[0205] Obtaining a position parameter corresponding to the first picture, that is, a first initial position, and a position parameter corresponding to the second picture, that is, a second initial position;

[0206] The position parameters of the first image and the second image during segmentation, that is, the initial positions, are saved in advance and can be directly obtained.

[0207] The first picture is set at a first initial position of the window, and the second picture is set at a second initial position of the window.

[0208] It should be noted that, in the window, except for the display area of ​​the first picture and the second picture, the area is transparent, and the active (first page) content in the transparent area can be displayed to the user. Since the original display area of ​​the first picture and the second picture, that is, the initial position, is recorded when the picture is split, the picture displayed at the initial position is the same as the content of the navigation page under the window. Therefore, for the user, the content of the page presented has not changed.

[0209] Exemplarily, the upper left corner vertex of the first image is set at the coordinates (0, 290), and the upper left corner vertex of the second image is set at the coordinates (960, 290), such as Fig.13 shown.

[0210] In some embodiments, the steps of creating a window and displaying the cropped image in the window include:

[0211] Create a window, the size of the window being the same as the size of the display screen;

[0212] The cropped image corresponding to the cropped area and the cropped image corresponding to the non-cropped area are displayed on the window, so that the content displayed in the window is the same as the screenshot.

[0213] It should be noted that only the cropped image corresponding to the cropped area can be moved, or the display can be canceled with the target effect. The cropped image corresponding to the non-cropped area is always displayed in the window until the window is destroyed.

[0214] A play window (Media Player) is created at the bottom layer of the window. The play window is set at the lower layer of the cropped image. The cropped image can cover the play window.

[0215] A play window is created according to the position parameters of the media asset data display, that is, a play window of the media asset data is created in the media asset data display area.

[0216] The media terminal service creates a window directly or through a window manager. The window calls the Android system to load the cropped image into the window, and the window creates a playback window at the bottom layer.

[0217] Step S606: Move the cropped image to a preset position so that the cropped image is located outside the play window, and control the play window to play the media data obtained from the media data address.

[0218] In some embodiments, when the cropped picture starts to move, the playback window starts to play the media asset data, wherein the cropped picture is one or more.

[0219] After the window calls the Android system to load the cropped image into the window, it will receive a notification of successful image loading from the Android system. After receiving the notification, the Android system is called to execute the animation effect, that is, to move the cropped image to the preset position. After receiving the notification of successful image loading or the notification of start moving (animation start execution) sent by the Android system, the window controls the playback window to play the media data obtained from the media data address.

[0220] In some embodiments, after the cropped image is moved to a preset position, the playback window is controlled to start playing the media asset data.

[0221] After the window calls the Android system to load the cropped image into the window, it will receive a notification of successful image loading from the Android system. After receiving the notification, the Android system is called to execute the animation effect, that is, to move the cropped image to the preset position. After receiving the notification of movement completion (animation execution completion) from the Android system, the window controls the playback window to play the media data obtained from the media data address.

[0222] In some embodiments, the cropped image includes a first image and a second image, and the step of moving the cropped image to a preset position includes:

[0223] The first picture is moved to a first preset position so that the first picture is located on one side of the play window, and the second picture is moved to a second preset position so that the second picture is located on the other side of the play window.

[0224] In some embodiments, the first picture and the second picture may be moved simultaneously, or the first picture and the second picture may be moved sequentially, that is, the first picture is first moved to the first preset position, and then the second picture is moved to the second preset position.

[0225] In some embodiments, moving the first picture to the first preset position includes moving the first picture as a whole to the first preset position along a preset route. Taking the target point of the first picture as an example, the target point is moved from the first initial coordinates to the first preset coordinates within a preset time, so that the first picture as a whole moves to the first preset position. Among them, the first initial coordinates can be obtained from the first initial position, and the first preset coordinates are calculated based on the media data display area and the first initial coordinates, and can also be sent by the second server through media data information. The second picture moves in the same way as the first picture. It should be noted that the selection of the first preset coordinates of the first picture requires that the first picture does not block the playback window. For example, Fig.12 As shown in FIG. 13 , the moving distance needs to be greater than or equal to half of the width of the media data display area.

[0226] Exemplarily, the first initial coordinate of the upper left corner vertex of the first image is (0, 290), the first initial coordinate of the upper left corner vertex of the second image is (960, 290), and the width of the media data display area is 1000. When the first image moves to the left, the horizontal coordinate needs to be subtracted by half of the width, and the first preset coordinate of the upper left corner vertex of the first image is (-500, 290). When the second image moves to the right, the horizontal coordinate needs to be added with half of the width, and the first preset coordinate of the upper left corner vertex of the second image is (1460, 290). Within 500ms, the upper left corner vertex of the first image is moved from (0, 290) to (-500, 290), and the upper left corner vertex of the second image is moved from (960, 290) to (1460, 290). Among them, the image content with coordinate values ​​less than 0 does not need to be displayed, and the effect after the image is moved is as follows. Fig.14 shown.

[0227] In some embodiments, the first image can be moved to the first preset position at a constant speed within a preset time. The first image can be moved to the first preset position at an accelerated speed within a preset time. The first image can be moved to the first preset position at a speed that is first fast and then slow or first slow and then fast within the preset time. This application does not limit the speed of moving the image.

[0228] In some embodiments, moving the first image to the first preset position includes moving a portion of the first image to the first preset position. For example, the first image uses a certain side as a fixed side, and performs certain movement, scaling, angle conversion, and curve transformation on other sides, and appropriately deforms the image, thereby achieving an animation effect of opening a door or turning a page.

[0229] In some embodiments, the cropped image is cancelled with a target effect, and the target effect includes fade-out, erase, rotate, zoom, bounce, etc. Fade-out means reducing the transparency of the cropped image to 0 within a preset time. Erasing means dividing the cropped image into multiple parts and gradually canceling the display along a specified direction. Rotation means rotating the cropped image around the center and then gradually reducing the transparency to 0. Zooming means gradually reducing the cropped image and canceling the display after it is reduced to a preset size. Bounce means moving the cropped image to the outside of the playback window or the first page with a certain bounce curve.

[0230] In some embodiments, when the target effect starts to be displayed, the playback window starts playing the media asset data.

[0231] In some embodiments, after the target effect display is completed, the playback window starts playing the media asset data.

[0232] In some embodiments, the cropped image includes a first image and a second image, and the first image and the second image are respectively cancelled with target effects. The target effects include fade-out, erase, rotate, zoom, bounce, etc. The target effects of the first image and the second image can be the same or different.

[0233] In some embodiments, after the media data is played to a target duration, the cropped image is moved to an initial position, the target duration being the difference between the total duration of the media data playback and the time taken to move the cropped image, and the initial position being the display position of the cropped image in the window when the window is created.

[0234] In some embodiments, after the media asset data is played to a target duration, the first picture is moved to a first initial position, and the second picture is moved to a second initial position. The target duration is the difference between the total duration of the media asset data playback and the time taken to move the picture, and the time taken to move the picture is the time taken to move the first picture and the second picture;

[0235] The first picture and the second picture move simultaneously, and the moving duration is the time from the start of the movement to the end of the movement of the two pictures. The first picture and the second picture move successively, and the moving duration is the time from the start of the movement of the first picture to the end of the movement of the second picture.

[0236] For example, the total playback time of the media data is 20 seconds, and the image movement takes 0.5 seconds. When the media data is played to 19.5 seconds, the upper left corner vertex of the first image is moved from (-500, 290) to (0, 290), and the upper left corner vertex of the second image is moved from (1460, 290) to (960, 290).

[0237] The method of moving the first image to the first initial position is essentially the same as the method of moving the first image to the first preset position, which will not be described in detail here.

[0238] The window is hidden and the playing window is destroyed.

[0239] When the media data is played to the target duration, the playback window sends a playback time notification to the window. The window calls the Android system to execute animation effects, that is, to move the first image to the first initial position and the second image to the second initial position. After receiving the movement completion (animation execution completion) notification sent by the Android system, the window hides the window and destroys the playback window.

[0240] The embodiment of the present application can move the image during the media asset playback time, which can shorten the media asset data display time as a whole.

[0241] In some embodiments, the media asset data information further includes an occlusion map address. After the media asset data is played, the occlusion map is obtained from the occlusion map address;

[0242] Displaying the occlusion map in the playback window;

[0243] Moving the cropped image to an initial position;

[0244] If the cropped picture includes a first picture and a second picture, the first picture is moved to a first initial position, and the second picture is moved to a second initial position.

[0245] The window is hidden and the playing window is destroyed.

[0246] After the media data is played, the playback window sends a playback completion notification to the window. The window calls the Android system to execute animation effects, that is, to move the first image to the first initial position and the second image to the second initial position. While calling the Android system, the window controls the playback window to display the occlusion map obtained from the occlusion map address. After receiving the movement completion (animation execution completion) notification sent by the Android system, the window is hidden and the playback window is destroyed.

[0247] In the embodiment of the present application, the occlusion map can be sent by the second server and can be set to play pictures related to the media data. The embodiment of the present application can ensure that the playback screen of the media data is not blocked throughout the whole process. If the occlusion map is not set, the first page of the lower layer of the window will be displayed, and the subsequent movement of the first picture and the second picture will cause misunderstanding to the user. After setting the occlusion map, a "closing door" dynamic effect can be brought to the user, which enhances the fun of media playback.

[0248] In some embodiments, after the media asset data is played to the target duration, the cropped image is displayed with a target effect. The target effects include fade-in, wipe-in, rotation, scaling, and bounce. Fade-in means that the transparency of the cropped image gradually increases from 0 to a preset value within a preset duration. Wipe-in ​​means that the cropped image is divided into multiple parts and gradually displayed in a specified direction. Rotation means that the transparency gradually increases after rotating around the center. Scaling means that the cropped image is displayed at a preset size and enlarged to the size of the playback window within a preset duration. Bounce means that the cropped image moves with a certain bounce curve and covers the playback window. Hide the window and destroy the playback window.

[0249] In some embodiments, after the media asset data is played, the occlusion map is obtained from the occlusion map address, and the occlusion map is displayed in the play window. The cropped image is displayed with a target effect. The window is hidden and the play window is destroyed.

[0250] Among them, the first picture and the second picture can also be displayed with the target effect.

[0251] In some embodiments, during the media data playback process, a user input is received to cancel the playback of the media data. In response to the user input to cancel the playback of the media data, the cropped image is moved to an initial position, or the cropped image is displayed with a target effect; the window is hidden, and the playback window is destroyed.

[0252] In some embodiments, the timing diagram of the advertisement data playing method is as follows: Fig.15As shown. After receiving the user input instruction to open the navigation page, the application creates an activity. The activity sends a page data request to the application server, and the page data request includes a version identifier, a device identifier, and a navigation page identifier. The application server sends the navigation page data to the activity according to the page data request. The activity loads the navigation page data to display the navigation page. After determining that the navigation page data includes an advertisement data identifier, the activity sends an advertisement data request to the advertisement terminal service, wherein the advertisement data request includes the navigation page identifier. After receiving the advertisement data request, the advertisement terminal service sends the advertisement data request to the advertisement server. The advertisement server sends the advertisement data information corresponding to the navigation page identifier according to the advertisement data request. The advertisement data information includes the advertisement data address and the advertisement data display area. After receiving the advertisement data information, the advertisement terminal service calls the screenshot interface to take a screenshot of the display content of the screen. The advertisement terminal service crops the screenshot to obtain the first picture and the second picture. After the cropping is completed, a window is created. The window displays the first picture and the second picture and creates a playback window at the bottom layer, and the first picture and the second picture are on the upper layer of the playback window to cover the playback window. The window moves the first picture and the second picture to preset positions respectively and controls the playing window to play the advertisement data. After the advertisement data is played or is about to be played, the window moves the first picture and the second picture to initial positions respectively. The window and the playing window are destroyed.

[0253] In some embodiments, after obtaining the cropped image, the cropped image can be split into two or more images as required. Each split image is moved to a preset position in a specific direction or is canceled with a target effect so that the cropped image does not block the playback window, and the playback window is controlled to play the media data. After the playback of the media data is completed or is about to be completed, the cropped image can be moved to the initial position in a specific direction or the split image can be displayed with a target effect. The window and the playback window are destroyed.

[0254] In some embodiments, the media asset data information includes a segmentation type identifier. Different values ​​of the segmentation type identifier represent different segmentation methods of the cropped image and the positions and special effects corresponding to the segmented image.

[0255] In some embodiments, the media data information also includes a target image address. The media terminal service can obtain the target image from the target image address. The target image can be one or more. The target image can be set with a specific image according to operational needs, and cooperate with the movement method or special effects to show some specific effects. After obtaining the media data information, there is no need to take screenshots, crop and split the screen, but directly create a window and display the target image in the window, and create a playback window. The target image is moved to a preset position in a certain direction so that the target image does not block the playback window, and the playback window is controlled to play the media data. The target image can be undisplayed with the target effect. After the media data playback is completed or is about to be completed, the target image can be moved to the initial position in a certain direction or the target image can be displayed with the target effect, and the window and the playback window can be destroyed.

[0256] In some embodiments, the media asset data information includes a screenshot identifier. When the screenshot identifier is 1, it indicates that the screen needs to be captured, cropped, and segmented. When the screenshot identifier is 0, the target image in the target image address can be directly obtained.

[0257] The embodiment of the present application is based on the method of screenshot, cropping and segmentation to achieve a unique display effect of media data across multiple templates, and the playback of media data is completely unaware of the application and its templates. It is compatible with all templates in the application and all versions of the application without the need to upgrade the application.

[0258] Some embodiments of the present application provide a method for playing media data, which is applicable to a display device, the display device including a display and a controller, the controller being configured to: in response to a first instruction input by a user for opening a first page, display the first page, and obtain media data information, the media data information including a media data address; take a screenshot of the displayed content of the screen to obtain a screenshot; crop the screenshot to obtain a cropped image; create a window and display the cropped image in the window, and create a play window, the play window is set at the lower layer of the cropped image, and the window is located at the upper layer of the first page; move the cropped image to a preset position so that the cropped image is located outside the play window, or cancel the display of the cropped image with a target effect, and control the play window to play the media data obtained from the media data address. After displaying the first page, the embodiment of the present application takes a screenshot of the screen and crops the screenshot, the cropped image is displayed on the play window, the cropped image is moved and the media data is played, the display effect of the media data is increased, and the template of the application does not need to be matched, and it is compatible with all templates and versions.

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

[0260] 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: monitor; The controller is configured as: In response to a first instruction input by a user for opening a first page, the first page is displayed, and media asset data information is acquired, wherein the media asset data information includes a media asset data address; Taking a screenshot of the displayed content on the screen to obtain a screenshot; Cropping the screenshot to obtain a cropped image; Creating a window and displaying the cropped image in the window, and creating a playback window, wherein the playback window is set at a lower layer of the cropped image and the window is located at an upper layer of the first page; The cropped image is moved to a preset position so that the cropped image is located outside the play window, or the cropped image is canceled from being displayed with a target effect, and the play window is controlled to play the media data obtained from the media data address.

2. The display device according to claim 1, characterized in that The controller is further configured to: Create an event; Controlling the activity to send a page data request to a first server; receiving first page data sent by the first server based on the page data request; The activity is controlled to load the first page data to display the first page.

3. The display device according to claim 2, characterized in that The controller executes acquisition of media asset data information and is further configured to: If the first page data includes a media data identifier, sending a media data request to the second server, the media data identifier is used to indicate that the first page is set with media data to be played, and the media data request includes the first page identifier; Receive media asset data information sent by the second server based on the first page identifier.

4. The display device according to claim 1, characterized in that The controller performs cropping on the screenshot to obtain a cropped image, and is further configured to: Get the position parameters for displaying media data; The screenshot is cropped according to the position parameter to obtain at least one cropped image, wherein the cropped image or a display area after the cropped images are spliced ​​together covers a display area of ​​the media asset data.

5. The display device according to claim 4, characterized in that The position parameters of the media asset data display include a first width, a first height, and a first target point coordinate, and the controller executes cropping of the screenshot according to the position parameters to obtain at least one cropped picture, and is further configured as follows: If the moving direction is a horizontal direction, determining position parameters of the cropping area, the position parameters of the cropping area including a second width, a second height, and a second target point coordinate, the second width is the width of the display screen, the second height is the first height, the horizontal coordinate of the second target point is a preset value, and the vertical coordinate of the second target point is the vertical coordinate of the first target point; Cropping the screenshot based on the position parameters of the cropping area to obtain a cropped image; The cropped image is segmented to obtain a first image and a second image.

6. The display device according to claim 1, characterized in that The controller performs cropping on the screenshot to obtain a cropped image, and is further configured to: Acquire cropping parameters, where the cropping parameters include position parameters of a cropping line or at least one cropping area; The screenshot is cropped based on the cropping line or at least one of the cropping parameters to obtain at least one cropped picture.

7. The display device according to claim 1, characterized in that The cropped image includes a first image and a second image, and the controller moves the cropped image to a preset position, and is further configured as follows: The first picture is moved to a first preset position so that the first picture is located on one side of the play window, and the second picture is moved to a second preset position so that the second picture is located on the other side of the play window.

8. The display device according to claim 1, characterized in that The controller is configured to: After the media data is played to the target duration, the cropped image is moved to the initial position, the target duration is the difference between the total duration of the media data playback and the time taken to move the cropped image, and the initial position is the display position of the cropped image in the window when the window is created; The window is hidden and the playing window is destroyed.

9. The display device according to claim 1, characterized in that: The media asset data information also includes an occlusion map address, and the controller is configured to: After the media asset data is played, obtaining the occlusion map from the occlusion map address; Displaying the occlusion map in the playback window; Move the cropped image to an initial position, where the initial position is the display position of the cropped image in the window when the window is created; The window is hidden and the playing window is destroyed.

10. A method for playing media data, characterized in that: include: In response to a first instruction input by a user for opening a first page, the first page is displayed, and media asset data information is acquired, wherein the media asset data information includes a media asset data address; Taking a screenshot of the displayed content on the screen to obtain a screenshot; Cropping the screenshot to obtain a cropped image; Creating a window and displaying the cropped image in the window, and creating a playback window, wherein the playback window is set at a lower layer of the cropped image and the window is located at an upper layer of the first page; The cropped image is moved to a preset position so that the cropped image is located outside the play window, or the cropped image is canceled from being displayed with a target effect, and the play window is controlled to play the media data obtained from the media data address.

Images