Display device and media data playing method

Abstract

Some embodiments of the present application show a display device and a media data playing method, the method comprising: in response to a first instruction, displaying a first page and obtaining media data information; taking a screenshot of the display content of the screen to obtain a screenshot; cropping the screenshot to obtain a cropped picture; creating a window and displaying the cropped picture in the window, and creating a playing window; moving the cropped picture to a preset position so that the cropped picture is located outside the playing window, or canceling the display of the cropped picture with a target effect, and controlling the playing window to play the media data. After displaying the first page, the embodiments of the present application take a screenshot of the screen and crop the screenshot, the cropped picture is displayed on the playing window, the cropped picture is moved and the media data is played, the display effect of the media data is increased, and all templates and versions can be compatible without the cooperation of the templates of the application program.

Description

TECHNICAL FIELD

[0001] The present application relates to the technical field of display devices, in particular to a display device and a method for playing media data. BACKGROUND

[0002] With the popularization of smart TVs, more and more merchants focus on adding advertising information in the application programs installed on the smart TVs. At present, there are various ways to add advertisements. For example, a start-up advertisement is set, that is, an advertisement is automatically played when a home page or a certain navigation page is displayed after opening a certain application program.

[0003] However, the start-up advertisement playing mode is relatively single, and most of them directly play the start-up advertisement in full screen or at a preset position after obtaining the advertisement data. In order to increase the start-up advertisement playing mode, some specific display effects can be set. However, after increasing the display effects, the templates of the application program need to be matched for display. The navigation page of the application program is different in terms of operation configuration, application version and device model, and the displayed page (template) is also different. The application program includes multiple templates, and the display effect may need to be coordinated between multiple templates, and the implementation scheme is more complex. For the application program, 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

[0004] Some embodiments of the present application provide a display device and a method for playing media data. After displaying a first page, a screenshot of the screen is taken and the screenshot is cropped. The cropped picture is displayed on a playing window. The cropped picture is moved and media data is played. The display effect of the media data is increased, and the templates of the application program do not need to be matched. All templates and versions can be compatible.

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

[0006] a display;

[0007] a controller configured to:

[0008] 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 comprising a media data address;

[0009] take a screenshot of the display content of the screen to obtain a screenshot;

[0010] crop the screenshot to obtain a cropped picture;

[0011] create a window and display the cropped picture in the window, and create a playing window, the playing window being arranged below the cropped picture, and the window being arranged above the first page.

[0012] moving the cropped picture to a preset position so that the cropped picture is located outside the playing window, or canceling display of the cropped picture with a target effect, and controlling the playing window to play the media data obtained from the media data address.

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

[0014] create an activity;

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

[0016] receive first page data issued by the first server based on the page data request;

[0017] control the activity to load the first page data to display a first page.

[0018] In some embodiments, the controller performs obtaining media data information, and is further configured to:

[0019] if the first page data includes a media data identifier, send a media data request to a second server, the media data identifier being used to indicate that the first page is provided with media data to be played, the media data request including a first page identifier;

[0020] receive media data information issued by the second server based on the first page identifier.

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

[0022] obtain a position parameter of media data display;

[0023] crop the screenshot according to the position parameter to obtain at least one cropped picture, wherein the cropped picture or a display area after splicing of the cropped pictures covers a display area of the media data.

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

[0025] If the moving direction is horizontal, a position parameter of a clipping region is determined, the position parameter of the clipping region including a second width, a second height, and a second target point coordinate, the second width being a width of the display screen, the second height being the first height, a horizontal coordinate of the second target point being a preset value, and a vertical coordinate of the second target point being the vertical coordinate of the first target point;

[0026] The screenshot is clipped based on the position parameter of the clipping region to obtain a clipping picture;

[0027] The clipping picture is segmented to obtain a first picture and a second picture.

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

[0029] obtain a clipping parameter, the clipping parameter including a clipping line or a position parameter of at least one clipping region;

[0030] clip the screenshot based on the clipping line or the at least one clipping parameter to obtain at least one clipping picture.

[0031] In some embodiments, the clipping picture includes a first picture and a second picture, and the controller performs moving of the clipping picture to a preset position, and is further configured to:

[0032] move the first picture to a first preset position so that the first picture is located on one side of the playing window, and move the second picture to a second preset position so that the second picture is located on another side of the playing window.

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

[0034] after the media asset data is played to a target time length, move the clipping picture to an initial position, the target time length being a difference between a total time length of playing of the media asset data and a time length consumed by moving of the clipping picture, and the initial position being a display position of the clipping picture in the window when the window is created;

[0035] hide the window and destroy the playing window.

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

[0037] after playing of the media asset data is completed, obtain an occlusion picture from the address of the occlusion picture;

[0038] display the occlusion picture in the playing window.

[0039] moving the cropped picture to an initial position, the initial position being a display position of the cropped picture in the window when the window is created;

[0040] hiding the window and destroying the playing window.

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

[0042] displaying a first page in response to a first instruction for opening the first page input by a user, and obtaining media data information, the media data information comprising a media data address;

[0043] taking a screenshot of display content of a screen to obtain a screenshot;

[0044] cropping the screenshot to obtain a cropped picture;

[0045] creating a window and displaying the cropped picture in the window, and creating a playing window, the playing window being arranged below the cropped picture, and the window being arranged above the first page;

[0046] moving the cropped picture to a preset position so that the cropped picture is located outside the playing window, or canceling display of the cropped picture with a target effect, and controlling the playing window to play media data obtained from the media data address.

[0047] Some embodiments of the present application provide a display device and a media data playing method. After receiving a first instruction for opening a first page input by a user, a first page is displayed, and media data information is obtained, the media data information comprising a media data address. A screenshot of display content of a screen is taken to obtain a screenshot. The screenshot is cropped to obtain a cropped picture. A window is created and the cropped picture is displayed in the window, and a playing window is created, the playing window being arranged below the cropped picture, and the window being arranged above the first page. The cropped picture is moved to a preset position so that the cropped picture is located outside the playing window, or the cropped picture is canceled with a target effect, and the playing window is controlled to play media data obtained from the media data address. The present application crops a screen and a screenshot after displaying a first page, and the cropped picture is displayed on a playing window. The cropped picture is moved and media data is played, which increases the display effect of media data and is compatible with all templates and versions without the cooperation of an application template. BRIEF DESCRIPTION OF DRAWINGS

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

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

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

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

[0052] Figure 5 A flow chart of an advertisement presentation is shown according to some embodiments;

[0053] Figure 6 A flow chart of a media data play is shown according to some embodiments;

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

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

[0056] Figure 9 A schematic diagram of another cropping area is shown according to some embodiments;

[0057] Figure 10 A schematic diagram of yet another cropping area is shown according to some embodiments;

[0058] Figure 11 A schematic diagram of a cropped picture split is shown according to some embodiments;

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

[0060] Figure 13 A schematic diagram of another window is shown according to some embodiments;

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

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

[0063] In order to make the purposes and embodiments of the present application clearer, the following will clearly and completely describe the exemplary embodiments of the present application with reference to the accompanying drawings of the exemplary embodiments. Obviously, the described exemplary embodiments are only a part of the embodiments of the present application, but not all embodiments.

[0064] It should be noted that the brief description of the terms in the present application is only for the convenience of understanding the subsequently described embodiments, and is not intended to limit the embodiments of the present application. Unless otherwise specified, these terms should be understood according to their ordinary and general meanings.

[0065] The terms "first" and "second" and the like in the specification and claims of the present application and the above-described drawings are used to distinguish similar or identical objects or entities, and do not necessarily mean a specific order or sequence, unless otherwise noted. It should be understood that the terms used in this way can be interchanged under appropriate circumstances.

[0066] The term "comprising" and any variation thereof is intended to cover, but not exclusively, inclusion, for example, a product or device comprising a series of components does not have to be limited to all the components clearly listed, but can include other components that are not clearly listed or inherent to these products or devices.

[0067] The display device provided by the embodiments of the present application can have various implementation forms, for example, can 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 As a specific embodiment of the display device of the present application.

[0068] Figure 1 As shown in FIG. 1, the display device 200 can be connected to the control device 100, and the control device 100 can be connected to the smart device 300. Figure 1 As shown, the user can operate the display device 200 through the smart device 300 or the control device 100.

[0069] In some embodiments, the control device 100 can 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-distance communication methods, to control the display device 200 through wireless or wired methods. The user can input user instructions through the keys on the remote controller, voice input, control panel input, etc., to control the display device 200.

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

[0071] In some embodiments, the display device may receive instructions not through the aforementioned smart devices or control devices, but through touch or gestures.

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

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

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

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

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

[0077] The display 260 includes a display screen assembly for presenting images, a driving assembly for driving image display, a component for receiving image signals from the controller output, and a user control UI interface for displaying video content, image content, menu control interface, and user control UI interface.

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

[0079] The display 260 further includes a touch screen for receiving a user's finger sliding or clicking action on the touch screen as a control instruction.

[0080] The communicator 220 is a component for communicating with external devices or servers according to various communication protocol types. For example, the communicator can 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 a control signal of the control device 100 (such as an infrared remote controller).

[0082] The detector 230 is used to collect signals of the external environment or interaction with the outside. For example, the detector 230 includes a light receiver for collecting ambient light intensity, or an image collector such as a camera for collecting external environment scenes, user attributes, or user interaction gestures, or a sound collector such as a microphone for receiving external sounds.

[0083] The external device interface 240 can include, but is not limited to, any one or more of the following: a high-definition multimedia interface (HDMI), an analog or data high-definition component input interface (component), a composite video input interface (CVBS), a USB input interface (USB), an RGB port, etc. It can also be a composite input / output interface formed by the above multiple interfaces.

[0084] The tuner demodulator 210 receives broadcast television signals through wired or wireless reception, and demodulates audio and video signals and EPG data signals from multiple wireless or wired broadcast television signals.

[0085] In some embodiments, the controller 250 and the tuner demodulator 210 can be located in different split devices, i.e., the tuner demodulator 210 can also be 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 the response to the user's operation by storing various software control programs 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 displayed on the display 260, the controller 250 can perform an operation 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 random access memory (RAM), a read-only memory (ROM), a first to an n-th interface for input / output, a communication bus, and the like.

[0088] The user can input a user command through a graphic user interface (GUI) displayed on the display 260, and the user input interface receives the user input command through the graphic user interface (GUI). Alternatively, the user can input a user command by inputting a specific sound or gesture, and the user input interface receives the user input command by recognizing the sound or gesture through a sensor.

[0089] The "user interface" is a medium interface for interaction and information exchange between an application or an operating system and a user, and it implements conversion between an internal form of information and a form that a user can accept. A commonly used form of the user interface is a graphic user interface (GUI), which is a user interface that displays information in a graphic manner. It can be an icon, a window, a control, or the like, which is an interface element displayed on a display screen of an electronic device. The control can include an icon, a button, a menu, a tab, a text box, a dialog box, a status bar, a navigation bar, a widget, and the like, which are visible interface elements.

[0090] Referring to Figure 4 In some embodiments, the system is divided into four layers from top to bottom, namely, an applications layer (referred to as an "application layer"), an application framework layer (referred to as a "framework layer"), an Android runtime and system library layer (referred to as a "system runtime library layer"), and a kernel layer.

[0091] In some embodiments, at least one application program runs in the application layer, which can be a Window program, a system setting program, a clock program, etc. provided by the operating system, or an application program developed by a third party developer. In a specific implementation, the application programs in the application layer are not limited to the above examples.

[0092] The framework layer provides an application programming interface (API) and a programming framework for the application programs. The application framework layer includes some pre-defined functions. The application framework layer is equivalent to a processing center that decides which application program in the application layer to act. The application program can access the resources in the system and obtain the services of the system through the API interface in the execution.

[0093] As shown in Figure 4 The application framework layer in the embodiments of the present application includes a manager (Managers) and a content provider (Content Provider), wherein the manager includes at least one of the following modules: an activity manager (ActivityManager) for interacting with all activities running in the system; a location manager (Location Manager) for providing access to the system location service for the system service or the application; a package manager (Package Manager) for retrieving various information related to the application package currently installed on the device; a notification manager (NotificationManager) for controlling the display and clearing of the notification message; and a window manager (Window Manager) for managing the 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 program and the general navigation back function, such as controlling the exit, opening, back, etc. of the application program. The window manager is used to manage all window programs, such as obtaining the size of the display screen, judging whether there is a status bar, locking the screen, intercepting the screen, controlling the display window change (such as reducing the display window, shaking the display, twisting the display, etc.), etc.

[0095] In some embodiments, the system runtime library layer provides support for the upper layer, i.e. the framework layer. When the framework layer is used, the Android operating system runs the C / C++ library included in the system runtime library layer to realize the functions of the framework layer.

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

[0097] With the popularity of smart TVs, more and more merchants focus on adding advertising information in the applications installed on the smart TVs. At present, there are various ways to add advertisements. For example, a startup advertisement is set, that is, an advertisement is automatically played when a home page or a certain navigation page is displayed after opening a certain application.

[0098] However, the startup advertisement playing mode is relatively single, and most of them directly play the startup advertisement in full screen or at a preset position after obtaining the advertisement data. In order to increase the startup advertisement playing mode, some specific display effects can be set. For example, the control of the advertisement playing area can be displayed by pulling to the opposite sides, giving 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 template of the application program often needs to be matched for display. The application program is provided with a plurality of navigation controls, and the navigation control selected by default or by moving the focus displays the corresponding navigation page. The navigation page includes a plurality of templates, and the template includes at least one control.

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

[0101] The display form of the control is usually diversified. For example, the control can 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, the control can be text and / or an icon of an application program.

[0102] The focus is used to indicate that any one of the controls has been selected. In one aspect, the control of the control can be selected or controlled according to the user's input through the control device 100 to control the movement of the focus object displayed in the display device. For example, the user can control the movement of the focus object between the controls through the up arrow key on the control device 100 to select and control the control. In another aspect, the control of the control can be selected or controlled according to the user's input through the control device 100 to control the movement of each control displayed in the display device. For example, the user can control each control to move left and right together through the up arrow key on the control device 100, so as to select and control the control while keeping the position of the focus object unchanged.

[0103] The way focus is indicated can be varied. For example, the focus object can be indicated by enlarging the control, by setting the background color of the control, or by changing the border, size, color, transparency, outline, and / or font of the text or image of the focus control.

[0104] In some embodiments, to achieve the visual experience of displaying advertisements after "opening the door," such as Figure 5 As shown, the process for displaying an advertisement is as follows: After receiving the user's instruction to open the application, the application sends a page data request to the application server. This request includes the application version and device model. Upon receiving the page data request, the application server sends the page data to the application. The application displays the homepage based on the page data and then sends a request to the ad server to retrieve ad data. Upon receiving the ad data request, the ad server sends the ad data to the application. This ad data includes the ad address and the ad display area. The application determines the controls within the ad display area and their movement paths. The application moves the controls based on their movement paths. After the controls have moved, the application controls the playback window to play the ad data from the ad address.

[0105] The application's navigation page displays different pages (templates) depending on factors such as operational configuration, application version, and device model. The controls that need to be moved also vary. Consequently, the movement paths of these controls differ, requiring a separate and complex calculation process to achieve the desired ad display effect each time an ad is shown.

[0106] In some embodiments, the ad display effect involves only one template, that is, only one template within the ad display area. The application only needs to control the movement of controls within this template.

[0107] In some embodiments, the ad display effect needs to span multiple templates, meaning multiple templates are within the ad display area. The application then needs to coordinate operations between these multiple templates, making the implementation more complex.

[0108] In some embodiments, there may be situations where only part of a control is within the advertisement display area, while another part is outside the advertisement display area. In this case, if the control is not moved, the "opening" effect will be unsatisfactory; if the control is moved, unnecessary blank space will appear around the advertisement data playback window, providing a poor visual experience for the user.

[0109] Applications typically have dozens or even hundreds of templates. Therefore, for an application, making all templates support specific display effects is a huge undertaking, and it is difficult to achieve compatibility with all templates and versions.

[0110] To solve the above technical problems, the display device 200 provided by the embodiments of the present application, the structure and functions of each part of the display device 200 can refer to the above embodiments. In addition, based on the display device 200 shown in the above embodiments, some functions of the display device 200 are further improved in the embodiments. As shown in the following embodiments, the controller 250 performs the following steps: Figure 6

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

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

[0113] In some embodiments, the desktop application is automatically opened and the home page corresponding to the desktop application is displayed after the display device 200 is started in response to the power-on instruction input by the user.

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

[0115] In some embodiments, the application program is started and the home page corresponding to the application program is displayed in response to the instruction input by the user for selecting the control corresponding to the application program. 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 controls are selected, and the content display area is used to display a navigation page corresponding to the selected navigation control. The application program divides the content intended to be displayed to the user into different categories, and the categories can be selected by the user in the form of navigation controls. The focus can be moved to select different navigation controls. The step of receiving the first instruction for opening the first page input by the user includes receiving an instruction input by the user for moving the focus from a first navigation control to a second navigation control.

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

[0117] In some embodiments, the step of displaying the first page includes:

[0118] creating an activity (Activity);

[0119] ​Activity is one of the four components of Android, responsible for interface display, user interaction and logical business processing. Activity can be a user interface in an application, which is used to load a specified layout file to display various UI elements (such as TextView, Button, ImageView, etc.), and set event handling functions for these UI elements to enable user interaction with these UIs. At the same time, different activities can be transferred to each other, thereby connecting different pages together to complete a specific operation process. Each application can be composed of at least one Activity, and Activity is an important part of the Android application.

[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, which can issue 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 issued by the first server based on the page data request;

[0123] controlling the activity to load the first page data to display a first page. For example, the first page is as shown in Figure 7

[0124] In order to clarify the process of displaying the first page of the present application, one embodiment is disclosed as follows:

[0125] The controller includes an application, which creates an activity, and the activity sends a page data request to a first server. The page data request includes version identification, device identification and first page identification, etc. The first page identification is the identification corresponding to the navigation control selected by the user or by default. The first server sends the first page data corresponding to the version identification, device identification and navigation page identification to the activity after receiving the page data request. The activity loads the first page data to display the first page.

[0126] The media data information includes a media 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 audio and video data and other information of the media.

[0128] ​In some embodiments, the media data can be pre-stored locally without being acquired from the second server in real time, for example, pre-stored before the device is powered off. The media data address includes a storage path. The media data can be acquired according to the storage path.

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

[0130] sending a media data request to the second server, the media data request including the first page identifier;

[0131] receiving the media data information issued by the second server based on the first page identifier.

[0132] The second server can be a media server or an advertisement server, and the second server can issue the media data information corresponding to the first page identifier. The media data refers to the media data to be played set in the current first page, and the media data includes advertisement data. The advertisement data can be an introduction video of a product or a media, or a highlight or trailer of a media.

[0133] In some embodiments, after displaying the first page, it is determined whether the first page data includes a media 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, as shown in FIG. 1, the home page control corresponds to a navigation page set with media data to be played, and the navigation page data issued by the first server includes a media data identifier. The TV series control corresponds to a navigation page not set with media data to be played, and the navigation page data issued by the first server does not include a media data identifier. Figure 7

[0136] If the first page data includes the media data identifier, a media data request is sent to the second server, and the media data request includes the first page identifier.

[0137] The media data information issued by the second server based on the first page identifier is received. The first page identifier and the media data information are stored in the second server.

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

[0139] ​The first server adds the media data identifier in the first page data to be sent when determining that the requested first page is provided with media data to be played. The campaign sends the media data request after identifying the media data identifier. The application does not send the media data request when the media data identifier is not identified.

[0140] To make the process of obtaining media data information clear, one embodiment is disclosed as follows:

[0141] The controller includes a media terminal service. The media terminal service includes an advertisement terminal service. The advertisement terminal service is configured to provide an advertisement service. The campaign sends the media data request to the media terminal service when determining that the first page data includes the media data identifier. The media data request includes the first page identifier. The media terminal service sends the media data request to the second server after receiving the media data request. 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. The campaign does not perform the step of sending the media data request to the media terminal service when determining that the navigation page data does not include the media data identifier.

[0142] Step S603: Taking a screenshot of the display content of the screen to obtain a screenshot;

[0143] The media terminal service calls the screenshot interface to obtain the screenshot through the screenshot interface after receiving the media data information.

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

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

[0146] Step S604: Cropping the screenshot to obtain a cropped picture;

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

[0148] Obtaining a cropping parameter, the cropping parameter including a position parameter of a cropping line or at least one cropping region;

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

[0150] In some embodiments, the cropping parameter is a fixed value, which can be directly obtained from the local by the media terminal service.

[0151] In some embodiments, the cropping parameters are issued by the second server, i.e., the media data information further includes the cropping parameters.

[0152] In some embodiments, the cropping parameters can also be issued by the first server. The first server sets the position parameters of the cropping lines or the cropping areas according to the arrangement 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 cut, i.e., to ensure the integrity of the control in the cropped picture. The cropping parameters are placed in the first page data and sent to the activity. The activity sends a media data request carrying the cropping parameters to the media terminal service. The media terminal service parses the media data request and obtains the cropping parameters.

[0153] cropping the screenshot based on the cropping line or the at least one cropping parameter to obtain at least one cropped picture.

[0154] For example, the cropping line is x=960. The screenshot is cropped along the cropping line x=960 to obtain two cropped pictures.

[0155] For example, the screenshot rectangle, the same rectangular coordinate system is established between the screenshot and the display screen, i.e., the top-left vertex of the screenshot is taken as the coordinate origin, the horizontal direction is taken as the x-axis, and the vertical direction is taken as the y-axis to establish the rectangular coordinate system, as shown in Figure 8 or Figure 9 The picture in the cropping area is obtained, i.e., the cropped picture.

[0156] For example, the position parameters of the first cropping area are width W=960, height H=500, and top-left vertex coordinate (0, 290), and the position parameters of the second cropping area are width W=960, height H=500, and top-left vertex coordinate (960, 290). The first picture corresponding to the first cropping area is cropped from the screenshot, and the second picture corresponding to the second cropping area is cropped from the screenshot.

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

[0158] obtaining the position parameters of the media data display;

[0159] In some embodiments, the rectangular coordinate system is established with the top-left 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 coordinate (x, y). The media data display area is a rectangle, and the position parameters of the media data display can be represented by the width W and the height H of the display area and the target point coordinate (x, y). For example, the media data display area is width W=1000, height H=500, and top-left vertex coordinate (460, 290).

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

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

[0162] In some embodiments, the media data display area is an irregular shape. The shape of the media data display area is not limited in the present application, and a unique display area can be determined by the media data display area information.

[0163] In some embodiments, the position parameter of the media data display is a fixed value, and the media terminal service can obtain it directly from the local.

[0164] In some embodiments, the position parameter of the media data display is issued by the second server, i.e., the media data information further includes the position parameter of the media data display.

[0165] cropping the screenshot according to the position parameter to obtain at least one cropped picture, wherein the cropped picture or a display area after splicing the cropped picture covers the display area of the media data.

[0166] It should be noted that one cropped picture that can cover the display area of the media data can be cropped, and after the picture that can cover the display area of the media data is cropped, the picture can be divided into multiple cropped pictures, and multiple cropped pictures can be directly cropped, and the multiple cropped pictures can be spliced to cover the display area of the media data. The coverage in the present 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] determining that the position parameter of the cropping area is the position parameter of the media data display;

[0169] cropping the screenshot according to the position parameter of the cropping area to obtain a cropped picture.

[0170] For example, the position parameter of the media data display is width W=1000, height H=500, and the coordinates of the top-left vertex (460, 290). The position parameter of the cropping area is width W=1000, height H=500, and the coordinates of the top-left vertex (460, 290). As shown in FIG. 4, the cropping area is the same as the display area of the media data.Figure 8 As shown, the media data display region and the clipping region are both regions shown by dashed lines.

[0171] The embodiments of the present application are applicable to cutting pictures to display a door opening special effect or a page turning special effect, i.e. not moving the cut pictures. The cut pictures are fixed at a certain side, and other sides are moved, scaled, angle converted and curve transformed, etc., and the pictures are properly deformed to realize the door opening special effect or the page turning special effect, etc.

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

[0173] obtaining a moving direction; wherein the moving direction can be obtained locally or from media data information of the second server.

[0174] If the moving direction is a horizontal direction, position parameters of the clipping region are determined, the position parameters of the clipping region 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 in 0-X.

[0175] For example, the preset value is 0. Taking a screenshot rectangle as an example, the position parameters of the media data display are width W=1000, height H=500 and left upper corner vertex coordinate (460, 290), and the position parameters of the clipping region are width W=1920, height H=500 and left upper corner vertex coordinate (0, 290). The media data display region and the clipping region are as shown in Figure 9 .

[0176] If the moving direction is a vertical direction, position parameters of the clipping region are determined, the position parameters of the clipping region 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 a screenshot rectangle as an example, the position parameters of the media data display are width W=1000, height H=500 and left upper corner vertex coordinate (460, 290), and the position parameters of the clipping region are width W=1000, height H=1080 and left upper corner vertex coordinate (460, 0). The media data display region and the clipping region are as shown inFigure 10 As shown.

[0178] In some embodiments, the position parameters of the media data display area include the coordinates of the top-left vertex, the bottom-left vertex, the top-right vertex and the bottom-right vertex. If the moving direction is horizontal, the horizontal coordinates of the top-left vertex and the bottom-left vertex are set to 0, the horizontal coordinates of the top-right vertex and the bottom-right vertex are set to the maximum horizontal coordinate value of the display screen, and the vertical coordinates remain unchanged. If the moving direction is vertical, the vertical coordinates of the top-left vertex and the top-right vertex are set to 0, the vertical coordinates of the bottom-left vertex and the bottom-right vertex are set to the maximum vertical coordinate value of the display screen, and the horizontal coordinates remain unchanged.

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

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

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

[0182] cutting the cropped picture to obtain a first picture and a second picture.

[0183] In some embodiments, the cropped picture is evenly divided into two pictures of the same size. For example, the cropped picture can be cut along the vertical symmetry axis to obtain a first picture on the left side and a second picture on the right side. For example, as shown in Figure 9 After cutting the cropped picture, the cut pictures are as shown in Figure 11 The cropped picture can be cut along the horizontal symmetry axis to obtain a first picture on the top side and a second picture on the bottom side. The cropped picture can also be cut along a diagonal line or a specific cutting curve to obtain a first picture and a second picture.

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

[0185] The application embodiments do not limit the cutting method of the cropped picture.

[0186] In some embodiments, after the cropped picture is cut into a first picture and a second picture, the position parameters of the first picture and the second picture, i.e., the initial positions, are recorded.

[0187] For example, the position parameters of the cropped picture are width W=1920, height H=500, and the top-left vertex coordinate (0, 290). Then the position parameters of the first picture can be determined as width W=960, height H=500, and the top-left vertex coordinate (0, 290), and the position parameters of the second picture can be determined as width W=960, height H=500, and the top-left vertex coordinate (960, 290).

[0188] The embodiment of the present application is applicable to the case of translating the cropped picture to the opposite sides. If the cropped area is the same as the display area of the media data, part of the homepage page will be displayed to the user in the process of moving the sliced picture, and the sliced picture and the homepage page are superimposed to give the user a visual experience of a picture with a screen or disorder. In the embodiment of the present application, the cropped area is larger than the display area of the media data, that is, the cropped area is expanded to the size of the display screen in the moving direction of the sliced picture, which can completely cover the homepage page in the subsequent moving process of the sliced picture, and keep the picture complete and continuous.

[0189] After the media terminal service obtains the screenshot, the picture cropping interface is called to obtain the cropped picture through the picture cropping interface.

[0190] Step S605: creating a window and displaying the cropped picture in the window, and creating a playing window.

[0191] The window is located on the upper layer of the navigation page.

[0192] In some embodiments, the step of creating a window and displaying the cropped picture in the window comprises:

[0193] The window is created, and the window has the same position and size as the cropped area.

[0194] The window (Window) is an abstract class in the Android framework, which is responsible for managing and presenting windows and their contents. In most cases, the Window object corresponding to an activity (Activity) is created and managed by the Window Manager (Window Manager). The window is located on the upper layer of the activity.

[0195] For example, the cropped area is width W=1920, height H=500, and the top-left vertex coordinate (0, 290), and the created window area is width W=1920, height H=500, and the top-left vertex coordinate (0, 290).

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

[0197] If the cropped picture is 2, i.e. the cropped picture includes a first picture and a second picture, the first picture and the second picture are displayed in the window in the opposite two-edge alignment mode respectively.

[0198] It should be noted that, since the window has the same size and position as the clipping area, the first picture and the second picture are displayed in the window in the opposite two-edge alignment mode, and the picture displayed in the window is the same as the content of the navigation page below the window. Therefore, the presented page content does not change for the user.

[0199] For example, as shown in Figure 9 , the cropped picture is divided according to a vertical symmetry axis, the first picture is displayed in the window in the left alignment mode, and the second picture is displayed in the window in the right alignment mode, as shown in Figure 12 . If the cropped picture is divided according to a horizontal symmetry axis, the first picture is displayed in the window in the top alignment mode, and the second picture is displayed in the window in the bottom alignment mode.

[0200] In some embodiments, the step of creating a window and displaying the cropped picture in the window includes:

[0201] A window is created, and the size of the window is the same as the size of the display screen, i.e. a full-screen window is created, and the window is in a transparent state.

[0202] The position parameters of the cropped picture are obtained. It should be noted that the position parameters of the cropped picture are the position parameters of the clipping area.

[0203] The cropped picture is set at the position corresponding to the position parameters of the cropped picture in the window.

[0204] If the cropped picture includes a first picture and a second picture.

[0205] The position parameters corresponding to the first picture, i.e. the first initial position, and the position parameters corresponding to the second picture, i.e. the second initial position, are obtained.

[0206] The position parameters of the first picture and the second picture when divided, i.e. the initial position, are pre-stored, and can be directly obtained.

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

[0208] It should be noted that the area of the window other than the display area of the first picture and the second picture is in a transparent state, 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 is recorded when the picture is split, that is, the initial position. The picture displayed at the initial position is the same as the content of the navigation page below the window. Therefore, for the user, the presented page content has not changed.

[0209] For example, the top-left vertex of the first picture is set at the coordinates (0, 290), and the top-left vertex of the second picture is set at the coordinates (960, 290), as shown in Figure 13

[0210] In some embodiments, the step of creating a window and displaying the cropped pictures in the window comprises:

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

[0212] displaying the cropped pictures corresponding to the cropped area and the cropped pictures corresponding to the uncropped area on the window, so that the content displayed by the window is the same as the screenshot.

[0213] It should be noted that only the cropped pictures corresponding to the cropped area can be moved or displayed with the target effect. The cropped pictures corresponding to the uncropped area are always displayed in the window until the window is destroyed.

[0214] creating a player window (Media Player) in the bottom layer of the window, the player window being arranged below the cropped pictures, and the cropped pictures being able to block the player window.

[0215] creating the player window according to the position parameter of the media data display, that is, creating the player window of the media data in the display area of the media data.

[0216] The media terminal service directly or through the window manager creates the window. The window calls the Android system to load the cropped pictures into the window, and the window creates the player window in the bottom layer.

[0217] Step S606: moving the cropped pictures to the preset position, so that the cropped pictures are located outside the player window, and controlling the player window to play the media data obtained from the media data address.

[0218] In some embodiments, the player window starts playing the media data at the same time when the cropped pictures start moving, wherein the cropped pictures are one or more.

[0219] ​After the window calls the Android system to load the cropped picture into the window, the window receives a picture loading success notification sent by the Android system. After receiving the notification, the window calls the Android system to execute an animation effect, i.e., to move the cropped picture to a preset position. After receiving the picture loading success notification or a start moving (animation start executing) notification sent by the Android system, the window controls the playing window to play the media data obtained from the media data address.

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

[0221] After the window calls the Android system to load the cropped picture into the window, the window receives a picture loading success notification sent by the Android system. After receiving the notification, the window calls the Android system to execute an animation effect, i.e., to move the cropped picture to a preset position. After receiving the picture loading success notification or a start moving (animation start executing) notification sent by the Android system, the window controls the playing window to play the media data obtained from the media data address.

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

[0223] moving the first picture to a first preset position so that the first picture is located at one side of the playing window, and moving the second picture to a second preset position so that the second picture is located at the other side of the playing window.

[0224] In some embodiments, the first picture and the second picture can be moved simultaneously, or the first picture and the second picture can be moved in sequence, i.e., the first picture is moved to the first preset position first, 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 a target point of the first picture as an example, the target point is moved from a first initial coordinate to a first preset coordinate at a preset time length, so as to cause the first picture to be moved as a whole to the first preset position. The first initial coordinate can be obtained from a first initial position, and the first preset coordinate can be calculated according to the media data display area and the first initial coordinate, or can be issued by the second server through the media data information. The second picture is moved in the same way as the first picture. It should be noted that the selection of the first preset coordinate of the first picture needs to ensure that the first picture does not block the playing window. For example, as shown in FIGS. 1 to 13, the moving distance needs to be greater than or equal to half of the width of the media data display area. Figure 12 or 13, the moving distance needs to be greater than or equal to half of the width of the media data display area.

[0226] For example, the first initial coordinate of the top-left vertex of the first picture is (0, 290), the first initial coordinate of the top-left vertex of the second picture is (960, 290), and the width of the media data display area is 1000. The first picture moves to the left, and the horizontal coordinate needs to be reduced by half the width. The first preset coordinate of the top-left vertex of the first picture is (-500, 290). The second picture moves to the right, and the horizontal coordinate needs to be added by half the width. The first preset coordinate of the top-left vertex of the second picture is (1460, 290). The top-left vertex of the first picture is moved from (0, 290) to (-500, 290) within 500 ms, and the top-left vertex of the second picture is moved from (960, 290) to (1460, 290) within 500 ms. The picture content with a coordinate value less than 0 does not need to be displayed. The effect of the picture after moving is shown in FIG. 8. Figure 14

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

[0228] In some embodiments, moving the first picture to the first preset position includes moving a part of the first picture to the first preset position. For example, the first picture has a fixed side, and the other sides are moved, scaled, angle converted, and curve transformed, and the picture is deformed appropriately to achieve an opening door or page turning animation effect.

[0229] In some embodiments, the cropped picture is displayed with a target effect, and the target effect includes fading out, erasing, rotating, scaling, and bouncing. Fading out means reducing the transparency of the cropped picture to 0 within a preset time length. Erasing means gradually canceling the display of the cropped picture in multiple parts along a specified direction. Rotating means rotating the cropped picture around the center and gradually reducing the transparency to 0. Scaling means gradually reducing the cropped picture to a preset size and then canceling the display. Bouncing means moving the cropped picture to the outside of the playing window or the first page with a certain bouncing curve.

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

[0231] In some embodiments, the playing window plays the media data after the target effect is displayed.

[0232] In some embodiments, the cropped picture includes the first picture and the second picture, and the first picture and the second picture are displayed with a target effect. The target effect includes fading out, erasing, rotating, scaling, and bouncing. The target effect of the first picture and the second picture can be the same or different.​

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

[0234] In some embodiments, the first picture is moved to a first initial position and the second picture is moved to a second initial position after the media data is played for a target duration, the target duration being a difference between a total duration of the media data and a time consumption of moving the pictures, the time consumption of moving the pictures being a moving duration of the first picture and the second picture.

[0235] In some embodiments, the first picture and the second picture are moved simultaneously, and the moving duration is a time duration from a start of the moving to an end of the moving. In some embodiments, the first picture and the second picture are moved sequentially, and the moving duration is a time duration from a start of the moving of the first picture to an end of the moving of the second picture.

[0236] For example, the total duration of the media data is 20s, and the time consumption of moving the pictures is 0.5s. Then, the top-left vertex of the first picture is moved from (-500, 290) to (0, 290) and the top-left vertex of the second picture is moved from (1460, 290) to (960, 290) at the same time when the media data is played for 19.5s.

[0237] The method of moving the first picture to the first initial position is essentially the same as the method of moving the first picture to the first preset position, and thus is not described herein.

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

[0239] When the media data is played for a target duration, the play window sends a play-to-time notification to the window. The window calls the Android system to perform an animation effect, i.e., to move the first picture to the first initial position and to move the second picture to the second initial position. After receiving a notification of completion of the moving (completion of the animation) sent by the Android system, the window is hidden and the play window is destroyed.

[0240] The embodiments of the present application can move the pictures in the media playing time, and thus can shorten the time of displaying the media data.

[0241] In some embodiments, the media data information further comprises an address of a blocking picture. After the media data is played, a blocking picture is obtained from the address of the blocking picture.

[0242] The play window displays the blocking picture.

[0243] The cropped picture is moved to an initial position.

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

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

[0246] After the media data is played, the playing window sends a playing completion notification to the window. The window calls the Android system to perform an animation effect, i.e., the first picture is moved to the first initial position, and the second picture is moved to the second initial position. While the window calls the Android system, the playing window is controlled to display the blocking picture obtained from the blocking picture address. After receiving a moving completion (animation execution completion) notification sent by the Android system, the window is hidden and the playing window is destroyed.

[0247] In the embodiments of the present application, the blocking picture can be distributed by the second server and can be set as a picture related to playing the media data. The embodiments of the present application can ensure that the playing picture of the media data is not blocked throughout. If the blocking picture is not set, the first page under the window will be displayed, and the subsequent movement of the first picture and the second picture will mislead the user. After the blocking picture is set, a “closing door” animation effect can be provided to the user, thereby improving the interest of media playing.

[0248] In some embodiments, after the media data is played to a target time length, the cropped picture is displayed with a target effect. The target effect includes fading in, wiping in, rotating, zooming in, and bouncing, etc. Fading in refers to gradually increasing the transparency of the cropped picture from 0 to a preset value within a preset time length. Wiping in refers to gradually displaying the cropped picture in multiple parts along a specified direction. Rotating refers to rotating around a center and gradually increasing the transparency. Zooming in refers to displaying the cropped picture with a preset size and enlarging to the size of the playing window within a preset time length. Bouncing refers to moving the cropped picture with a certain bouncing curve and covering the playing window. The window is hidden and the playing window is destroyed.

[0249] In some embodiments, after the media data is played, a blocking picture is obtained from the blocking picture address, and the blocking picture is displayed on the playing window. The cropped picture is displayed with a target effect. The window is hidden and the playing window is destroyed.

[0250] In some embodiments, the first picture and the second picture can also be displayed with a target effect.

[0251] In some embodiments, during the playing of the media data, an instruction for canceling playing the media data is received. In response to the instruction for canceling playing the media data, the cropped picture is moved to an initial position, or the cropped picture is displayed with a target effect. The window is hidden and the playing window is destroyed.

[0252] In some embodiments, a timing diagram of an advertisement data playing method is as shown in Figure 15The application creates an activity after receiving the instruction of the user inputting the opening of the navigation page. The activity sends a page data request to the application server, and the page data request includes the version identification, the device identification, and the navigation page identification, etc. The application server issues 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. The activity sends an advertisement data request to the advertisement terminal service after determining that the navigation page data includes the advertisement data identification, and the advertisement data request includes the navigation page identification. The advertisement terminal service sends the advertisement data request to the advertisement server after receiving the advertisement data request. The advertisement server issues the advertisement data information corresponding to the navigation page identification according to the advertisement data request. The advertisement data information includes the advertisement data address and the advertisement data display area. The advertisement terminal service calls the screenshot interface to take a screenshot of the display content of the screen after receiving the advertisement data information. The advertisement terminal service crops the screenshot to obtain the first picture and the second picture. The window is created after the cropping is completed. The window displays the first picture and the second picture and creates a playing window in the bottom layer. The first picture and the second picture are in the upper layer of the playing window to shield the playing window. The window moves the first picture and the second picture to the preset positions respectively and controls the playing window to play the advertisement data. The window moves the first picture and the second picture to the initial positions respectively after the advertisement data is played or is about to be played. The window and the playing window are destroyed.

[0253] In some embodiments, after the cropped picture is obtained, the cropped picture can be divided into two or more pictures according to the requirement. Each divided picture is moved to a preset position or is displayed with a target effect to be cancelled to make the cropped picture not shield the playing window, and the playing window is controlled to play the media data. After the media data is played or is about to be played, the cropped picture can be moved to the initial position or the divided picture is displayed with the target effect. The window and the playing window are destroyed.

[0254] In some embodiments, the media data information includes a division type identification. Different values of the division type identification represent different division manners of the cropped picture and the positions and special effects of the divided pictures.

[0255] In some embodiments, the media data information further comprises a target picture address. The media terminal service can obtain a target picture from the target picture address. The target picture can be one or more. The target picture can be set as a specific picture according to operation needs, and cooperate with a moving manner or a special effect to show some specific effects. After obtaining the media data information, a window is created and the target picture is displayed in the window, and a play window is created without taking a screenshot, cropping and splitting. The target picture is moved to a preset position in a certain direction so that the target picture does not block the play window, and the play window plays the media data. The target picture can be displayed with a target effect. After the media data is played or is about to be played, the target picture can be moved to an initial position in a certain direction or the target picture can be displayed with a target effect, and the window and the play window are destroyed.

[0256] In some embodiments, the media data information comprises a screenshot identifier. When the screenshot identifier is 1, it indicates that a screenshot, cropping and splitting are needed. When the screenshot identifier is 0, a target picture in the target picture address can be directly obtained.

[0257] Embodiments of the present application implement a unique display effect of media data across multiple templates based on a method of taking a screenshot, cropping and splitting, and the play of the media data is completely unaware of the application and its templates, is compatible with all templates in the application, and is compatible with all versions of the application without the need to upgrade the application.

[0258] Some embodiments of the present application provide a media data play method, which is applicable to a display device comprising a display and a controller 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 comprising a media data address; take a screenshot of a display content of a screen to obtain a screenshot; crop the screenshot to obtain a cropped picture; create a window and display the cropped picture in the window, and create a play window, the play window being arranged below the cropped picture, and the window being arranged above the first page; move the cropped picture to a preset position so that the cropped picture is located outside the play window, or display the cropped picture with a target effect, and control the play window to play media data obtained from the media data address. Embodiments of the present application take a screenshot of a screen and crop the screenshot after displaying a first page, display a cropped picture on a play window, move the cropped picture and play media data, increase the display effect of the media data, and are compatible with all templates and versions without the cooperation of templates of an application.

[0259] Finally, it should be noted that the above embodiments are only used to illustrate the technical solutions of the present application, and are not intended to limit the present application; although the present application has been described in detail with reference to the foregoing embodiments, those skilled in the art should understand that the technical solutions recorded in the foregoing embodiments can still be modified, or some or all of the technical features can be replaced by equivalents; and these modifications or replacements do not make the essence of the corresponding technical solutions deviate from the scope of the technical solutions of the embodiments of the present application.

[0260] The foregoing description has been presented for the purpose of illustration and description. It is not intended to be exhaustive or to limit the embodiments to the precise forms disclosed. Modifications and variations are possible in light of the above teachings or can be acquired from practice of the embodiments. The described embodiments were chosen and described in order to best explain the principles of the application and its practical application to thereby enable others skilled in the art to best use the application in various embodiments and with various modifications as are suited to the particular use contemplated.

Claims

1. A display device, characterized by comprising: The application relates to a display device and a display method thereof. The display device comprises a display and a controller configured to: display a first page in response to a first instruction for opening the first page input by a user, and acquire media data information, the media data information comprising a media data address; take a screenshot of the display content of a screen to obtain a screenshot; crop the screenshot to obtain a cropped picture; create a window and display the cropped picture in the window, and create a playing window, the playing window being arranged below the cropped picture, the position of the cropped picture in the window being the same as that of the cropped picture in the screenshot, the cropped picture covering the playing window, and the window being arranged above the first page; move the cropped picture to a preset position so that the cropped picture is located outside the playing window, or cancel the display of the cropped picture in a target effect, and control the playing window to play media data acquired from the media data address. The controller configured to display the first page is further configured to:

2. The display device of claim 1, wherein, create an activity; control the activity to send a page data request to a first server; receive first page data issued by the first server based on the page data request; control the activity to load the first page data to display the first page. The controller configured to acquire the media data information is further configured to:

3. The display device of claim 2, wherein, if the first page data comprises a media data identifier, send a media data request to a second server, the media data identifier being used to indicate that the first page is provided with media data to be played, and the media data request comprising a first page identifier; receive media data information issued by the second server based on the first page identifier. The controller configured to crop the screenshot to obtain the cropped picture is further configured to:

4. The display device of claim 1, wherein, acquire a position parameter of media data display; crop the screenshot according to the position parameter to obtain at least one cropped picture. The position parameter of media data display comprises a first width, a first height and a first target point coordinate, and the controller configured to crop the screenshot according to the position parameter to obtain at least one cropped picture is further configured to:

5. The display device of claim 4, wherein, if the moving direction is a horizontal direction, determine a position parameter of a cropping area, the position parameter of the cropping area comprising a second width, a second height and a second target point coordinate, the second width being the width of the display screen, the second height being the first height, the horizontal coordinate of the second target point being a preset value, and the vertical coordinate of the second target point being the vertical coordinate of the first target point; crop the screenshot according to the position parameter of the cropping area to obtain a cropped picture; cut the cropped picture to obtain a first picture and a second picture. The controller configured to crop the screenshot to obtain the cropped picture is further configured to:

6. The display device of claim 1, wherein, acquire a cropping parameter, the cropping parameter comprising a cropping line or a position parameter of at least one cropping area; crop the screenshot according to the cropping line or the at least one cropping parameter to obtain at least one cropped picture. ​ 7. The display device of claim 1, wherein, The cropped picture includes a first picture and a second picture, and the controller is further configured to: move the first picture to a first preset position so that the first picture is located on one side of the playing window, and move the second picture to a second preset position so that the second picture is located on another side of the playing window.

8. The display device of claim 1, wherein, The controller is configured to: move the cropped picture to an initial position after the media data is played to a target time length, the target time length being a difference between a total time length of playing the media data and a time length consumed by moving the cropped picture, and the initial position being a display position of the cropped picture in the window when the window is created; hide the window and destroy the playing window.

9. The display device of claim 1, wherein, The media data information further includes a blocking picture address, and the controller is configured to: obtain a blocking picture from the blocking picture address after the media data is played to completion; display the blocking picture in the playing window; move the cropped picture to an initial position, the initial position being a display position of the cropped picture in the window when the window is created; hide the window and destroy the playing window.

10. A method for playing media data, the method comprising: The method comprises: in response to a first instruction for opening a first page input by a user, displaying the first page and obtaining media data information, the media data information including a media data address; taking a screenshot of a display content of a screen to obtain a screenshot; cropping the screenshot to obtain a cropped picture; creating a window and displaying the cropped picture in the window, and creating a playing window, the playing window being arranged below the cropped picture, a position of the cropped picture displayed in the window being the same as a position of the cropped picture in the screenshot, the cropped picture covering the playing window, and the window being arranged above the first page; moving the cropped picture to a preset position so that the cropped picture is located outside the playing window, or canceling display of the cropped picture in a target effect, and controlling the playing window to play media data obtained from the media data address.

Images