Media content display method and apparatus, and electronic device, storage medium and program product
By displaying a background color that is related to the visual content in the media content display interface, the problem of monotonous media content display methods is solved, and a richer and smoother display effect is achieved.
Patent Information
- Application Number
- PCT/CN2025/114737
- Authority / Receiving Office
- WO · WO
- Patent Type
- Applications
- Current Assignee / Owner
- Priority Date
- 2024-08-14
- Filing Date
- 2025-08-14
- Publication Date
- 2026-02-19
AI Technical Summary
Existing technologies present media content in a relatively simple and undiversified manner, resulting in abrupt color changes and a strong sense of separation between the media display area and the non-display area.
In the media content display interface, in addition to the area where the media screen is displayed, some areas display a background color associated with the current screen content, such as a gradient color. The background color is generated by analyzing the pixel attributes in the screen content, reducing the abruptness of color changes.
It enriches the ways media content is displayed, reduces the sense of discontinuity in color changes between the media display area and other areas, and improves the display effect of the content.
Smart Images

Figure CN2025114737_19022026_PF_FP_ABST
Abstract
Description
Method, device, electronic device, storage medium and program product for displaying media content
[0001] Cross-reference to Related Applications
[0002] This application claims priority to Chinese Patent Application No. 202411119198.5, filed on August 14, 2024, the disclosure of which is incorporated herein in its entirety as part of the present application. TECHNICAL FIELD
[0003] Embodiments of the present disclosure relate to a method, device, electronic device, storage medium and program product for displaying media content. BACKGROUND
[0004] Currently, a media content picture can be displayed in a picture display area, and a background color can be displayed in a non-picture display area. However, the display method of the media content is relatively single. SUMMARY
[0005] Embodiments of the present disclosure provide a method, device, electronic device, storage medium and program product for displaying media content.
[0006] In a first aspect, embodiments of the present disclosure provide a method for displaying media content, comprising:
[0007] receiving a display operation for target media content;
[0008] in response to the display operation, displaying at least part of picture content of the target media content in a media picture display area of a media content display interface;
[0009] displaying a current background color in a target area in the media content display interface, the target area comprising at least part of an area in the media content display interface other than the media picture display area, and the current background color being associated with current picture content displayed in the media picture display area.
[0010] In a second aspect, embodiments of the present disclosure also provide a device for displaying media content, comprising:
[0011] an operation receiving module configured to receive a display operation for target media content;
[0012] a content display module configured to, in response to the display operation, display at least part of picture content of the target media content in a media picture display area of a media content display interface;
[0013] The background display module is configured to display a current background color in a target region in the media content display interface, the target region comprises at least part of the media content display interface other than the media picture display region, and the current background color is associated with the current picture content displayed in the media picture display region.
[0014] In a third aspect, the embodiments of the present disclosure further provide an electronic device, comprising:
[0015] one or more processors;
[0016] a memory configured to store one or more programs,
[0017] When the one or more programs are executed by the one or more processors, the one or more processors implement the method for displaying media content according to the embodiments of the present disclosure.
[0018] In a fourth aspect, the embodiments of the present disclosure further provide a computer readable storage medium, which stores a computer program, and the program is executed by a processor to implement the method for displaying media content according to the embodiments of the present disclosure.
[0019] In a fifth aspect, the embodiments of the present disclosure further provide a computer program product, and when the computer program product is executed by a computer, the computer implements the method for displaying media content according to the embodiments of the present disclosure. BRIEF DESCRIPTION OF DRAWINGS
[0020] The above and other features, advantages, and aspects of the embodiments of the present disclosure will become more apparent upon reading the following detailed description in conjunction with the accompanying drawings, in which like reference numerals refer to like elements. It is to be understood that the drawings are designed solely for the purpose of illustration and not as a definition of the limits of the disclosure, for which reference should be made only to the appended claims. Additionally, drawings in which similar elements perform similar functions are identified with the same reference characters.
[0021] FIG. 1 is a flowchart of a method for displaying media content according to an embodiment of the present disclosure;
[0022] FIG. 2 is a schematic diagram of regions included in a media content display interface according to an embodiment of the present disclosure;
[0023] FIG. 3 is a schematic diagram of a media content display interface according to an embodiment of the present disclosure;
[0024] FIG. 4 is a schematic diagram of a current background color of a target region according to an embodiment of the present disclosure;
[0025] FIG. 5 is a schematic diagram of a first gradient map according to an embodiment of the present disclosure;
[0026] FIG. 6 is a schematic diagram of a determination process of a current background color according to an embodiment of the present disclosure;
[0027] FIG. 7 is a schematic diagram of another process for determining a current background color according to an embodiment of the present disclosure;
[0028] FIG. 8 is a schematic diagram of another method for displaying media content according to an embodiment of the present disclosure;
[0029] FIG. 9 is a schematic diagram of a process for switching content of a picture according to an embodiment of the present disclosure;
[0030] FIG. 10 is a schematic diagram of a device for displaying media content according to an embodiment of the present disclosure;
[0031] FIG. 11 is a schematic diagram of an electronic device according to an embodiment of the present disclosure. DETAILED DESCRIPTION
[0032] Embodiments of the present disclosure will be described in more detail with reference to the drawings. While certain embodiments of the present disclosure will be shown and described below, it is to be understood that the present disclosure can be embodied in various forms and should not be construed as limited to the embodiments set forth herein. Rather, these embodiments are provided so that this disclosure will be thorough and complete, and fully convey the scope of the present disclosure to those skilled in the art.
[0033] It should be understood that the various steps of the method embodiments of the present disclosure can be performed in different orders and / or in parallel. In addition, the method embodiments can include additional steps and / or omit performing the steps shown. The scope of the present disclosure is not limited in this respect.
[0034] The term "comprising" and variations thereof as used herein are used inclusively, i.e., "comprising but not limited to." The term "based on" is "based at least in part on." The term "one embodiment" means "at least one embodiment"; the term "another embodiment" means "at least one additional embodiment"; the term "some embodiments" means "at least some embodiments." Related terms are defined in the description that follows.
[0035] It should be noted that the terms "first", "second", and the like in the present disclosure are used only to distinguish different devices, modules or units, and do not imply the order or the mutual dependency of the functions performed by these devices, modules or units.
[0036] It should be noted that the terms "one", "multiple", and the like used in the present disclosure are illustrative and not limiting, and those skilled in the art should understand that, unless otherwise explicitly stated in the context, it should be understood as "one or more".
[0037] Names of messages or information exchanged between multiple devices in the embodiments of the present disclosure are only for illustrative purposes, and are not intended to limit the scope of the messages or information.
[0038] It can be understood that the data involved in the technical solution (including but not limited to the data itself, the acquisition or use of the data) should comply with the requirements of the corresponding laws, regulations and relevant provisions.
[0039] FIG. 1 is a flow diagram of a media content display method according to an embodiment of the present disclosure. The method can be performed by a media content display device, which can be implemented by software and / or hardware and can be configured in an electronic device, typically, a mobile phone or a tablet computer. The media content display method provided by the embodiments of the present disclosure is suitable for the scenario of displaying a background color associated with a currently displayed media content picture in at least a part of a media content display interface, such as the scenario of displaying a gradient background color associated with a currently displayed media picture in at least a part of a media content display interface. As shown in FIG. 1, the media content display method provided by the embodiments of the present disclosure can include:
[0040] S101, receiving a display operation for target media content.
[0041] The display operation can be a trigger operation for indicating display of certain media content. The display operation is not limited in execution manner, for example, the display operation can include an operation of triggering a certain control or performing a certain sliding gesture.
[0042] The target media content can be understood as the media content indicated by the display operation for display. In the case where the display operation indicates display of a media content display interface, the target media content can be the media content displayed in the media content display interface when the media content display interface is displayed in response to the display operation. In the case where the display operation indicates switching of the currently displayed media content in the media content display interface, the target media content can be the media content displayed in the media content display interface after the currently displayed media content in the media content display interface is switched in response to the display operation.
[0043] The target media content can include picture content, which can be of any type, such as video content and / or picture content, etc. Alternatively, different picture content is different media content item in the target media content. The media content item can be understood as a picture item constituting the target media content, such as a picture, a video frame, and / or a set of pictures and / or video frames, etc. The set of pictures and / or video frames can be a media content segment constituting the target media content, for example. Illustratively, different media content item can be different picture, different video frame, and / or different media content segment in the target media content. Alternatively, the media content item includes a picture, for example, the target media content can include one or more pictures displayed in sequence, and different picture can be different media content item of the target media content, i.e., different picture content of the target media content. The following is described by way of example with the target media content including at least one picture.
[0044] In this embodiment, when the current user wants to view the target media content, the current user can perform a display operation on the target media content. Accordingly, the current application program can receive the display operation.
[0045] S102, in response to the display operation, displaying at least part of the picture content of the target media content in the media picture display area of the media content display interface.
[0046] The media content display interface can be an interface for displaying picture content of the target media content, such as an interface for playing the target media content, etc. The media content display interface can include a media picture display area and a non-media picture display area. The media picture display area can be an area in the media content display interface for displaying picture content of the media content, i.e., an area where the picture content in the media content is displayed.
[0047] Specifically, when the display operation on the target media content is received, the target media content can be displayed in the media content display interface in response to the display operation.
[0048] When the target media content is displayed in the media content display interface, illustratively, at least part of the picture content of the target media content can be displayed in the media picture display area of the media content display interface, such as different picture content of the target media content can be displayed in the media picture display area of the media content display interface.
[0049] S103, displaying a current background color in a target area in the media content display interface, the target area including at least part of the area in the media content display interface other than the media picture display area, and the current background color being associated with the current picture content displayed in the media picture display area.
[0050] The current picture content can be understood as the picture content currently displayed in the picture area of the media content display interface of the media content. The current background color can be understood as the background color associated with the current picture content. For example, the current background color can be a gradient color, for example, the current background color can be gradually changed from one color to another color along a set direction, such as gradually changed from one color to another color along a direction from top to bottom or from left to right.
[0051] The current background color is associated with the current picture content. When the current picture content is different, the current background color can be different. For example, the current background color can be associated with at least one pixel point in the current picture content. Optionally, the current background color is associated with at least one pixel point in the current picture content, and the at least one pixel point satisfies at least one of the following attributes: a preset position attribute, a color attribute, and a content attribute. For example, the current background color can be associated with a pixel point in the current picture content having a preset attribute, for example, the color parameter of the current background color can be determined based on the color parameter of the pixel point in the current picture content having the preset attribute. The preset attribute can include a preset position attribute, a preset color attribute, and / or a preset content attribute.
[0052] The pixel point having the preset position attribute can be, for example, a pixel point located at a preset position in the current picture content. The preset position can include, for example, a preset boundary region of the current picture content, and the preset boundary region can be set as needed. For example, the preset boundary region can include an upper boundary region, a lower boundary region, a left boundary region, and / or a right boundary region.
[0053] The pixel point having the preset color attribute can be, for example, a pixel point having a set color parameter satisfying a set condition. The set color parameter can include, for example, hue, saturation, and / or brightness. Taking saturation as an example of the set color parameter, the pixel point having the preset color attribute can be, for example, a pixel point in the current picture content having a saturation satisfying a preset saturation condition, such as a pixel point ranked first to nth(n is a positive integer) in the current picture content in order of saturation from high to low, or a pixel point in the current picture content having a saturation value greater than or equal to a preset saturation threshold. The value of n and the preset saturation threshold can be set as needed, and the present embodiment is not limited in this regard.
[0054] The pixel points with the preset content attribute can be, for example, pixel points of a preset picture object presented in the current picture content, i.e., pixel points on the preset picture object. The preset picture object can be a core object presented in the current picture content, or an object of a preset type presented in the current picture content, etc. Taking an example of a picture presented by the current picture content as a sea surface with a large piece of blue color and a small island, the preset picture object can be a core object presented in the current picture content, such as the small island presented in the current picture content, and the blue sea surface with the largest color proportion in the current picture. The pixel points with the preset content attribute can be pixel points associated with the small island, such as pixel points constituting the small island or pixel points within a preset distance range of the small island, etc. At this time, for example, the current background color can be determined based on the pixel points associated with the small island, or in the process of determining the current background color, the weight of the pixel points associated with the small island can be higher than the weight of other pixel points in the current picture content except the pixel points associated with the small island.
[0055] For example, as shown in FIG. 2, the media content display interface can include a media picture display area 20, and can also include at least one area outside the media picture display area, such as a control area and / or a text content display area 21. The control area can include, for example, a first control area 22 located above the media picture display area 20 and / or a second control area 23 located below the media picture display area 20, etc. The text content display area 21 can be an area in the media content display interface for displaying the text content of the target media content.
[0056] The target region includes at least part of the media content display interface other than the media picture display region 20, which can include at least part of the adjacent region of the media picture display region 20, such as the text content display region 21 and / or the first control region 22. It can be understood that the background color covering region can also include the target region and the media picture display region 20. For example, as shown in FIG. 2, the first control region 22, the media picture display region 20, the text content display region 21 and the second control region 23 can be arranged in the media content display interface from top to bottom, and the background color covering region (such as the dashed region shown in FIG. 2) can include the first control region 22 above the media picture display region 20, the media picture display region 20 and the text content display region 21 below the media picture display region 20, in other words, the first control region 22, the media picture display region 20 and the text content display region 21 can be located in the background color covering region, and the following will be described taking this case as an example. At this time, optionally, the upper boundary of the background color covering region can overlap with the upper boundary of the first control region 22 and / or the upper boundary of the media content display interface, the lower boundary of the background color covering region can overlap with the lower boundary of the text content display region 21 and / or the upper boundary of the second control region 23, the left boundary of the background color covering region can overlap with the left boundary of the media content display interface, and the right boundary of the background color covering region can overlap with the right boundary of the media content display interface.
[0057] For example, when at least part of the picture content of the target media content is displayed in the media picture display region of the media content display interface, the current background color associated with the current picture content displayed in the media picture display region can be displayed in the target region of the media content display interface.
[0058] For example, as shown in FIG. 3, when the background color covering region includes the first control region 22, the media picture display region 20 and the text content display region 21, the current background color can be displayed in the background color covering region, at least one control can be displayed in the first control region 22, the current picture content of the target media content can be displayed in the media picture display region 20, and at least part of the text content of the target media content can be displayed in the text content display region 21, at this time, the layer level of the display layer where the at least one control, the current picture content and the at least part of the text content are located can be higher than the layer level of the display layer where the current background color is located.
[0059] When the current background color is displayed in the target region, the current background color can be displayed as a region background of at least part of the target region. Alternatively, during display of the current picture content, the current background color is configured to fill the target region in the manner of a region background. In addition, the current background color can also be filled in regions other than the target region in the background color covering region (such as the media picture display region), that is, the current background color can be configured to fill the background color covering region in the manner of a region background. For example, during display of the current picture content, the region background of the background color covering region can be displayed as the current background color, at this time, the current background color fills the entire background color covering region, as shown in FIG. 4 (FIG. 4 does not show the at least one control displayed in the first control region, the current picture content displayed in the media picture display region, and the at least part of the text content displayed in the text content display region).
[0060] In addition, the target region can not contain the second control region in the media content display interface, in which case, the background color of the second control region can be a preset background color, such as black (as shown in FIGS. 3 and 4), white, or other colors.
[0061] The media content display method provided by the embodiment receives a display operation for target media content; in response to the display operation, displays at least part of picture content of the target media content in a media picture display region of a media content display interface; and displays a current background color in a target region in the media content display interface, wherein the target region includes at least part of regions in the media content display interface other than the media picture display region, and the current background color is associated with current picture content displayed in the media picture display region. The embodiment uses the above technical solution to display the background color of at least part of regions other than the media picture display region as the current background color associated with the current picture content in the media picture display region, which can enrich the display mode of the media content, reduce the abruptness of color change between the media picture display region and at least part of regions other than the media picture display region, reduce the sense of fragmentation between the current picture content displayed in the media picture display region and the region background of the target region, and improve the display effect of the current picture content.
[0062] In some embodiments, the media content display method can further include generating a current background color associated with the current picture content based on the pixel color of at least one pixel point in the current picture content.
[0063] Specifically, the background color associated with each picture content of the target media content can be generated based on the pixel color of at least one pixel point in the picture content.
[0064] For example, a current background color associated with the current picture content can be generated by determining at least one pixel point having a preset position attribute, color attribute and / or content attribute in the current picture content, obtaining a pixel color of the at least one pixel point, and generating the background color associated with the current picture content based on the pixel color of the at least one pixel point.
[0065] The generation time of the background color associated with the picture content (e.g., the current picture content) in the target media content is not limited. For example, the background color associated with each picture content in the target media content can be generated before receiving a display operation for the target media content, e.g., after the target media content is preloaded. The background color associated with each picture content in the target media content can also be generated in response to the display operation for the target media content. The background color associated with each picture content in the target media content can also be generated after receiving the display operation for the target media content, e.g., the background color associated with a picture content can be generated before and / or during the display of the picture content.
[0066] Optionally, for each picture content in the target media content, the background color associated with the picture content can be generated before the display of the picture content, so that the background color associated with the picture content can be displayed in the target region in time when the picture content is displayed, reducing the display delay of the background color.
[0067] The manner of generating the current background color associated with the current picture content based on the at least one pixel point is not limited.
[0068] In some embodiments, the color obtained by fusing the pixel color of the at least one pixel point can be used as the current background color associated with the current picture content. In this case, the current background color can be a single color, and the background color at each position in the target region during the display of the current picture content can be the same color, rather than a color gradient effect along a preset direction.
[0069] In other embodiments, at least two colors are determined based on the pixel color of the at least one pixel point, and a gradient color with a color gradient along a preset direction is generated. In this case, the background color at each position in the target region during the display of the current picture content can not be completely the same, e.g., the region background of the target region can have a color gradient effect along a preset direction. The manner of generating the current background color with a color gradient effect is not limited.
[0070] In some embodiments, the generating the current background color associated with the current picture content based on the pixel color of at least one pixel point in the current picture content comprises: obtaining a first color in the current picture content based on at least two of the color proportion, the color saturation, and the content correlation of the pixel color in the current picture content; adjusting at least part of the color parameter value of the first color by using a first adjustment manner to obtain a second color; generating a first gradient map in which the first color gradually changes into the second color in a picture target direction; and determining the current background color associated with the current picture content based on the first gradient map.
[0071] The first color and the second color can be different colors. The first color can be a color determined based on at least one of the color proportion, the color saturation, and the content correlation of the pixel color in the current picture content. The second color can be understood as a color obtained by adjusting at least part of the color parameter value of the first color by using the first adjustment manner. The picture target direction can be a preset set picture direction in which the color gradually changes, such as a set direction. The first gradient map can be a gradient map generated based on the first color and the second color, and the first gradient map can include pixel points of the first color, pixel points of the second color, and pixel points of at least one intermediate color between the first color and the second color. The picture color presented in the first gradient map gradually changes from the first color to the second color in the picture target direction. For example, in the first gradient map, the picture color presented in the first gradient map gradually changes from the first color to the second color from top to bottom in the picture target direction.
[0072] Specifically, a first color of the current picture content can be obtained based on at least one of the color proportion, the color saturation, and the content correlation of the pixel color in the current picture content. At least part of the color parameter value of the first color can be adjusted by using a first adjustment manner to obtain a second color. A first gradient map in which the first color gradually changes into the second color in a picture target direction can be generated, and a current background color associated with the current picture content can be determined based on the first gradient map.
[0073] In acquiring the first color, exemplarily, the pixel color satisfying a preset color proportion condition, a preset saturation condition and / or a preset relevance condition can be acquired, and the first color is obtained by fusing the acquired pixel colors. For example, the preset color proportion condition can be that the color proportion is greater than or equal to a preset color proportion threshold and / or arranged within the top a (a is a positive integer) in the current picture content according to the color proportion from high to low. The preset saturation condition can be that the saturation is greater than or equal to a preset saturation threshold and / or arranged within the top b (b is a positive integer) in the current picture content according to the saturation from high to low. The preset relevance condition can be that the relevance between the preset picture object displayed in the current picture content is greater than a preset relevance threshold and / or arranged within the top c (c is a positive integer) in the current picture content according to the relevance between the preset picture object from high to low, and the like.
[0074] As an optional example, the color with the highest color proportion in the current picture content and the color with the highest saturation in the current picture content can be acquired, the acquired colors are fused according to a preset first fusion weight, and the fused color is taken as the first color. The first fusion weight can be a preset fusion weight, or can be determined based on the color proportion of the colors in the current picture content, etc.
[0075] The first adjustment manner used when the second color is adjusted based on the first color can be flexibly set, such as the first adjustment manner can increase or decrease one or more color parameter values of the first color by a first preset proportion, etc. Exemplarily, in acquiring the second color, at least part of the color parameter values of the first color can be increased or decreased by the first preset proportion, and the adjusted color is taken as the second color. The first preset proportion can be set as needed, such as the first preset proportion can be set to 5%, 10% or 20%, etc.
[0076] After the first color and the second color are acquired, the first gradient image can be generated based on the first color and the second color. For example, the first gradient image gradually changes from the first color to the second color from top to bottom, as shown in FIG. 5, at this time, the color presented in the first gradient image gradually changes from the first color to the second color in the direction from top to bottom.
[0077] After the first gradient map is generated, a current background color associated with the current picture content can be determined based on the first gradient map. For example, picture colors of the first gradient map can be obtained as the current background color associated with the current picture content. Alternatively, color adjustment can be performed on the first gradient map, such as adding a mask or adjusting at least part of color parameters of the picture colors of the first gradient map, and the adjusted picture colors of the first gradient map can be obtained as the current background color associated with the current picture content. The manner of adjusting at least part of color parameters of the picture colors of the first gradient map is not limited.
[0078] In some embodiments, the background color displayed by different positions of the target region during display of the current picture content can be determined based on the background colors of different boundary regions of the current picture content. For example, the background color of a neighboring region of one or more boundary regions of the current picture content can be determined based on the background colors of the one or more boundary regions, and so on. At this time, optionally, the background color of different positions of the target region during display of the current picture content is determined based on at least one pixel color in the different boundary regions of the current picture content.
[0079] For example, the background color of a neighboring region of each of one or more boundary regions of the current picture content in the target region can be determined based on at least one pixel color in the boundary region, so as to further improve the smoothness of color change between the color of the current picture content and the background color of the neighboring region. Optionally, the background color of different positions of the target region determined based on at least one pixel color in the different boundary regions of the current picture content includes: the background color of a region of the target region above the current picture content is determined based on at least one pixel color in a first boundary region at the top of the current picture content; and / or, the background color of a region of the target region below the current picture content is determined based on at least one pixel color in a second boundary region at the bottom of the current picture content. For example, the background color of a sub-region of the target region above the media picture display region during display of the current picture content can be determined based on at least one pixel color in a first boundary region (i.e., an upper boundary region) at the top of the current picture content; and / or, the background color of a sub-region of the target region below the media picture display region during display of the current picture content can be determined based on at least one pixel color in a second boundary region (i.e., a lower boundary region) at the bottom of the current picture content.
[0080] In some embodiments, the generating the current background color associated with the current picture content based on the pixel color of at least one pixel point in the current picture content comprises: obtaining at least one first pixel color satisfying a preset condition in a first boundary region of the current picture content, and obtaining at least one second pixel color satisfying a preset condition in a second boundary region of the current picture content; generating a third color based on the at least one first pixel color, and generating a fourth color based on the at least one second pixel color; generating a second gradient map according to the third color and the fourth color; and determining the current background color associated with the current picture content based on the second gradient map.
[0081] The first boundary region and the second boundary region are different boundary regions of the current picture content, for example, the first boundary region can be an upper boundary region located at the top of the current picture content, and the second boundary region can be a lower boundary region located at the bottom of the current picture content, etc. The size of the first boundary region and the second boundary region in a direction perpendicular to the corresponding boundary can be set as needed in advance, for example, the size can be set to 10px or 20px, etc. The first pixel color can be a pixel color obtained from the first boundary region of the current picture content and satisfying a preset condition, and the number thereof can be one or more; the second pixel color can be a pixel color obtained from the second boundary region of the current picture content and satisfying a preset condition, and the number thereof can be one or more. The third color can be a color determined based on the first pixel color. The fourth color can be a color determined based on the second pixel color. The second gradient map can be a gradient map generated based on the third color and the fourth color.
[0082] The preset condition can be set as needed. Optionally, the preset condition at least includes that the pixel color satisfies a color proportion condition in the corresponding boundary region and / or the pixel color satisfies a color attribute requirement. The color proportion condition can be used to limit the color proportion of the pixel color to be obtained, for example, the preset color proportion condition can include color proportion sorting or a color proportion value satisfying a set requirement. The color attribute requirement can be used to limit the color attribute of the pixel color to be obtained, which can include, for example, hue, saturation, and / or brightness, etc. For example, the color attribute at least includes saturation.
[0083] Specifically, at least one first pixel color satisfying a preset condition can be obtained in a first boundary region of the current picture content, and at least one second pixel color satisfying the preset condition can be obtained in a second boundary region of the current picture content; a third color is generated based on the obtained at least one first pixel color, and a fourth pixel color is generated based on the obtained at least one second pixel color; a second gradient map is generated according to the third color and the fourth color, and a current background color associated with the current picture content is determined based on the second gradient map.
[0084] The color proportion condition is that the colors are arranged in a descending order of color proportion, and the first m colors with the largest color proportion in the first boundary region 60 of the current picture content are obtained as the first pixel colors, and the first m colors with the largest color proportion in the second boundary region 61 of the current picture content are obtained as the second pixel colors. The value of m is not limited, and m can be set to 1, 3, or 5, for example.
[0085] After obtaining the at least one first pixel color, a third color can be generated based on the obtained at least one first pixel color. For example, when the number of obtained first pixel colors is 1, the first pixel color can be used as the third color; when the number of obtained first pixel colors is greater than or equal to 2, the obtained first pixel colors can be color fused according to a second fusion weight set in advance, and the fused color can be used as the third color. The second fusion weight can be set in advance, or can be determined based on the color proportion of each first pixel color in the first boundary region. For example, each first pixel color can be fused according to the color proportion of each first pixel color in the first boundary region to obtain the third color. Optionally, the third color is fused based on the color proportion of the at least one first pixel color in the first boundary region.
[0086] After the at least one second pixel color is obtained, a third color can be generated based on the obtained at least two first pixel colors. For example, for a case where the number m of the obtained second pixel colors is 1, the second pixel color can be taken as the fourth color; for a case where the number m of the obtained second pixel colors is greater than or equal to 2, the obtained second pixel colors can be color fused according to a third fusion weight set in advance, and the color fused can be taken as the fourth color. The third fusion weight can be set in advance, or can be determined based on the color proportion of each second pixel color in the second boundary region. For example, each second pixel color can be fused according to the color proportion of each second pixel color in the second boundary region to obtain the fourth color. In this case, the fourth color can be fused based on the color proportion of the at least one second pixel color in the second boundary region.
[0087] After the third color and the fourth color are generated, a second gradient map can be generated according to the third color and the fourth color. The specific generation manner of the second gradient map is not limited. For example, the color in at least part of the second gradient map can be gradually changed from the third color to the fourth color in the target direction of the picture; or the color in at least part of the second gradient map can be gradually changed from the third color to another color other than the third color and the fourth color in the target direction of the picture, and then gradually changed from the another color to the fourth color, and so on.
[0088] In some embodiments, only one color gradient process can be performed in the second gradient map to reduce the resources occupied by the generation of the gradient map. For example, a second gradient map in which the color is gradually changed from the third color to the fourth color in the target direction of the picture can be generated. For example, a second gradient map in which the color is gradually changed from the third color to the fourth color from top to bottom can be generated, as shown in the second image in FIG. 6. In this case, the top of the second gradient map presents the third color, the bottom of the second gradient map presents the fourth color, and the color presented in the second gradient map is gradually changed from the third color to the fourth color from the top of the second gradient map to the bottom of the second gradient map. In this case, the second gradient map can be generated according to the third color and the fourth color, including generating a second gradient map in which the color is gradually changed from the third color to the fourth color in the target direction of the picture. The generated second gradient map can include pixel points of the third color, pixel points of the fourth color, and pixel points of at least one intermediate color between the third color and the fourth color.
[0089] For example, the first boundary region is located at the top of the current picture content, the second boundary region is located at the bottom of the current picture content, the picture target direction is from top to bottom, and the picture color of the second gradient map is taken as the current background color. When the current picture content is displayed in the media picture display area 20, the top of the background color coverage area (e.g., the top of the target area) can present a third color, the bottom of the background color coverage area (e.g., the bottom of the target area) can present a fourth color, and the area background of the background color coverage area gradually changes from the third color to the fourth color from top to bottom, as shown in the third image in FIG. 6.
[0090] In some embodiments, the second gradient map can include multiple color gradient processes to further improve the color change smoothness between the current picture content and the background color of the target area when the current picture content is displayed. Optionally, the second gradient map is generated according to the third color and the fourth color, including: adjusting at least part of the color parameter values of the third color by a second adjustment manner to obtain a fifth color, and adjusting at least part of the color parameter values of the fourth color by a third adjustment manner to obtain a sixth color; and performing color gradient in the picture target direction according to the order of the fifth color, the third color, the fourth color, and the sixth color to generate the second gradient map.
[0091] The fifth color can be a color obtained by adjusting the third color. The sixth color can be a color obtained by adjusting the fourth color. The second adjustment manner can be the same or different color adjustment manner, which can be set according to needs.
[0092] For example, after obtaining the third color and the fourth color, at least part of the color parameter values of the third color can be adjusted by a second adjustment manner, such as increasing the at least part of the color parameter values of the third color by a second preset proportion, and the color obtained by the adjustment is taken as the fifth color. At least part of the color parameter values of the fourth color can be adjusted by a third adjustment manner, such as reducing the at least part of the color parameter values of the fourth color by a third preset proportion, and the color obtained by the adjustment is taken as the sixth color.
[0093] After the fifth color and the sixth color are obtained, a second gradient image can be generated based on the third color, the fourth color, the fifth color and the sixth color. For example, a second gradient image in which the picture target direction gradually changes from the fifth color to the third color, from the third color to the fourth color, and from the fourth color to the sixth color can be generated. For example, a second gradient image in which the picture target direction gradually changes from the fifth color to the third color, from the third color to the fourth color, and from the fourth color to the sixth color from top to bottom can be generated. As shown in the second image in FIG. 7, the second gradient image can include a color gradient process in which the fifth color gradually changes to the third color, a color gradient process in which the third color gradually changes to the fourth color, and a color gradient process in which the fourth color gradually changes to the sixth color. The second gradient image can include a pixel point of the fifth color, at least one pixel point of an intermediate color between the fifth color and the third color, a pixel point of the third color, at least one pixel point of an intermediate color between the third color and the fourth color, a pixel point of the fourth color, at least one pixel point of an intermediate color between the fourth color and the sixth color, and a pixel point of the sixth color.
[0094] The third color and the fourth color can be preset in the second gradient image. For example, the third color can be displayed adjacent to the first boundary region, and the fourth color can be displayed adjacent to the second boundary region. For example, the third color can be displayed in the second gradient image such that, when the second gradient image is used as a background of a background color coverage region to display current picture content, the current picture content overlaps a boundary line corresponding to the first boundary region. The fourth color can be displayed in the second gradient image such that, when the second gradient image is used as a background of a background color coverage region to display current picture content, the current picture content overlaps a boundary line corresponding to the second boundary region.
[0095] For example, the first boundary region is located at the top of the current picture content, the second boundary region is located at the bottom of the current picture content, the picture target direction is from top to bottom, and the picture color of the second gradient image is used as the current background color. When the current picture content is displayed in the media picture display region, the top of the background color coverage region (for example, the top of the target region) can display the fifth color, the bottom of the background color coverage region (for example, the bottom of the target region) can display the sixth color, and the background color of the background color coverage region gradually changes from the fifth color to the third color, from the third color to the fourth color, and from the fourth color to the sixth color from top to bottom.
[0096] For example, as shown in the third drawing of FIG. 7, when the current picture content is displayed in the media picture display area 20, the sixth color is presented at the upper boundary of the first control area 22, the third color is presented at the upper boundary of the media picture display area 20, the fourth color is presented at the lower boundary of the media picture display area 20, the sixth color is presented at the lower boundary of the text content display area 21, and the background color of the background color overlay area gradually changes from the sixth color at the upper boundary of the first control area 22 to the third color at the upper boundary of the media picture display area 20, from the third color at the upper boundary of the media picture display area 20 to the fourth color at the lower boundary of the media picture display area 20 (not shown in the third drawing of FIG. 7 due to being blocked by the current picture content), and from the fourth color at the lower boundary of the media picture display area 20 to the sixth color at the lower boundary of the text content display area 21.
[0097] After the second gradient map is generated, the current background color associated with the current picture content can be determined based on the second gradient map. For example, the picture color of the second gradient map can be obtained as the current background color associated with the current picture content. Alternatively, the second gradient map can be adjusted in color, such as adding a mask or adjusting at least part of the color parameters of the picture color of the first gradient map, and the adjusted picture color of the second gradient map is obtained as the current background color associated with the current picture content.
[0098] In some embodiments, after the original background color associated with the current picture content is generated based on the pixel color of at least one pixel point in the current picture content, the generated original background color can be directly used as the current background color without considering whether the color parameter value of the original background color is within the preset range, so as to reduce the resources occupied in determining the current background color.
[0099] In some embodiments, after the original background color associated with the current picture content is generated based on the pixel color of at least one pixel point in the current picture content, whether the preset color parameter value of the generated original background color is within the preset range can be considered. If the preset color parameter value of the original background color is within the preset range, the original background color is determined as the current background color. If the preset color parameter value of the original background color is not within the preset range, the preset color parameter value of the original background color is adjusted to be within the preset range, and the adjusted original background color is used as the current background color, so as to avoid the current background color being too high or too low in tone, saturation and / or brightness, and further improve the display effect of the interface content in the media content display interface.
[0100] At this time, the generating, according to the pixel color of the at least one pixel point in the current picture content, of the current background color associated with the current picture content can be performed in the following manner: generating, according to the pixel color of the at least one pixel point in the current picture content, of an original background color associated with the current picture content; if a preset color parameter value of the original background color is within a preset range, taking the original background color as the current background color associated with the current picture content; if the preset color parameter value of the original background color is outside the preset range, adjusting the preset color parameter value to be within the preset range, and taking the adjusted original background color as the current background color associated with the current picture content.
[0101] The original background color can be understood as a background color initially generated according to the pixel color of the at least one pixel point in the current picture content. The preset range can be set as needed, and the embodiment is not limited in this regard. The preset color parameter value can be a value of a preset color parameter, and the preset color parameter can include at least one of hue, saturation, and brightness. For example, the preset color parameter can include brightness, and the preset color parameter value can include a brightness value.
[0102] The embodiment generates the current background color associated with the current picture content based on the pixel color of the at least one pixel point in the current picture content that meets the preset position attribute, color attribute, and / or content attribute, which can enrich the determination manner of the current background color and further improve the smoothness of color change between the current picture content of the media picture display area and the background color outside the media picture display area, and improve the display effect of the media content display interface.
[0103] FIG. 8 is a flowchart of another media content display method provided by an embodiment of the present disclosure. The solution in the embodiment can be combined with one or more optional solutions in the above-described embodiments. Alternatively, the media content display method can further include: in response to a switching event for the current picture content, switching the current picture content from first picture content to second picture content, and changing the current background color of the target area from a first background color to a second background color, where the first background color is a background color associated with the first picture content, and the second background color is a background color associated with the second picture content.
[0104] Correspondingly, as shown in FIG. 8, the media content display method provided by the embodiment can include:
[0105] S201, receiving a display operation for target media content.
[0106] S202, in response to the display operation, display at least part of picture content of the target media content in a media picture display area of a media content display interface.
[0107] S203, display a current background color in a target area in the media content display interface, the target area comprising at least part of an area in the media content display interface other than the media picture display area, the current background color being associated with current picture content displayed in the media picture display area.
[0108] S204, in response to a switching event for the current picture content, switch the current picture content from first picture content to second picture content, and change the current background color of the target area from a first background color to a second background color as a whole, wherein the first background color is a background color associated with the first picture content, and the second background color is a background color associated with the second picture content.
[0109] The switching event for the current picture content can be understood as an event triggering switching of the current picture content of the target media content displayed in the media picture display area. The switching event can be generated in various ways, for example, the switching event can be generated in response to the display time length of the first picture content reaching a preset time length and / or the first picture content being displayed completely; or the switching event can be generated in response to a switching operation of the current user for the current picture content of the target media content. The switching operation can be performed in various ways, for example, the switching operation can be an operation of triggering a switching control, or an operation of sliding in a preset direction within the media content display interface, and the preset direction can be, for example, horizontal.
[0110] The first picture content can be understood as picture content of the target media content displayed in the media picture display area before the current picture content is switched in response to the switching event for the current picture content. The second picture content can be understood as picture content of the target media content displayed in the media picture display area after the current picture content is switched in response to the switching event for the current picture content, and the second picture content can be, for example, picture content adjacent to the first picture content in the target media content, such as previous picture content or next picture content of the first picture content. The first background color can be a background color associated with the first picture content. The second background color can be a background color associated with the second picture content.
[0111] In this embodiment, the current picture content of the target media content displayed in the media picture display area can be switched in response to the switching event for the current picture content.
[0112] Specifically, as shown in FIG. 9, when receiving a switching event for the current picture content, the current picture content displayed in the media picture display area can be switched from the first picture content of the target media content to the second content, and the current background color of the target area as a whole can be gradually changed from the first background color associated with the first picture content to the second background color associated with the second picture content.
[0113] In this embodiment, the current background color of the target area as a whole can be changed from the first background color to the second background color in the process of switching the current picture from the first picture content to the second picture content. For example, the current background color of the target area as a whole can be switched from the first background color to the second background color in the process of switching the current picture from the first picture content to the second picture content by gradually changing the color of the pixels of the target area as a whole with the switching of the picture content, so as to further improve the smoothness when the background color is switched. At this time, optionally, the current background color of the target area as a whole is changed from the first background color to the second background color by gradually changing the color of the pixels of the target area as a whole with the switching of the picture content.
[0114] In some embodiments, each pixel point in the target area can be switched from the pixel color corresponding to the display of the first picture content to the pixel color corresponding to the display of the second picture content synchronously or asynchronously. For example, the pixel color of each pixel point in the target area can be switched synchronously to achieve the effect that the current background color at different positions of the target area is switched simultaneously.
[0115] Optionally, the current background color of the target area as a whole is changed from the first background color to the second background color by gradually changing the color of the pixels of the target area as a whole, which includes: for each pixel point in the target area, controlling the pixel point to gradually change from an original pixel color to a target pixel color, wherein the original pixel color is the pixel color presented by the pixel point when displaying the first picture content, and the target pixel color is the pixel color presented by the pixel point when displaying the second picture content.
[0116] The original pixel color of a pixel in the target region can be the pixel color presented by the pixel before receiving the switching event for the current picture content, in other words, the background color presented at the position of the pixel when the first background color is displayed in the target region. The target pixel color of a pixel in the target region can be the pixel color that the pixel should present when the second picture content is displayed, in other words, the background color presented at the position of the pixel when the second background color is displayed in the target region.
[0117] For example, when receiving the switching event for the current picture content, the current picture content can be switched from the first picture content to the second picture content in response to the switching event; and the second background color can be obtained, for each of at least some of the pixels in the target region, the target pixel color that the pixel should present when the second background color is displayed is determined, and during the switching of the current picture content, the pixel is controlled to gradually switch from the original pixel color to the target pixel color, that is, over time, the pixel gradually changes from the original pixel color to the target pixel color.
[0118] It can be understood that the at least some of the pixels in the target region can include pixels in the target region that are not blocked by foreground interface content (such as control and / or text content) displayed in the media content display interface; and can further include pixels blocked by foreground interface content displayed in the media content display interface. When the pixels blocked by the foreground interface content are included, although the pixel color of the pixel changes, when the pixel is blocked by the foreground content, the pixel color before and after the change of the pixel cannot be seen by the user.
[0119] In some embodiments, when the pixel color presented by a pixel is controlled to gradually change from the original pixel color to the target pixel color, the color change rate of the pixel can be preset, that is, the preset color change rate can be used to control the pixel to gradually switch from the original pixel color to the target pixel color without considering the switching progress of the current picture content.
[0120] In other embodiments, when the pixel color presented by a pixel is controlled to gradually change from the original pixel color to the target pixel color, the switching progress of the current picture content can be considered, for example, the current color that the pixel should present can be determined based on the switching progress of the current picture content.
[0121] Optionally, the switching the current picture content from the first picture content to the second picture content comprises: controlling the first picture content to move out of the media picture display area along a preset direction, and controlling the second picture content to move into the media picture display area along the preset direction for display, wherein during the movement of the first picture content and the second picture content, the pixel color to which the pixel point currently changes is associated with the current movement position of the first picture content and / or the second picture content in the media picture display area.
[0122] The preset direction can be the movement direction of the picture content when switching the current picture content of the target media content. The preset direction can be horizontal or vertical. Hereinafter, the preset direction is taken as horizontal as an example for description.
[0123] For example, before the current switching event of the current picture content is received, the first picture content of the target media content can be displayed in the media picture display area, and the first background color associated with the first picture content can be displayed in the target area, as shown in the first drawing of FIG. 9.
[0124] When the switching event of the current picture content is received, the first picture content can be controlled to move out of the media picture display area along a preset direction, and the second picture content can be controlled to move into the media picture display area along the preset direction, as shown in the second drawing of FIG. 9 (for example, the first picture content moves to the left as the preset direction).
[0125] During the process of controlling the first picture content to move out of the media picture display area along the preset direction and controlling the second picture content to move into the media picture display area along the preset direction, the pixel color to which each of the at least part of the pixel points of the target area currently changes can be determined based on the current movement position of the first picture content and / or the second picture content in the media picture display area, and each pixel point can be controlled to display the pixel color to which it currently changes.
[0126] In the above embodiment, when the current picture content is switched, the first picture content can be controlled to move out of the media picture display area along a preset direction, and the second picture content can be controlled to move into the media picture display area along the preset direction, when the first picture content completely moves out of the media picture display area, the second picture content moves into the media picture display area for display, and the switching of the current picture content is completed. Therefore, the position to which the first picture content and / or the second picture content currently moves in the media picture display area (i.e., the current movement position) can be used to indicate the switching progress of the current picture content, and can also be used to indicate the color change progress of each of the at least part of the pixel points from the original pixel color to the target pixel color.
[0127] Thus, for each of the at least part of the pixel points, a color change progress of the pixel point can be determined based on the current moving position of the first picture content and / or the second picture content in the media picture display area, according to the color change progress, the original pixel color and the target pixel color of the pixel point, a pixel color to which the pixel point should change at the color change progress can be determined, and the pixel point is controlled to present the determined pixel color. When the color change progress is greater than 0 and less than 1, the pixel color to which the pixel point should change at the color change progress can be an intermediate color between the original pixel color and the target pixel color. When the current moving positions of the first picture content and / or the second picture content are different, the pixel colors to which the pixel points currently change can be different.
[0128] Further, as the first picture content gradually moves out of the media picture display area and the second picture content gradually moves into the media picture display area, each of the at least part of the pixel points in the target area gradually changes from the original pixel color to the target pixel color, and the current background color of the target area gradually changes as a whole from the first background color to the second background color.
[0129] In addition, if the user controls the current picture to be switched back to the first picture content from the second picture content, as the second picture content gradually moves out of the media picture display area and the first picture content gradually moves into the media picture display area, each of the at least part of the pixel points in the target area gradually changes from the target pixel color to the original pixel color, and the current background color of the target area gradually changes as a whole from the second background color to the first background color.
[0130] It can be understood that when the background color coverage area includes the target area and the media picture display area, when the background color of the target area is switched, the background color of the media picture display area can be switched at the same time by using the same switching mode.
[0131] The media content display method provided by the embodiment can control the current background color of the target area to gradually change as a whole from the first background color to the second background color when the current picture content displayed in the media picture display area is switched, and can realize smooth switching of the current background color in the switching process of the picture content.
[0132] FIG. 10 is a structural block diagram of a media content display device according to an embodiment of the present disclosure. The device can be implemented by software and / or hardware, and can be configured in an electronic device, typically, a mobile phone or a tablet computer. The device can display a background color associated with a current displayed media content frame in at least a partial area of a media content display interface, for example, a gradient background color associated with a current displayed media frame in at least a partial area of a media content display interface, by executing a media content display method. As shown in FIG. 10, the media content display device according to an embodiment of the present disclosure can include an operation receiving module 1001, a content display module 1002, and a background display module 1003, wherein
[0133] The operation receiving module 1001 is configured to receive a display operation for a target media content.
[0134] The content display module 1002 is configured to display at least partial frame content of the target media content in a media frame display area of a media content display interface in response to the display operation.
[0135] The background display module 1003 is configured to display a current background color in a target area of the media content display interface, the target area including at least a partial area of the media content display interface other than the media frame display area, the current background color being associated with current frame content displayed in the media frame display area.
[0136] The media content display device according to an embodiment of the present disclosure receives a display operation for a target media content through an operation receiving module, displays at least partial frame content of the target media content in a media frame display area of a media content display interface in response to the display operation through a content display module, and displays a current background color in a target area of the media content display interface through a background display module, the target area including at least a partial area of the media content display interface other than the media frame display area, the current background color being associated with current frame content displayed in the media frame display area. The above technical solution can display a background color of at least a partial area other than the media frame display area as a current background color associated with current frame content in the media frame display area, which can enrich the display mode of the media content, reduce the abruptness of color change between the media frame display area and the at least a partial area other than the media frame display area, reduce the sense of fragmentation between the current frame content displayed in the media frame display area and the area background of the target area, and improve the display effect of the current frame content.
[0137] Optionally, the current background color is associated with at least one pixel point in the current frame content, the at least one pixel point satisfying at least one of the following attributes: a preset position attribute, a color attribute, and a content attribute.
[0138] Further, the display device of the media content can further include a background color generation module configured to generate a current background color associated with the current picture content based on a pixel color of at least one pixel point in the current picture content.
[0139] Optionally, the background color generation module can include a first color acquisition unit configured to acquire a first color in the current picture content based on at least two of a color proportion, a color saturation, and a content correlation of the pixel color in the current picture content; a second color acquisition unit configured to adjust at least part of a color parameter value of the first color by a first adjustment manner to obtain a second color; a first gradient map generation unit configured to generate a first gradient map in which the first color gradually changes to the second color in a target direction of the picture; and a first background color determination unit configured to determine a current background color associated with the current picture content based on the first gradient map.
[0140] Optionally, during the display of the current picture content, the background colors of different positions in the target region are determined based on at least one pixel color in different boundary regions of the current picture content.
[0141] Optionally, the background colors of different positions in the target region are determined based on at least one pixel color in different boundary regions of the current picture content, including that a background color of the target region located above the current picture content is determined based on at least one pixel color in a first boundary region at the top of the current picture content, and / or a background color of the target region located below the current picture content is determined based on at least one pixel color in a second boundary region at the bottom of the current picture content.
[0142] Optionally, the background color generation module can include a third color acquisition unit configured to acquire at least one first pixel color satisfying a preset condition in a first boundary region of the current picture content and at least one second pixel color satisfying a preset condition in a second boundary region of the current picture content; a color generation unit configured to generate a third color based on the at least one first pixel color and a fourth color based on the at least one second pixel color; a second gradient map generation unit configured to generate a second gradient map according to the third color and the fourth color; and a second background color determination unit configured to determine a current background color associated with the current picture content based on the second gradient map.
[0143] Optionally, the preset condition at least includes that the pixel color satisfies a color proportion condition in the corresponding boundary region and / or the pixel color satisfies a color attribute requirement.
[0144] Optionally, the third color is fused based on a color proportion of the at least one first pixel color within the first boundary region; and / or, the fourth color is fused based on a color proportion of the at least one second pixel color within the second boundary region.
[0145] Optionally, the second gradient map generation unit is specifically configured to generate a second gradient map in which the third color gradually changes into the fourth color in the target direction of the picture.
[0146] Optionally, the second gradient map generation unit is specifically configured to adjust at least part of the color parameter value of the third color by a second adjustment manner to obtain a fifth color, and adjust at least part of the color parameter value of the fourth color by a third adjustment manner to obtain a sixth color; and generate a second gradient map in which the fifth color, the third color, the fourth color and the sixth color are sequentially color-graduated in the target direction of the picture.
[0147] Optionally, the third color is present at an adjacent position of the first boundary region, and the fourth color is present at an adjacent position of the second boundary region.
[0148] Optionally, the background color generation module is specifically configured to generate an original background color associated with the current picture content based on a pixel color of at least one pixel point in the current picture content; if a preset color parameter value of the original background color is within a preset range, take the original background color as a current background color associated with the current picture content; if the preset color parameter value of the original background color is outside the preset range, adjust the preset color parameter value to be within the preset range, and take the adjusted original background color as the current background color associated with the current picture content.
[0149] Further, the display device of the media content can further include a switching module configured to switch the current picture content from a first picture content to a second picture content, and change the current background color of the target region as a whole from a first background color to a second background color in response to a switching event for the current picture content, wherein the first background color is a background color associated with the first picture content, and the second background color is a background color associated with the second picture content.
[0150] Optionally, the switching module is configured to change the current background color of the target region as a whole from the first background color to the second background color gradually through pixel color gradient of the target region as a whole in the process of switching the current picture content from the first picture content to the second picture content.
[0151] Optionally, the switching module is configured to control the pixel point to gradually change from an original pixel color to a target pixel color, wherein the original pixel color is a pixel color presented by the pixel point when the first picture content is displayed, and the target pixel color is a pixel color presented by the pixel point when the second picture content is displayed.
[0152] Optionally, the switching module is configured to control the first picture content to move out of the media picture display area along a preset direction, and control the second picture content to move into the media picture display area along the preset direction to be displayed, wherein during the movement of the first picture content and the second picture content, a pixel color to which the pixel point currently changes is associated with a current movement position of the first picture content and / or the second picture content in the media picture display area.
[0153] Optionally, during the display of the current picture content, the current background color is configured to fill the target area in a region background manner.
[0154] Optionally, different picture contents are different media content items in the target media content.
[0155] Optionally, the media content item includes a picture.
[0156] The media content display apparatus provided by the embodiments of the present disclosure can execute the media content display method provided by any of the embodiments of the present disclosure, and has the corresponding function modules and beneficial effects of executing the media content display method. Technical details not described in the present embodiment can be referred to the media content display method provided by any of the embodiments of the present disclosure.
[0157] Reference is made to FIG. 11, which shows a structural schematic diagram of an electronic device (e.g., a terminal device) 1100 suitable for implementing the embodiments of the present disclosure. The terminal device in the embodiments of the present disclosure can include, but is not limited to, a mobile terminal such as a mobile phone, a notebook computer, a digital broadcast receiver, a PDA (Personal Digital Assistant), a PAD (Tablet Personal Computer), a PMP (Portable Multimedia Player), a vehicle terminal (e.g., a vehicle navigation terminal), and the like, and a fixed terminal such as a digital TV, a desktop computer, and the like. The electronic device shown in FIG. 11 is only an example, and should not bring any limitation to the functions and use range of the embodiments of the present disclosure.
[0158] As shown in FIG. 11, the electronic device 1100 can include a processing device (e.g., a central processing unit, a graphics processing unit, etc.) 1101 that can perform various appropriate actions and processes according to programs stored in a read-only memory (ROM) 1102 or loaded into a random access memory (RAM) 1103 from a storage device 1108. Various programs and data required for the operation of the electronic device 1100 are also stored in the RAM 1103. The processing device 1101, the ROM 1102, and the RAM 1103 are connected to each other through a bus 1104. An input / output (I / O) interface 1105 is also connected to the bus 1104.
[0159] In general, the following devices can be connected to the I / O interface 1105: input devices 1106 including, for example, a touch screen, a touch pad, a keyboard, a mouse, a camera, a microphone, an accelerometer, a gyroscope, etc.; output devices 1107 including, for example, a liquid crystal display (LCD), a speaker, a vibrator, etc.; storage devices 1108 including, for example, a magnetic tape, a hard disk, etc.; and communication devices 1109. The communication devices 1109 can allow the electronic device 1100 to communicate wirelessly or wiredly with other devices to exchange data. Although FIG. 11 shows the electronic device 1100 with various devices, it should be understood that all of the illustrated devices are not required to be implemented or possessed. More or fewer devices can be alternatively implemented or possessed.
[0160] In particular, according to embodiments of the present disclosure, the processes described above with reference to the flowcharts can be implemented as a computer software program. For example, embodiments of the present disclosure include a computer program product including a computer program carried on a non-transitory computer-readable medium, the computer program containing program code for executing the methods illustrated by the flowcharts. In such embodiments, the computer program can be downloaded and installed from a network through the communication devices 1109, or installed from the storage devices 1108, or installed from the ROM 1102. When the computer program is executed by the processing device 1101, the above-described functions defined in the methods of embodiments of the present disclosure are performed.
[0161] It should be noted that the computer-readable medium described above can be a computer-readable signal medium or a computer-readable storage medium or any combination thereof. The computer-readable storage medium can be, for example, but not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus or device, or any suitable combination of the above. More specific examples of the computer-readable storage medium can include, but are not limited to, an electrical connection having one or more wires, a portable computer diskette, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or Flash memory), an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the above. In the present disclosure, the computer-readable storage medium can be any tangible medium that contains or stores a program used by or in connection with an instruction execution system, apparatus or device. In the present disclosure, the computer-readable signal medium can include a data signal propagated in baseband or propagated as a carrier wave in a propagated data signal, in which the computer-readable program code is contained. Such a propagated data signal can take many forms, including but not limited to, an electromagnetic signal, an optical signal, or any suitable combination of the above. The computer-readable signal medium can also be any computer-readable medium that can send, propagate or transfer the program for use by or in connection with the instruction execution system, apparatus or device. The program code contained in the computer-readable medium can be transmitted by any suitable medium, including but not limited to, wire, cable, RF (radio frequency), etc., or any suitable combination of the above.
[0162] In some embodiments, the client, server, or both can communicate using any current known or future developed network protocol, such as HTTP (HyperText Transfer Protocol), and can be interconnected with any form or medium of digital data communication (e.g., a communication network). Examples of communication networks include local area networks ("LAN"), wide area networks ("WAN"), the Internet, and peer-to-peer networks (e.g., ad hoc peer-to-peer networks), as well as any current known or future developed networks.
[0163] The computer-readable medium described above can be included in the electronic device described above; or can exist separately from the electronic device, and not be assembled into the electronic device.
[0164] The computer readable medium described above carries one or more programs, when the one or more programs are executed by the electronic device, cause the electronic device to: receive a display operation for target media content; in response to the display operation, display at least partial picture content of the target media content in a media picture display area of a media content display interface; and display a current background color in a target area in the media content display interface, the target area comprising at least a partial area of the media content display interface other than the media picture display area, the current background color being associated with current picture content displayed in the media picture display area.
[0165] Computer program code for carrying out operations of the present disclosure can be written in any one or more programming languages, including object oriented programming languages such as Java, Smalltalk, C++ or the like, conventional procedural programming languages, such as the "C" programming language or similar programming languages. The program code can execute entirely on the user's computer, partly on the user's computer, as a stand-alone software package, partly on the user's computer and partly on a remote computer, or entirely on the remote computer or server. In the latter scenario, the remote computer can be connected to the user's computer through any type of network, including a local area network (LAN) or a wide area network (WAN), or the connection can be made to an external computer (for example, through the Internet using an Internet Service Provider).
[0166] The flow diagrams and the block diagrams in the drawings are illustrations of architectures, functionalities, and operations of possible implementations of systems, methods, and computer program products according to various embodiments of present disclosure. In this regard, each block in the flow diagrams or block diagrams can represent a module, a procedure, or a part of code, which comprises one or more executable instructions for implementing the specified logical functions. It should also be noted that in some alternative implementations, the functions noted in the blocks can occur in a different order than that noted in the figures. For example, two blocks noted in succession can in fact be executed substantially concurrently or in the opposite order, depending on the functionality involved. It should also be noted that each block in the block diagrams and / or flow diagrams, and combinations of blocks in the block diagrams and / or flow diagrams, can be implemented by dedicated hardware-based systems that perform the specified functions or operations, or can be implemented by a combination of dedicated hardware-based systems and computer instructions.
[0167] The units described in the embodiments of the present disclosure can be implemented by software, or by hardware. In some cases, the name of the module does not constitute a limitation on the unit itself.
[0168] The functionality described herein above can be performed, at least in part, by one or more hardware logic components. For example, and without limitation, illustrative types of hardware logic components that can be used include Field-programmable Gate Arrays (FPGAs), Application-specific Integrated Circuits (ASICs), Application-specific Standard Products (ASSPs), System-on-a-chip systems (SOCs), Complex Programmable Logic Devices (CPLDs), etc.
[0169] In the context of the present disclosure, a machine-readable medium can be a tangible medium that contains or stores a program for use by or in connection with an instruction execution system, apparatus, or device. The machine-readable medium can be a machine-readable signal medium or a machine-readable storage medium. A machine-readable medium can include, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any suitable combination of the foregoing. More specific examples of the machine-readable storage medium will include one or more lines of electrical connections, portable computer disks, hard disk drives, random access memory (RAM), read-only memory (ROM), erasable programmable read-only memory (EPROM or Flash memory), optical fibers, portable compact disc read-only memories (CD-ROMs), optical storage devices, magnetic storage devices, or any suitable combination of the foregoing.
[0170] One or more embodiments of the present disclosure provide a method for presenting media content, comprising:
[0171] receiving a presentation operation for target media content;
[0172] presenting at least partial frame content of the target media content in a media frame presentation area of a media content presentation interface in response to the presentation operation;
[0173] presenting a current background color in a target area in the media content presentation interface, the target area comprising at least a portion of the media content presentation interface other than the media frame presentation area, the current background color being associated with current frame content presented in the media frame presentation area.
[0174] For example, in at least one embodiment of the present disclosure, the current background color is associated with at least one pixel point in the current frame content, the at least one pixel point satisfying at least one of the following attributes: a preset position attribute, a color attribute, and a content attribute.
[0175] For example, at least one embodiment of the present disclosure further comprises:
[0176] generating a current background color associated with the current frame content based on a pixel color of at least one pixel point in the current frame content.
[0177] For example, in at least one embodiment of the present disclosure, the generating a current background color associated with the current picture content based on the pixel color of at least one pixel point in the current picture content comprises:
[0178] Obtaining a first color in the current picture content based on at least two of the color proportion, the color saturation, and the content correlation of the pixel color in the current picture content;
[0179] Adjusting at least part of the color parameter value of the first color by using a first adjustment mode to obtain a second color;
[0180] Generating a first gradient image in which the target area gradually changes from the first color to the second color in a target direction;
[0181] Determining a current background color associated with the current picture content based on the first gradient image.
[0182] For example, in at least one embodiment of the present disclosure, during the display of the current picture content, the background color of different positions of the target area is determined based on at least one pixel color in different boundary regions of the current picture content.
[0183] For example, in at least one embodiment of the present disclosure, the background color of different positions of the target area is determined based on at least one pixel color in different boundary regions of the current picture content, comprising:
[0184] The background color of the target area located above the current picture content is determined based on at least one pixel color of a first boundary region at the top of the current picture content; and / or
[0185] The background color of the target area located below the current picture content is determined based on at least one pixel color in a second boundary region at the bottom of the current picture content.
[0186] For example, in at least one embodiment of the present disclosure, the generating a current background color associated with the current picture content based on the pixel color of at least one pixel point in the current picture content comprises:
[0187] Obtaining at least one first pixel color satisfying a preset condition in a first boundary region of the current picture content, and obtaining at least one second pixel color satisfying a preset condition in a second boundary region of the current picture content;
[0188] Generating a third color based on the at least one first pixel color, and generating a fourth color based on the at least one second pixel color;
[0189] Generating a second gradient image according to the third color and the fourth color;
[0190] determine a current background color associated with the current picture content based on the second gradient map.
[0191] For example, in at least one embodiment of the present disclosure, the preset condition is satisfied at least including that the pixel color satisfies a color proportion condition in the corresponding boundary region and / or the pixel color satisfies a color attribute requirement.
[0192] For example, in at least one embodiment of the present disclosure, the third color is fused based on a color proportion of the at least one first pixel color in the first boundary region; and / or
[0193] The fourth color is fused based on a color proportion of the at least one second pixel color in the second boundary region.
[0194] For example, in at least one embodiment of the present disclosure, the second gradient map is generated according to the third color and the fourth color, including:
[0195] A second gradient map is generated in which the picture target direction is gradually changed from the third color to the fourth color.
[0196] For example, in at least one embodiment of the present disclosure, the second gradient map is generated according to the third color and the fourth color, including:
[0197] At least part of the color parameter value of the third color is adjusted by a second adjustment method to obtain a fifth color, and at least part of the color parameter value of the fourth color is adjusted by a third adjustment method to obtain a sixth color;
[0198] In the picture target direction, the color is gradually changed in the order of the fifth color, the third color, the fourth color and the sixth color to generate a second gradient map.
[0199] For example, in at least one embodiment of the present disclosure, the third color is present at an adjacent position of the first boundary region, and the fourth color is present at an adjacent position of the second boundary region.
[0200] For example, in at least one embodiment of the present disclosure, the current background color associated with the current picture content is generated based on the pixel color of at least one pixel point in the current picture content, including:
[0201] An original background color associated with the current picture content is generated based on the pixel color of at least one pixel point in the current picture content;
[0202] If a preset color parameter value of the original background color is within a preset range, the original background color is taken as the current background color associated with the current picture content.
[0203] If the preset color parameter value of the original background color is outside the preset range, the preset color parameter value is adjusted to be within the preset range, and the adjusted original background color is taken as the current background color associated with the current picture content.
[0204] For example, at least one embodiment of the present disclosure further includes:
[0205] In response to a switching event for the current picture content, the current picture content is switched from the first picture content to the second picture content, and the current background color of the target region is changed as a whole from the first background color to the second background color, wherein the first background color is a background color associated with the first picture content, and the second background color is a background color associated with the second picture content.
[0206] For example, in at least one embodiment of the present disclosure, the changing of the current background color of the target region as a whole from the first background color to the second background color includes:
[0207] In the process of switching the current picture content from the first picture content to the second picture content, the current background color of the target region is gradually changed as a whole from the first background color to the second background color through pixel color gradient of the target region as a whole.
[0208] For example, in at least one embodiment of the present disclosure, the gradually changing of the current background color of the target region as a whole from the first background color to the second background color through pixel color gradient of the target region as a whole includes:
[0209] For each pixel point in the target region, the pixel point is controlled to gradually change from an original pixel color to a target pixel color, wherein the original pixel color is a pixel color presented by the pixel point when the first picture content is displayed, and the target pixel color is a pixel color presented by the pixel point when the second picture content is displayed.
[0210] For example, in at least one embodiment of the present disclosure, the switching of the current picture content from the first picture content to the second picture content includes:
[0211] The first picture content is controlled to move out of the media picture display area along a preset direction, and the second picture content is controlled to move into the media picture display area along the preset direction for display, wherein in the moving process of the first picture content and the second picture content, a pixel color to which the pixel point currently changes is associated with a current moving position of the first picture content and / or the second picture content in the media picture display area.
[0212] For example, in at least one embodiment of the present disclosure, during the display of the current picture content, the current background color is configured to fill the target region with the regional background.
[0213] For example, in at least one embodiment of the present disclosure, different picture content is different media content item in the target media content.
[0214] For example, in at least one embodiment of the present disclosure, the media content item includes a picture.
[0215] One or more embodiments of the present disclosure also provide a display device of media content, comprising:
[0216] An operation receiving module is configured to receive a display operation for target media content.
[0217] A content display module is configured to display at least part of picture content of the target media content in a media picture display region of a media content display interface in response to the display operation.
[0218] A background display module is configured to display a current background color in a target region in the media content display interface, the target region including at least part of a region in the media content display interface other than the media picture display region, and the current background color being associated with current picture content displayed in the media picture display region.
[0219] One or more embodiments of the present disclosure also provide an electronic device, comprising:
[0220] One or more processors;
[0221] A memory is configured to store one or more programs,
[0222] When the one or more programs are executed by the one or more processors, the one or more processors implement the display method of media content as described in any of the above embodiments.
[0223] One or more embodiments of the present disclosure also provide a computer readable storage medium having a computer program stored thereon, which is executed by a processor to implement the display method of media content as described in any of the above embodiments.
[0224] One or more embodiments of the present disclosure also provide a computer program product, when the computer program product is executed by a computer, the computer implements the display method of media content as described in any of the above embodiments.
[0225] The above description merely illustrates the preferred embodiments of the disclosure and a principle for applying the technologies. It is understood by those skilled in the art that the disclosed scope of the disclosure is not limited to the technical solutions formed by the specific combinations of the technical features described above, and should also cover other technical solutions formed by the combinations of the technical features described above or their equivalent features without departing from the disclosed concept. For example, the technical solutions formed by the mutual replacement of the above-described features and the technical features with similar functions disclosed in the disclosure (but not limited to) can be formed.
[0226] Furthermore, although operations are depicted in a particular, sequential order, this should not be understood as requiring or implying that the operations are performed in the order illustrated or sequentially. In certain circumstances, multitasking and parallel processing can be advantageous. Likewise, although specific implementation details are included for the purpose of providing a thorough disclosure, these should not be construed as limitations on the scope of the disclosure. Certain features that are described in the context of separate embodiments can also be implemented in combination in a single embodiment. Conversely, various features that are described in the context of a single embodiment can also be implemented in multiple embodiments separately or in any suitable sub-combination.
[0227] Although the subject matter has been described in language specific to structural features and / or methodological acts, it is to be understood that the subject defined in the appended claims is not necessarily limited to the specific features or acts described above. Rather, the specific features and acts described above are disclosed as example forms of implementing the claims.
Claims
1. A method for presenting media content, comprising: receiving a presentation operation for target media content; in response to the presentation operation, presenting at least partial picture content of the target media content in a media picture presentation area of a media content presentation interface; presenting a current background color in a target area in the media content presentation interface, the target area comprising at least a portion of the media content presentation interface other than the media picture presentation area, the current background color being associated with current picture content presented in the media picture presentation area.
2. The method of claim 1, wherein, The current background color is associated with at least one pixel point in the current picture content, and the at least one pixel point satisfies at least one of the following attributes: a preset position attribute, a color attribute, and a content attribute.
3. The method of claim 2, further comprising: generating the current background color associated with the current picture content based on a pixel color of at least one pixel point in the current picture content.
4. The method of claim 3, wherein, The generating the current background color associated with the current picture content based on the pixel color of at least one pixel point in the current picture content comprises: obtaining a first color in the current picture content based on at least two of a color proportion, a color saturation, and a content correlation of the pixel color in the current picture content; adjusting at least some color parameter values of the first color using a first adjustment manner to obtain a second color; generating a first gradient map in which the first color gradually changes to the second color in a picture target direction; and determining the current background color associated with the current picture content based on the first gradient map.
5. The method of claim 3 or 4, wherein, During presentation of the current picture content, the background color at different positions in the target area is determined based on at least one pixel color in different boundary areas of the current picture content.
6. The method of claim 5, wherein, The background color at different positions in the target area is determined based on at least one pixel color in different boundary areas of the current picture content, comprising: the background color in the target area above the current picture content is determined based on at least one pixel color in a first boundary area at the top of the current picture content; and / or the background color in the target area below the current picture content is determined based on at least one pixel color in a second boundary area at the bottom of the current picture content.
7. The method of claim 5, wherein, The generating the current background color associated with the current picture content based on the pixel color of at least one pixel point in the current picture content comprises: obtaining at least one first pixel color satisfying a preset condition in a first boundary area of the current picture content, and obtaining at least one second pixel color satisfying a preset condition in a second boundary area of the current picture content; generating a third color based on the at least one first pixel color, and generating a fourth color based on the at least one second pixel color; generating a second gradient map according to the third color and the fourth color; and determining the current background color associated with the current picture content based on the second gradient map.
8. The method of claim 7, wherein, The preset condition at least comprises that the pixel color satisfies a color proportion condition in the corresponding boundary area and / or the pixel color satisfies a color attribute requirement.
9. The method of claim 7 or 8, wherein, The third color is fused based on a color proportion of the at least one first pixel color in the first boundary region; and / or The fourth color is fused based on a color proportion of the at least one second pixel color in the second boundary region.
10. The method according to any one of claims 7-9, wherein, The second gradient image is generated according to the third color and the fourth color, including: A second gradient image in which the third color gradually changes into the fourth color in a target direction of the picture is generated.
11. The method according to any one of claims 7-9, wherein, The second gradient image is generated according to the third color and the fourth color, including: At least part of the color parameter value of the third color is adjusted by a second adjustment mode to obtain a fifth color, and at least part of the color parameter value of the fourth color is adjusted by a third adjustment mode to obtain a sixth color; A color gradient is generated in the order of the fifth color, the third color, the fourth color and the sixth color in a target direction of the picture to generate the second gradient image.
12. The method of claim 11, wherein, The third color is present at an adjacent position of the first boundary region, and the fourth color is present at an adjacent position of the second boundary region.
13. The method of claim 3, wherein, The current background color associated with the current picture content is generated based on the pixel color of at least one pixel point in the current picture content, including: The original background color associated with the current picture content is generated based on the pixel color of at least one pixel point in the current picture content; In response to the preset color parameter value of the original background color being within a preset range, the original background color is taken as the current background color associated with the current picture content; or, in response to the preset color parameter value of the original background color being outside the preset range, the preset color parameter value is adjusted to be within the preset range, and the adjusted original background color is taken as the current background color associated with the current picture content.
14. The method of any one of claims 1-13, further comprising: In response to a switching event for the current picture content, switching the current picture content from first picture content to second picture content, and changing the current background color of the target region as a whole from a first background color to a second background color, wherein the first background color is a background color associated with the first picture content, and the second background color is a background color associated with the second picture content.
15. The method of claim 14, wherein, The current background color of the target region is changed as a whole from the first background color to the second background color, including: During the process of switching the current picture content from the first picture content to the second picture content, the current background color of the target region is gradually changed as a whole from the first background color to the second background color by means of pixel color gradient of the pixels in the target region as a whole.
16. The method of claim 15, wherein, The current background color of the target region is gradually changed as a whole from the first background color to the second background color by means of pixel color gradient of the pixels in the target region as a whole, including: For each pixel point in the target region, the pixel point is gradually changed from an original pixel color to a target pixel color, wherein the original pixel color is a pixel color presented by the pixel point when the first picture content is displayed, and the target pixel color is a pixel color presented by the pixel point when the second picture content is displayed.
17. The method of claim 16, wherein, The switching of the current picture content from the first picture content to the second picture content comprises: The first picture content is moved out of the media picture display area along a preset direction, and the second picture content is moved into the media picture display area along the preset direction for display, wherein during the movement of the first picture content and the second picture content, a pixel color to which the pixel point is currently changed is associated with a current movement position of the first picture content and / or the second picture content in the media picture display area.
18. The method of any one of claims 1-13, wherein, During the display of the current picture content, the current background color is configured to fill the target region in a region background manner.
19. The method of any one of claims 1-13, wherein, Different picture contents are different media content items in the target media content.
20. The method of claim 19, wherein, The media content item includes a picture.
21. An apparatus for displaying media content, comprising: an operation receiving module configured to receive a display operation for target media content; a content display module configured to display at least part of picture content of the target media content in a media picture display area of a media content display interface in response to the display operation; a background display module configured to display a current background color in a target region in the media content display interface, the target region including at least part of a region in the media content display interface other than the media picture display area, and the current background color being associated with current picture content displayed in the media picture display area.
22. An electronic device, comprising: at least one processor; and a memory communicatively connected to the at least one processor; wherein the memory stores a computer program executable by the at least one processor, and the computer program is executed by the at least one processor to enable the at least one processor to perform the method for displaying media content according to any one of claims 1-20.
23. A computer readable storage medium storing computer instructions for enabling a processor to perform the method for displaying media content according to any one of claims 1-20.
24. A computer program product comprising a computer program for enabling a processor to perform the method for displaying media content according to any one of claims 1-20 when executed by the processor.
Citation Information
Patent Citations
Display device and image display method thereof
CN112114929A
Card display method and device, electronic equipment, storage medium and program product
CN114817630A
Media content display method and device, electronic equipment, storage medium and program product
CN119088258A
Method of Processing Media Contents
US20200389710A1