A method for displaying media content and related device

Abstract

The present application discloses a method and a related device for displaying media content, which obtains at least two media contents, encapsulates the at least two media contents into a file with a stacked structure, and then pushes the file with the stacked structure into a display area of ​​a display interface, wherein the display area includes a characteristic element for layer switching, and when the characteristic element is triggered, the media content of the first layer is switched to the media content of the second layer. Thus, the switching of multiple materials at preset positions in the display interface is realized, which saves the position space of the display interface and improves the utilization of the display interface, and enhances the interactivity of the display interface and improves the user experience.

Description

Technical Field

[0001] The present application relates to the field of computer technology, and in particular to a method for displaying media content and a related device. Background Art

[0002] With the development of mobile terminal related technologies, more and more smart devices appear in people's lives, among which advertising recommendations through smart devices have also emerged.

[0003] Generally, the advertising recommendation process adopts a single material recommendation mode to display it in the advertising space on the display interface of the smart device. For the display of multiple advertising materials, certain rules will be used to arrange the advertising materials one by one on the display interface.

[0004] However, since Internet information often appears in a large amount on the display interface, the advertisements displayed by the above method have little appeal to users, and the user participation and interaction are poor. Moreover, when multiple advertisements need to be displayed, a large amount of space on the display interface will be occupied, resulting in a waste of the display interface and affecting the utilization of the display interface. Summary of the invention

[0005] In view of this, the present application provides a method for displaying media content, which can improve the utilization rate of the display interface.

[0006] On one hand, the present application provides a method for displaying media content, which can be applied to a computer device program running process containing advertisements or a system or process for displaying media content, and specifically includes: obtaining at least two media content;

[0007] Encapsulating the at least two media contents into a file with a stacked structure, wherein the file with the stacked structure includes at least two layers, wherein each layer corresponds to one media content;

[0008] Pushing the file of the stacked structure into a display area of ​​a display interface, wherein the display area includes a characteristic element for layer switching;

[0009] If the feature element is triggered, the media content of the first layer is switched to the media content of the second layer, where the second layer is the next layer of the first layer.

[0010] Optionally, in some possible implementations of the present application, if the feature element is triggered, switching from the media content of the first layer to the media content of the second layer includes:

[0011] If the characteristic element is moved, obtaining the moving path of the characteristic element;

[0012] Determine a layer switching area based on the moving path;

[0013] The corresponding media content of the second layer is displayed in the layer switching area.

[0014] Optionally, in some possible implementations of the present application, determining the layer switching area based on the moving path includes:

[0015] Determine the starting point and the ending point of the moving path;

[0016] Determine a movement vector according to the starting point and the ending point;

[0017] The path range of the moving vector is calculated according to a preset algorithm to determine the layer switching area.

[0018] Optionally, in some possible implementations of the present application, displaying the corresponding media content of the second layer in the layer switching area includes:

[0019] Obtaining a ratio of an area of ​​the layer switching region to an area of ​​a display region of the display interface;

[0020] If the ratio meets a preset condition, the media content of the first layer is updated to the media content of the second layer.

[0021] Optionally, in some possible implementations of the present application, the method further includes:

[0022] If the ratio does not meet the preset condition, the trigger ends;

[0023] The media content of the second layer in the layer switching area is restored to the corresponding media content of the first layer.

[0024] Optionally, in some possible implementations of the present application, if the feature element is triggered, switching from the media content of the first layer to the media content of the second layer includes:

[0025] Obtaining a sliding instruction of the display interface, wherein the sliding instruction is used to instruct switching of the display interface;

[0026] triggering the feature element according to the sliding instruction;

[0027] Determining a moving path of the feature element according to a sliding distance indicated by the sliding instruction, so as to switch between layers of the file of the stacked structure;

[0028] Displays the media content of the second layer.

[0029] Optionally, in some possible implementations of the present application, encapsulating the at least two media contents into a file with a stacked structure includes:

[0030] Obtaining size information of a display area in the display interface;

[0031] Processing the at least two media contents according to the size information so that the size information of the at least two media contents is the same;

[0032] The at least two media contents after processing are packaged to obtain the file of the stacked structure.

[0033] Optionally, in some possible implementations of the present application, after switching from the media content of the first layer to the media content of the second layer, the method further includes:

[0034] If the media content in the second layer is displayed, triggering the dynamic element in the second layer;

[0035] Playing the media content corresponding to the dynamic element;

[0036] Optionally, in some possible implementations of the present application, the playing of the media content corresponding to the dynamic element includes:

[0037] Stretching the second layer based on the display interface to fill the display interface;

[0038] The media content corresponding to the dynamic element is played based on the filled display interface.

[0039] Optionally, in some possible implementations of the present application, the method further includes:

[0040] Acquire the dwell time of the first layer, where the dwell time is used to indicate the time during which no interactive operation occurs in the display interface;

[0041] If the stay time is greater than the preset stay time, the characteristic element is triggered.

[0042] Optionally, in some possible implementations of the present application, the media content is an advertisement.

[0043] On one hand, the present application provides a device for displaying media content, including: an acquisition unit, configured to acquire at least two media contents;

[0044] An encapsulation unit, configured to encapsulate the at least two media contents into a file of a stacked structure, wherein the file of the stacked structure includes at least two layers, wherein each layer corresponds to one media content;

[0045] A pushing unit, used to push the file of the stacked structure into a display area of ​​a display interface, wherein the display area includes a characteristic element for layer switching;

[0046] The display unit is configured to switch from the media content of the first layer to the media content of the second layer if the characteristic element is triggered, wherein the second layer is a next layer of the first layer.

[0047] Optionally, in some possible implementations of the present application, the display unit is used to obtain a moving path of the feature element if the feature element is moved;

[0048] The display unit is specifically configured to determine a layer switching area based on the moving path;

[0049] The display unit is specifically configured to display the corresponding media content of the second layer in the layer switching area.

[0050] Optionally, in some possible implementations of the present application, the display unit is used to determine the starting point and the ending point of the moving path;

[0051] The display unit is used to determine the movement vector according to the starting point and the ending point;

[0052] The display unit is used to calculate the path range of the moving vector according to a preset algorithm to determine the layer switching area.

[0053] Optionally, in some possible implementations of the present application, the display unit is used to obtain a ratio of an area of ​​the layer switching region to an area of ​​a display region of the display interface;

[0054] The display unit is configured to update the media content of the first layer to the media content of the second layer if the ratio meets a preset condition.

[0055] Optionally, in some possible implementations of the present application, the display unit is further configured to determine whether the triggering is ended if the ratio does not meet a preset condition;

[0056] The display unit is further configured to restore the media content of the second layer in the layer switching area to the corresponding media content of the first layer.

[0057] Optionally, in some possible implementations of the present application, the display unit is used to obtain a sliding instruction of the display interface, where the sliding instruction is used to instruct the switching of the display interface;

[0058] The display unit is used to trigger the feature element according to the sliding instruction;

[0059] The display unit is used to determine the moving path of the characteristic element according to the sliding distance indicated by the sliding instruction, so as to switch between the layers of the file of the stacked structure;

[0060] Displays the media content of the second layer.

[0061] Optionally, in some possible implementations of the present application, the encapsulation unit is used to obtain size information of a display area in the display interface;

[0062] The encapsulation unit is configured to process the at least two media contents according to the size information so that the size information of the at least two media contents is the same;

[0063] The encapsulation unit is used to encapsulate the at least two processed media contents to obtain the file of the stacked structure.

[0064] Optionally, in some possible implementations of the present application, the display unit is further configured to trigger a dynamic element in the second layer if the media content in the second layer is displayed;

[0065] The display unit is further used to play the media content corresponding to the dynamic element;

[0066] Optionally, in some possible implementations of the present application, the display unit is used to stretch the second layer based on the display interface to fill the display interface;

[0067] The display unit is used to play the media content corresponding to the dynamic element based on the filled display interface.

[0068] Optionally, in some possible implementations of the present application, the display unit is used to obtain a dwell time of the first layer, where the dwell time is used to indicate a time during which no interactive operation occurs in the display interface;

[0069] The display unit is used to trigger the characteristic element if the stay time is greater than a preset stay time.

[0070] On one hand, the present application provides a computer device, including: a memory, a processor and a bus system; the memory is used to store program code; the processor is used to execute the method for displaying media content described in the first aspect or any one of the first aspects according to the instructions in the program code.

[0071] On one hand, the present application provides a computer-readable storage medium, wherein the computer-readable storage medium stores instructions, which, when executed on a computer, enables the computer to execute the method for displaying media content as described in the first aspect or any one of the first aspects.

[0072] It can be seen from the above technical solutions that the embodiments of the present application have the following advantages:

[0073] By acquiring at least two media contents; and encapsulating the at least two media contents into a layered structure file, the layered structure file includes at least two layers, wherein each layer corresponds to a media content; and then pushing the layered structure file into a display area of ​​a display interface, the display area includes a characteristic element for layer switching; when the characteristic element is triggered, the media content of the first layer is switched to the media content of the second layer. Thus, the switching of multiple materials at preset positions in the display interface is realized, which saves the position space of the display interface and improves the utilization of the display interface on the one hand, and enhances the interactivity of the display interface and improves the user experience on the other hand. BRIEF DESCRIPTION OF THE DRAWINGS

[0074] In order to more clearly illustrate the embodiments of the present application or the technical solutions in the prior art, the drawings required for use in the embodiments or the description of the prior art will be briefly introduced below. Obviously, the drawings described below are only embodiments of the present application. For ordinary technicians in this field, other drawings can be obtained based on the provided drawings without paying any creative work.

[0075] Figure 1 A network architecture diagram for the operation of the media content display system;

[0076] Figure 2 A flow chart of media content display provided in an embodiment of the present application;

[0077] Figure 3 A flowchart of a method for displaying media content provided in an embodiment of the present application;

[0078] Figure 4 A schematic diagram of a scene of media content display provided in an embodiment of the present application;

[0079] Figure 5 A schematic diagram of a scene of media content display provided in an embodiment of the present application;

[0080] Figure 6 A flowchart of a method for displaying media content provided by an embodiment of the present application;

[0081] Figure 7 A schematic diagram of a scene of media content display provided in an embodiment of the present application;

[0082] Figure 8 A schematic diagram of a scene of media content display provided in an embodiment of the present application;

[0083] Fig. 9 A schematic diagram of a scene of media content display provided in an embodiment of the present application;

[0084] Fig.10 A schematic diagram of the structure of a media content display device provided in an embodiment of the present application;

[0085] Fig.11 A schematic diagram of the structure of another computer device provided in an embodiment of the present application. DETAILED DESCRIPTION

[0086] The embodiment of the present application provides a method and related device for displaying media content, which can be applied to the running process of a computer device program containing advertisements or the system or process of displaying media content, by obtaining at least two media contents; and encapsulating the at least two media contents into a file of a stacked structure, the file of the stacked structure includes at least two layers, wherein each layer corresponds to a media content; and then pushing the file of the stacked structure into a display area of ​​a display interface, the display area includes a characteristic element for layer switching; when the characteristic element is triggered, the media content of the first layer is switched to the media content of the second layer. Thus, the switching of multiple materials at preset positions in the display interface is realized, which saves the position space of the display interface on the one hand and improves the utilization of the display interface, and enhances the interactivity of the display interface on the other hand and improves the user experience.

[0087] The terms "first", "second", "third", "fourth", etc. (if any) in the specification and claims of the present application and the above-mentioned drawings are used to distinguish similar objects, and are not necessarily used to describe a specific order or sequence. It should be understood that the data used in this way can be interchangeable where appropriate, so that the embodiments of the present application described herein can be implemented in an order other than those illustrated or described herein, for example. In addition, the terms "including" and "corresponding to" and any of their variations are intended to cover non-exclusive inclusions, for example, a process, method, system, product or device that includes a series of steps or units is not necessarily limited to those steps or units that are clearly listed, but may include other steps or units that are not clearly listed or inherent to these processes, methods, products or devices.

[0088] It should be understood that the media content display method provided in the present application can be applied to a computer device program running process containing advertisements or a system or process of media content display, such as a multi-advertisement push program. Specifically, the media content display system can be run in a system such as Figure 1 In the network architecture shown in Figure 1 As shown in FIG. 1 , it is a network architecture diagram of the operation of the media content display system. As can be seen from the figure, the media content display system can provide media content display of multiple information sources. The terminal receives the media content sent by the server, synthesizes the cascade structure file on the client, and performs the switching display process of multiple media contents when the characteristic element is triggered. It can be understood that Figure 1A variety of computer devices are shown in FIG. 1 . In actual scenarios, more or fewer types of computer devices may be involved in the process of displaying media content. The specific number and type depend on the actual scenario and are not limited here. In addition, Figure 1 One server is shown in the figure, but in actual scenarios, multiple servers may be involved, especially in scenarios where multiple application data interact. The specific number of servers depends on the actual scenario.

[0089] It should be noted that the media content display method provided in this embodiment can also be performed offline, that is, without the participation of the server, and the terminal processes the locally stored media content and pushes it to the designated display interface.

[0090] It can be understood that the above-mentioned media content display system can be run on a personal mobile terminal, for example: as an application such as an advertising push plug-in, it can also be run on a server, and it can also be run on a third-party device to provide media content display to obtain the media content display result of the information source, for example: in the mobile terminal, first start the relevant media content display program, and then pull multiple media content through the program for processing and synthesis, and then trigger and display; the specific media content display system can be run in the above-mentioned device in the form of a program, or it can be run as a system component in the above-mentioned device, and it can also be used as a cloud service program. The specific operation mode depends on the actual scenario and is not limited here.

[0091] With the development of mobile terminal related technologies, more and more smart devices appear in people's lives, among which advertising recommendations through smart devices have also emerged.

[0092] Generally, the advertising recommendation process adopts a single material recommendation mode to display it in the advertising space on the display interface of the smart device. For the display of multiple advertising materials, certain rules will be used to arrange the advertising materials one by one on the display interface.

[0093] However, since Internet information often appears in a large amount on the display interface, the advertisements displayed by the above method are less attractive to users, and the user participation and interaction are poor. Moreover, when multiple advertisements need to be displayed, a large amount of space on the display interface will be occupied, resulting in a waste of the display interface and affecting the utilization of the display interface.

[0094] In order to solve the above problems, the present application proposes a method for displaying media content. Figure 2 In the process framework of the media content display shown in FIG. 1 , the process is executed by a computer device, which may be a terminal or a server. Figure 2As shown, it is a flow architecture diagram of a media content display provided by an embodiment of the present application. First, the server sends multiple advertising materials, such as pictures, videos, or a combination of the two; then the advertising materials are combined on the client to obtain a layered structure file, and then the layered structure file is pushed to the client. When the characteristic element of the client is triggered, the advertising material switching process of the layered structure file is performed, thereby realizing the interactive display of multiple advertisements. It should be noted that the media content display method provided in this embodiment is executed by a computer device, which means that it can be executed by a terminal alone, by a server alone, or by a terminal and a server together.

[0095] It is understandable that advertisements are used as an example here for explanation, and other forms of media content may also be used. The specific form depends on the actual scenario and is not limited here.

[0096] It is understandable that the method provided by the present application can be written as a program to serve as a processing logic in a hardware system, or as a media content display device, which implements the above processing logic in an integrated or external manner. As an implementation method, the media content display device obtains at least two media contents; and encapsulates the at least two media contents into a layered structure file, the layered structure file includes at least two layers, wherein each layer corresponds to a media content; and then pushes the layered structure file to the display area of ​​the display interface, the display area includes a characteristic element for layer switching; when the characteristic element is triggered, the media content of the first layer is switched to the media content of the second layer. Thus, the switching of multiple materials at preset positions in the display interface is realized, which saves the position space of the display interface on the one hand, improves the utilization of the display interface, and enhances the interactivity of the display interface on the other hand, improves the user experience.

[0097] Combined with the above process architecture, the following will introduce the method of displaying media content in this application. Figure 3 , Figure 3 A flowchart of a method for displaying media content provided in an embodiment of the present application, the embodiment of the present application at least includes the following steps:

[0098] 301. A computer device obtains at least two media contents.

[0099] In this embodiment, the media content can be sent by the server or stored locally in the terminal. Specifically, the media content can be a picture, a video, or an interface of an operable program, etc., wherein the media content can be pushed to the relevant interface of the terminal as an advertisement for playback and display, and the specific form depends on the actual scenario.

[0100] It is understandable that at least two media contents may be media contents in different forms, i.e., the switching process between pictures and videos; at least two media contents may also be obtained by performing different processing on the same advertisement, for example, one media content is a video of the advertisement, and the other media content is a screenshot of the video.

[0101] 302. The computer device encapsulates the at least two media contents into a file with a layered structure.

[0102] In this embodiment, the layered structure file includes at least two layers, wherein each layer corresponds to a media content. Specifically, the media content corresponding to each layer is independent of each other, that is, there is no need to unify the format of the media content, and media content of different formats can be packaged.

[0103] Optionally, due to the limitation of the size of the terminal display interface, the size information may also be considered in the process of packaging the file into a stacked structure. Specifically, first obtain the size information of the display area in the display interface; then process the at least two media contents according to the size information so that the size information of the at least two media contents is the same; and then package the at least two media contents after processing to obtain the file of the stacked structure. For example, if the size information of the media content is 10*20cm, and the size information of the display area in the display interface is 20*40cm, the media content is stretched accordingly to be added to the file of the stacked structure.

[0104] 303. The computer device pushes the file of the stacked structure to the display area of ​​the display interface.

[0105] In this embodiment, the display area includes characteristic elements for layer switching. Specifically, the characteristic elements may be in the form of finger sliding, clicking, or dragging of a mouse, etc. In addition, the determination of the characteristic elements also needs to take into account the type of computer device. For example, if the computer device is a touch-screen device, the characteristic element may be finger sliding or clicking; if the computer device is a personal terminal, the characteristic element may be dragging or clicking of a mouse; if the computer device is a button terminal, the characteristic element may be a specific hardware button. The specific form of the characteristic elements depends on the specific scenario and is not limited here.

[0106] 304. If the characteristic element is triggered, the computer device switches from the media content of the first layer to the media content of the second layer.

[0107] In this embodiment, the second layer is the next layer of the first layer, such as Figure 4As shown, it is a schematic diagram of a scene of media content display provided by an embodiment of the present application; in the figure, the initial display content in the display area A1 is the first layer, that is, media content 1, and when the user slides his finger in the display area A1, the display area A1 switches to the second layer, that is, media content 2. It can be understood that each layer can include multiple media contents, and one is used for illustration here, and it is not limited.

[0108] In addition, the layer switching process is not limited to switching between two layers, but can also be switching between more layers, or cyclic switching of multiple layers, that is, when switching to the last layer in the queue, if the feature element is still being triggered, it switches to the first layer, and so on.

[0109] Optionally, during the switching of the first layer, the second layer may be displayed accordingly, similar to the unveiling effect, such as Figure 5 As shown, it is a schematic diagram of another scene of media content display provided by an embodiment of the present application. In the figure, when the finger slides, the area B1 swiped over will display media content 2, that is, media content 1 and media content 2 can be seen at the same time, and there is an interaction process between the two.

[0110] In a possible scenario, the switched media content 2 is a video or other media content form that requires a secondary trigger operation. After switching from the media content of the first layer to the media content of the second layer, the following operations can be performed: when the media content in the second layer is displayed, the dynamic element in the second layer is triggered; and then the media content corresponding to the dynamic element is played;

[0111] Optionally, in order to further improve the recognition of the above-mentioned dynamic elements, the second layer may be stretched based on the display interface to fill the display interface; and then the media content corresponding to the dynamic element is played based on the filled display interface.

[0112] In another possible scenario, since the user may make an error operation, that is, accidentally touch the feature element and trigger the switch, which will affect the user's reading process, it should be determined whether the user is looking at the display area. Specifically, the dwell time of the first layer can be obtained, and the dwell time is used to indicate the time when no interactive operation occurs in the display interface; when the dwell time is greater than the preset dwell time, the feature element is triggered. For example: when media content 1 appears in the display interface, the timing starts at this time. If the user does not perform any operation within the 2 seconds of the timing, it is determined that the user is staying in media content 1, and the next switching layer is further determined.

[0113] In combination with the above embodiments, it can be known that by acquiring at least two media contents and encapsulating the at least two media contents into a layered structure file, the layered structure file includes at least two layers, wherein each layer corresponds to a media content; and then pushing the layered structure file into the display area of ​​the display interface, the display area includes a characteristic element for layer switching; when the characteristic element is triggered, the media content of the first layer is switched to the media content of the second layer. Thus, the switching of multiple materials at preset positions in the display interface is realized, which saves the position space of the display interface on the one hand and improves the utilization of the display interface, and enhances the interactivity of the display interface and improves the user experience on the other hand.

[0114] The above embodiment introduces the switching process of multiple media contents. In the switching process of layers, the lower layers can be switched accordingly with the triggering process of the elements. The following will introduce this scenario. Figure 6 , Figure 6 A flowchart of another method for displaying media content provided in an embodiment of the present application is executed by a computer device. The embodiment of the present application at least includes the following steps:

[0115] 601. A computer device obtains at least two media contents.

[0116] 602. The computer device encapsulates the at least two media contents into a file with a layered structure.

[0117] 603. The computer device pushes the file of the stacked structure into the display area of ​​the display interface.

[0118] In this embodiment, steps 601-603 and Figure 3 Steps 301-303 of the embodiment are similar, and the relevant feature descriptions can be referred to and will not be repeated here.

[0119] 604. If the characteristic element is triggered, the computer device obtains the moving path of the characteristic element.

[0120] In this embodiment, the moving path of the feature element can be the path of a finger, the path of a mouse drag, or the path of a case indication movement. The specific form depends on the actual scenario and is not limited here.

[0121] 605. The computer device determines a layer switching area according to the moving path.

[0122] In this embodiment, the process of determining the layer switching area according to the moving path may be a process of extending toward the edge of the real interface with the path as the perpendicular line, such as Figure 7As shown, it is a schematic diagram of another scene of media content display provided by an embodiment of the present application. In the process of swiping the finger, the edge of the display interface will be expanded based on the path to determine it as the layer switching area C1. It can be understood that the layer switching area C1 can be understood as an area whose display changes with the movement of the finger, thereby producing an effect of multimedia content interaction; wherein, the calculation process of the above-mentioned layer switching area C1 is only an example, and the specific process of determining the layer switching area C1 can also be based on starting from any position in the display interface, that is, it may be swiped from the middle of the media content 1 to produce a tearing effect, and the media content 2 is displayed in the torn area.

[0123] Optionally, since the user's finger may not slide in a regular straight line, in order to ensure the accuracy of the layer switching area, the starting point and the end point of the movement path can be determined; then the movement vector is determined according to the starting point and the end point; the path range of the movement vector is calculated according to a preset algorithm to determine the layer switching area. Specifically, Figure 8 As shown, it is a schematic diagram of another scene of media content display provided by an embodiment of the present application. In the figure, the path of a finger movement is a curve. At this time, by determining the starting point and the ending point, and then making a connecting line according to the starting point and the ending point, the layer switching area D1 is expanded according to the connecting line, wherein the layer switching area D1 can be a square as shown in the figure, that is, the connecting line is the diagonal line; the layer switching area D1 can also be a triangle, that is, the connecting line is the perpendicular bisector; the layer switching area D1 can also be a circle, that is, the connecting line is the diameter. The specific shape of the layer switching area D1 depends on the actual scene and is not limited here.

[0124] 606. The computer device displays the second layer in the layer switching area.

[0125] In this embodiment, when the layer switching area in step 605 covers the first layer, the layer switching is completed and the second layer is displayed.

[0126] Optionally, the process of switching the second layer can also be performed based on a certain threshold, that is, when the ratio of the area of ​​the layer switching area to the area of ​​the display area reaches a certain threshold, the first layer is directly switched to the second layer. Specifically, first obtain the ratio of the area of ​​the layer switching area to the area of ​​the display area of ​​the display interface; when the ratio meets the preset conditions, the media content of the first layer is updated to the media content of the second layer. For example: when the area of ​​the layer switching area reaches one-third of the area of ​​the display area, the media content of the first layer is updated to the media content of the second layer.

[0127] Correspondingly, when the ratio does not meet the preset conditions, it is determined whether the trigger is ended; if it is ended, for example, the finger leaves the screen, the media content of the second layer in the layer switching area is restored to the corresponding media content of the first layer, thereby saving user operations and facilitating use.

[0128] In a possible scenario, the process of determining the layer switching area may also be related to operations of other display areas in the display interface, such as Fig. 9 The figure is a schematic diagram of another scene of media content display provided by an embodiment of the present application. When the user performs page turning and sliding, that is, the feature element is outside the first layer, the first layer performs a corresponding switching process in response to the sliding operation. Specifically, firstly, a sliding instruction of the display interface is obtained, wherein the sliding instruction is used to indicate the switching of the display interface; then, the feature element is triggered according to the sliding instruction; and then, the moving path of the feature element is determined according to the sliding distance indicated by the sliding instruction, so as to switch between the layers of the stacked structure file to display the media content of the second layer.

[0129] The above possible operations in different scenarios can also be applied to Figure 3 Corresponding combinations are made in the described embodiments and will not be described in detail here.

[0130] In combination with the above embodiments, it can be known that by acquiring at least two media contents and encapsulating the at least two media contents into a layered structure file, the layered structure file includes at least two layers, wherein each layer corresponds to a media content; and then pushing the layered structure file into the display area of ​​the display interface, the display area includes a characteristic element for layer switching; when the characteristic element is triggered, the media content of the first layer is switched to the media content of the second layer. Thus, the switching of multiple materials at preset positions in the display interface is realized, which saves the position space of the display interface on the one hand and improves the utilization of the display interface, and enhances the interactivity of the display interface and improves the user experience on the other hand.

[0131] In combination with the above embodiments, the method for displaying media content proposed in the embodiments of the present application is described below in a specific application.

[0132] The embodiment of the present application provides an information push program, whose interface includes an advertising position, namely, a display area. Based on the display area, a file with a stacked structure provided by the embodiment of the present application is encapsulated. The user can press and hold the footer of the first layer and drag to unveil it. The dragging direction can be in any direction; until the first layer is completely unveiled, that is, switched to the second layer. At this time, since the second layer includes media content with dynamic elements, it will automatically fill the display interface and play corresponding advertisements, thereby showing the switching of advertisements and automatic playback, which increases the attention of the advertisements, saves the controls of the display interface, and improves the utilization rate of the display interface.

[0133] In order to better implement the above solution of the embodiment of the present application, the following also provides related devices for implementing the above solution. Fig.10 , Fig.10 This is a structural diagram of a media content display device provided in an embodiment of the present application. The media content display device 1100 includes:

[0134] An acquisition unit 1101 is used to acquire at least two media contents;

[0135] The encapsulation unit 1102 is used to encapsulate the at least two media contents into a file with a stacked structure, wherein the file with the stacked structure includes at least two layers, wherein each layer corresponds to one media content;

[0136] A pushing unit 1103, configured to push the file of the stacked structure to a display area of ​​a display interface, wherein the display area includes a characteristic element for layer switching;

[0137] The display unit 1104 is configured to switch from the media content of the first layer to the media content of the second layer if the characteristic element is triggered, where the second layer is a next layer of the first layer.

[0138] Optionally, in some possible implementations of the present application, the display unit 1104 is specifically configured to obtain a moving path of the feature element if the feature element is moved;

[0139] The display unit 1104 is specifically configured to determine a layer switching area based on the moving path;

[0140] The display unit 1104 is specifically configured to display the corresponding media content of the second layer in the layer switching area.

[0141] Optionally, in some possible implementations of the present application, the display unit 1104 is specifically used to determine the starting point and the ending point of the moving path;

[0142] The display unit 1104 is specifically configured to determine a movement vector according to the starting point and the ending point;

[0143] The display unit 1104 is specifically configured to calculate the path range of the moving vector according to a preset algorithm to determine a layer switching area.

[0144] Optionally, in some possible implementations of the present application, the display unit 1104 is specifically configured to obtain a ratio of an area of ​​the layer switching region to an area of ​​a display region of the display interface;

[0145] The display unit 1104 is specifically configured to update the media content of the first layer to the media content of the second layer if the ratio meets a preset condition.

[0146] Optionally, in some possible implementations of the present application, the display unit 1104 is further configured to determine whether the triggering is ended if the ratio does not meet a preset condition;

[0147] The display unit 1104 is further configured to restore the media content of the second layer in the layer switching area to the corresponding media content of the first layer if yes.

[0148] Optionally, in some possible implementations of the present application, the display unit 1104 is specifically used to obtain a sliding instruction of the display interface, where the sliding instruction is used to instruct the switching of the display interface;

[0149] The display unit 1104 is specifically configured to trigger the feature element according to the sliding instruction;

[0150] The display unit 1104 is specifically configured to determine a moving path of the feature element according to a sliding distance indicated by the sliding instruction, so as to switch between layers of the file of the stacked structure;

[0151] The display unit 1104 is specifically configured to display the media content of the second layer.

[0152] Optionally, in some possible implementations of the present application, the encapsulation unit 1102 is specifically used to obtain size information of a display area in the display interface;

[0153] The encapsulation unit 1102 is specifically configured to process the at least two media contents according to the size information so that the size information of the at least two media contents is the same;

[0154] The encapsulation unit 1102 is specifically configured to encapsulate the at least two media contents after processing to obtain the file of the stacked structure.

[0155] Optionally, in some possible implementations of the present application, the display unit 1104 is further configured to trigger a dynamic element in the second layer if the media content in the second layer is displayed;

[0156] The display unit 1104 is further used to play the media content corresponding to the dynamic element;

[0157] Optionally, in some possible implementations of the present application, the display unit 1104 is specifically configured to stretch the second layer based on the display interface to fill the display interface;

[0158] The display unit 1104 is specifically configured to play the media content corresponding to the dynamic element based on the filled display interface.

[0159] Optionally, in some possible implementations of the present application, the display unit 1104 is specifically used to obtain the dwell time of the first layer, where the dwell time is used to indicate the time during which no interactive operation occurs in the display interface;

[0160] The display unit 1104 is specifically configured to trigger the feature element if the dwell time is greater than a preset dwell time.

[0161] By acquiring at least two media contents; and encapsulating the at least two media contents into a layered structure file, the layered structure file includes at least two layers, wherein each layer corresponds to a media content; and then pushing the layered structure file into a display area of ​​a display interface, the display area includes a characteristic element for layer switching; when the characteristic element is triggered, the media content of the first layer is switched to the media content of the second layer. Thus, the switching of multiple materials at preset positions in the display interface is realized, which saves the position space of the display interface and improves the utilization of the display interface on the one hand, and enhances the interactivity of the display interface and improves the user experience on the other hand.

[0162] The present application also provides a computer device, such as Fig.11 , is a schematic diagram of the structure of another computer device provided in the embodiment of the present application. For the sake of convenience, only the part related to the embodiment of the present application is shown. For specific technical details not disclosed, please refer to the method part of the embodiment of the present application. The computer device can be any computer device including a mobile phone, a tablet computer, a personal digital assistant (PDA), a point of sales (POS), a car computer, a server, etc., taking the computer device as a mobile phone as an example:

[0163] Fig.11FIG. 1 is a block diagram showing a partial structure of a mobile phone related to a computer device provided in an embodiment of the present application. Fig.11 The mobile phone includes: a radio frequency (RF) circuit 1210, a memory 1220, an input unit 1230, a display unit 1240, a sensor 1250, an audio circuit 1260, a wireless fidelity (WiFi) module 1270, a processor 1280, and a power supply 1290. Those skilled in the art will understand that Fig.11 The mobile phone structure shown in the figure does not constitute a limitation on the mobile phone, and may include more or fewer components than shown in the figure, or combine certain components, or arrange the components differently.

[0164] Combine the following Fig.11 A detailed introduction to the various components of the mobile phone:

[0165] The RF circuit 1210 can be used for receiving and sending signals during the process of sending and receiving information or making calls. In particular, after receiving the downlink information of the base station, it is sent to the processor 1280 for processing; in addition, the designed uplink data is sent to the base station. Generally, the RF circuit 1210 includes but is not limited to an antenna, at least one amplifier, a transceiver, a coupler, a low noise amplifier (LNA), a duplexer, etc. In addition, the RF circuit 1210 can also communicate with the network and other devices through wireless communication. The above-mentioned wireless communication can use any communication standard or protocol, including but not limited to the global system of mobile communication (GSM), general packet radio service (GPRS), code division multiple access (CDMA), wideband code division multiple access (WCDMA), long term evolution (LTE), email, short messaging service (SMS), etc.

[0166] The memory 1220 can be used to store software programs and modules. The processor 1280 executes various functional applications and data processing of the mobile phone by running the software programs and modules stored in the memory 1220. The memory 1220 can mainly include a program storage area and a data storage area, wherein the program storage area can store an operating system, an application required for at least one function (such as a sound playback function, an image playback function, etc.), etc.; the data storage area can store data created according to the use of the mobile phone (such as audio data, a phone book, etc.), etc. In addition, the memory 1220 can include a high-speed random access memory, and can also include a non-volatile memory, such as at least one disk storage device, a flash memory device, or other volatile solid-state storage devices.

[0167] The input unit 1230 can be used to receive input digital or character information, and to generate key signal input related to the user settings and function control of the mobile phone. Specifically, the input unit 1230 may include a touch panel 1231 and other input devices 1232. The touch panel 1231, also known as a touch screen, can collect the user's touch operation on or near it (such as the user's operation on the touch panel 1231 or near the touch panel 1231 using any suitable object or accessory such as a finger, stylus, etc.), and drive the corresponding connection device according to a pre-set program. Optionally, the touch panel 1231 may include two parts: a touch detection device and a touch controller. Among them, the touch detection device detects the user's touch orientation, detects the signal brought by the touch operation, and transmits the signal to the touch controller; the touch controller receives the touch information from the touch detection device, converts it into the touch point coordinates, and then sends it to the processor 1280, and can receive and execute the command sent by the processor 1280. In addition, the touch panel 1231 can be implemented in various types such as resistive, capacitive, infrared, and surface acoustic waves. In addition to the touch panel 1231, the input unit 1230 may also include other input devices 1232. Specifically, other input devices 1232 may include but are not limited to one or more of a physical keyboard, function keys (such as volume control keys, switch keys, etc.), a trackball, a mouse, a joystick, etc.

[0168] The display unit 1240 can be used to display information input by the user or information provided to the user and various menus of the mobile phone. The display unit 1240 may include a display panel 1241. Optionally, the display panel 1241 may be configured in the form of a liquid crystal display (LCD), an organic light-emitting diode (OLED), etc. Further, the touch panel 1231 may cover the display panel 1241. When the touch panel 1231 detects a touch operation on or near it, it is transmitted to the processor 1280 to determine the type of touch event. Subsequently, the processor 1280 provides a corresponding visual output on the display panel 1241 according to the type of touch event. Although in Fig.11 In the embodiment, the touch panel 1231 and the display panel 1241 are used as two independent components to realize the input and output functions of the mobile phone, but in some embodiments, the touch panel 1231 and the display panel 1241 can be integrated to realize the input and output functions of the mobile phone.

[0169] The mobile phone may also include at least one sensor 1250, such as a light sensor, a motion sensor, and other sensors. Specifically, the light sensor may include an ambient light sensor and a proximity sensor, wherein the ambient light sensor may adjust the brightness of the display panel 1241 according to the brightness of the ambient light, and the proximity sensor may turn off the display panel 1241 and / or the backlight when the mobile phone is moved to the ear. As a type of motion sensor, the accelerometer sensor can detect the magnitude of acceleration in all directions (generally three axes), and can detect the magnitude and direction of gravity when stationary. It can be used for applications that identify the posture of the mobile phone (such as horizontal and vertical screen switching, related games, magnetometer posture calibration), vibration recognition related functions (such as pedometer, tapping), etc.; as for other sensors that can be configured in the mobile phone, such as gyroscopes, barometers, hygrometers, thermometers, infrared sensors, etc., they will not be repeated here.

[0170] The audio circuit 1260, the speaker 1261, and the microphone 1262 can provide an audio interface between the user and the mobile phone. The audio circuit 1260 can transmit the received audio data to the speaker 1261 after converting the received audio data into an electrical signal, which is converted into a sound signal for output; on the other hand, the microphone 1262 converts the collected sound signal into an electrical signal, which is received by the audio circuit 1260 and converted into audio data, and then the audio data is output to the processor 1280 for processing, and then sent to another mobile phone through the RF circuit 1210, or the audio data is output to the memory 1220 for further processing.

[0171] WiFi is a short-range wireless transmission technology. The mobile phone can help users send and receive emails, browse web pages and access streaming media through the WiFi module 1270. It provides users with wireless broadband Internet access. Fig.11 A WiFi module 1270 is shown, but it is understandable that it is not an essential component of the mobile phone and can be omitted as needed without changing the essence of the invention.

[0172] The processor 1280 is the control center of the mobile phone. It uses various interfaces and lines to connect various parts of the entire mobile phone. It executes various functions of the mobile phone and processes data by running or executing software programs and / or modules stored in the memory 1220, and calling data stored in the memory 1220. Optionally, the processor 1280 may include one or more processing units; optionally, the processor 1280 may integrate an application processor and a modem processor, wherein the application processor mainly processes the operating system, user interface, and application programs, and the modem processor mainly processes wireless communications. It is understandable that the above-mentioned modem processor may not be integrated into the processor 1280.

[0173] The mobile phone also includes a power supply 1290 (such as a battery) for supplying power to various components. Optionally, the power supply can be logically connected to the processor 1280 through a power management system, thereby managing functions such as charging, discharging, and power consumption management through the power management system.

[0174] Although not shown, the mobile phone may also include a camera, a Bluetooth module, etc., which will not be described in detail here.

[0175] In the embodiment of the present application, the processor 1280 included in the terminal also has the function of executing each step of the above-mentioned page processing method.

[0176] The present application also provides a computer-readable storage medium in which a media content display instruction is stored. When the computer-readable storage medium is run on a computer, the computer executes the above-mentioned Figures 2 to 9 The illustrated embodiment describes the steps performed by the media content display device in the method.

[0177] The present application also provides a computer program product including a media content display instruction, which, when executed on a computer, enables the computer to execute the above-mentioned Figures 2 to 9 The illustrated embodiment describes the steps performed by the media content display device in the method.

[0178] The embodiment of the present application also provides a media content display system, wherein the media content display system may include Fig.10 The media content display device in the described embodiments, or Fig.11Computer equipment described.

[0179] Those skilled in the art can clearly understand that, for the convenience and brevity of description, the specific working processes of the systems, devices and units described above can refer to the corresponding processes in the aforementioned method embodiments and will not be repeated here.

[0180] In the several embodiments provided in the present application, it should be understood that the disclosed systems, devices and methods can be implemented in other ways. For example, the device embodiments described above are only schematic. For example, the division of the units is only a logical function division. There may be other division methods in actual implementation, such as multiple units or components can be combined or integrated into another system, or some features can be ignored or not executed. Another point is that the mutual coupling or direct coupling or communication connection shown or discussed can be an indirect coupling or communication connection through some interfaces, devices or units, which can be electrical, mechanical or other forms.

[0181] The units described as separate components may or may not be physically separated, and the components shown as units may or may not be physical units, that is, they may be located in one place or distributed on multiple network units. Some or all of the units may be selected according to actual needs to achieve the purpose of the solution of this embodiment.

[0182] In addition, each functional unit in each embodiment of the present application may be integrated into one processing unit, or each unit may exist physically separately, or two or more units may be integrated into one unit. The above-mentioned integrated unit may be implemented in the form of hardware or in the form of software functional units.

[0183] If the integrated unit is implemented in the form of a software functional unit and sold or used as an independent product, it can be stored in a computer-readable storage medium. Based on this understanding, the technical solution of the present application is essentially or the part that contributes to the prior art or all or part of the technical solution can be embodied in the form of a software product, and the computer software product is stored in a storage medium, including a number of instructions to enable a computer device (which can be a personal computer, a media content display device, or a network device, etc.) to perform all or part of the steps of the method described in each embodiment of the present application. The aforementioned storage medium includes: U disk, mobile hard disk, read-only memory (ROM), random access memory (RAM), disk or optical disk and other media that can store program code.

[0184] As described above, the above embodiments are only used to illustrate the technical solutions of the present application, rather than to limit them. 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 make equivalent replacements for some of the technical features therein. However, these modifications or replacements do not deviate the essence of the corresponding technical solutions from the spirit and scope of the technical solutions of the embodiments of the present application.

Claims

1. A method for displaying media content, characterized in that: include: Acquire at least two media contents, where the media contents are advertisements; Encapsulating the at least two media contents into a file with a stacked structure, wherein the file with the stacked structure includes at least two layers, wherein each layer corresponds to one media content; Pushing the file of the stacked structure into a display area of ​​a display interface, wherein the display area includes a characteristic element for layer switching; If the characteristic element is triggered, the media content of the first layer is switched to the media content of the second layer in an unveiling manner, where the second layer is a layer next to the first layer; If the characteristic element is triggered, switching from the media content of the first layer to the media content of the second layer in an unveiling manner includes: If the characteristic element is moved, obtaining the moving path of the characteristic element; Determine a layer switching area based on the moving path; Obtaining a ratio of an area of ​​the layer switching region to an area of ​​a display region of the display interface; If the ratio meets a preset condition, the media content of the first layer is updated to the media content of the second layer.

2. The method according to claim 1, characterized in that The determining of the layer switching area based on the moving path includes: Determine the starting point and the ending point of the moving path; Determine a movement vector according to the starting point and the ending point; The path range of the moving vector is calculated according to a preset algorithm to determine the layer switching area.

3. The method according to claim 1, characterized in that: The method further comprises: If the ratio does not meet the preset condition, the trigger ends; The media content of the second layer in the layer switching area is restored to the corresponding media content of the first layer.

4. The method according to claim 1, characterized in that If the characteristic element is triggered, the media content of the first layer is switched to the media content of the second layer in an unveiling manner, and further includes: Obtaining a sliding instruction of the display interface, wherein the sliding instruction is used to instruct switching of the display interface; triggering the feature element according to the sliding instruction; Determining a moving path of the feature element according to a sliding distance indicated by the sliding instruction, so as to switch between layers of the file of the stacked structure; Displays the media content of the second layer.

5. The method according to any one of claims 1 to 4, characterized in that: The step of encapsulating the at least two media contents into a file with a stacked structure comprises: Obtaining size information of a display area in the display interface; Processing the at least two media contents according to the size information so that the size information of the at least two media contents is the same; The at least two media contents after processing are packaged to obtain the file of the stacked structure.

6. The method according to any one of claims 1 to 4, characterized in that: After the media content of the first layer is switched to the media content of the second layer in the unveiling manner, the method further includes: If the media content in the second layer is displayed, triggering the dynamic element in the second layer; Play the media content corresponding to the dynamic element.

7. The method according to claim 6, characterized in that The playing of the media content corresponding to the dynamic element includes: Stretching the second layer based on the display interface to fill the display interface; The media content corresponding to the dynamic element is played based on the filled display interface.

8. The method according to any one of claims 1 to 4, characterized in that: The method further comprises: Acquire the dwell time of the first layer, where the dwell time is used to indicate the time during which no interactive operation occurs in the display interface; If the stay time is greater than the preset stay time, the characteristic element is triggered.

9. A device for displaying media content, characterized in that: include: An acquisition unit, configured to acquire at least two media contents, wherein the media contents are advertisements; An encapsulation unit, configured to encapsulate the at least two media contents into a file of a stacked structure, wherein the file of the stacked structure includes at least two layers, wherein each layer corresponds to one media content; A pushing unit, used for pushing the file of the stacked structure into a display area of ​​a display interface, wherein the display area includes a characteristic element for layer switching; A display unit, configured to switch from the media content of the first layer to the media content of the second layer in an unveiling manner if the characteristic element is triggered, wherein the second layer is a layer next to the first layer; The display unit is specifically configured to obtain a moving path of the feature element if the feature element is moved; The display unit is specifically configured to determine a layer switching area based on the moving path; The display unit is specifically configured to display the corresponding media content of the second layer in the layer switching area; The display unit is specifically used to obtain the ratio of the area of ​​the layer switching area to the area of ​​the display area of ​​the display interface; The display unit is specifically configured to update the media content of the first layer to the media content of the second layer if the ratio meets a preset condition.

10. The device according to claim 9, characterized in that The display unit is specifically used to determine the starting point and the ending point of the moving path; The display unit is specifically used to determine the movement vector according to the starting point and the ending point; The display unit is specifically used to calculate the path range of the moving vector according to a preset algorithm to determine the layer switching area.

11. The device according to claim 9, characterized in that The display unit is further used to determine whether the triggering is ended if the ratio does not meet a preset condition; The display unit is further configured to restore the media content of the second layer in the layer switching area to the corresponding media content of the first layer.

12. The device according to claim 9, characterized in that The display unit is further configured to obtain a sliding instruction of the display interface, wherein the sliding instruction is used to instruct the switching of the display interface; The display unit is specifically configured to trigger the feature element according to the sliding instruction; The display unit is specifically used to determine the moving path of the characteristic element according to the sliding distance indicated by the sliding instruction, so as to switch between the layers of the file of the stacked structure; The display unit is specifically used to display the media content of the second layer.

13. The device according to any one of claims 9 to 12, characterized in that: The encapsulation unit is specifically used to obtain size information of the display area in the display interface; The encapsulation unit is specifically configured to process the at least two media contents according to the size information so that the size information of the at least two media contents is the same; The encapsulation unit is specifically used to encapsulate the at least two processed media contents to obtain the file of the stacked structure.

14. The device according to any one of claims 9 to 12, wherein the display unit is further configured to trigger the dynamic element in the second layer if the media content in the second layer is displayed; The display unit is also used to play the media content corresponding to the dynamic element.

15. The device according to any one of claims 14, wherein the display unit is specifically configured to stretch the second layer based on the display interface to fill the display interface; The display unit is specifically configured to play the media content corresponding to the dynamic element based on the filled display interface.

16. The device according to any one of claims 9 to 12, wherein the display unit is specifically used to obtain the dwell time of the first layer, and the dwell time is used to indicate the time when no interactive operation occurs in the display interface; The display unit is specifically used to trigger the characteristic element if the stay time is greater than a preset stay time.

17. A computer device, characterized in that: The computer device comprises a processor and a memory: The memory is used to store program codes; the processor is used to execute the method for displaying media content according to any one of claims 1 to 8 according to instructions in the program codes.

18. A computer-readable storage medium, wherein instructions are stored in the computer-readable storage medium, and when the computer-readable storage medium is executed on a computer, the computer is enabled to execute the method for displaying media content according to any one of claims 1 to 8.

19. A computer program product, characterized in that When the method is executed on a computer, the computer is enabled to execute the method for displaying media contents as described in any one of claims 1 to 8.

Images