Image presentation method and apparatus, and storage medium and electronic device

Abstract

The present disclosure relates to the technical field of computers, and particularly relates to an image presentation method and apparatus, and a storage medium and an electronic device. The method comprises: determining a target color on the basis of a target image to be presented; and during the process of presenting the target image, adjusting the color of a target region on the basis of the target color extracted from the target image, such that the adjusted color of the target region may be kept coordinated with the color of the target image, so as to provide better visual impressions and immersive advertisement presentation for consumers. Moreover, by means of adjusting the color of the target region to the target color, the brand feeling and brand tonality of a commodity can be enhanced.

Description

Image display method, device, storage medium and electronic device

[0001] This application claims priority to Chinese Patent Application No. 202311206787.2 filed on September 18, 2023, and the contents of the above-mentioned Chinese patent application disclosure are hereby incorporated by reference in their entirety as a part of this application. Technical Field

[0002] The present disclosure relates to an image display method, device, storage medium and electronic device. Background Art

[0003] In web design, the use of color can create a stronger and more stimulating experience for users. For example, when displaying product images on a page, using brand colors can enhance consumer recognition and memory of the brand. However, in related technologies, users are forced to manually configure the background color of the page, resulting in low efficiency.

[0004] Summary of the Invention

[0005] This summary is provided to briefly introduce concepts that will be described in detail in the detailed description below. This summary is not intended to identify key features or essential features of the claimed technical solution, nor is it intended to limit the scope of the claimed technical solution.

[0006] In a first aspect, the present disclosure provides an image display method, comprising:

[0007] Determine the target color according to the target image to be displayed;

[0008] Display the target image and adjust the color of the target area used to display the target image based on the target color so that the adjusted color of the target area matches the color of the target image, wherein the target area includes a display page for carrying the target image and / or an application interface for displaying the target image.

[0009] In a second aspect, the present disclosure provides an image display device, comprising:

[0010] a determination module configured to determine a target color according to a target image to be displayed;

[0011] A display module is configured to display the target image and adjust the color of a target area used to display the target image according to the target color so that the adjusted color of the target area matches the color of the target image, wherein the target area includes a display page for carrying the target image and / or an application interface for displaying the target image.

[0012] In a third aspect, the present disclosure provides a computer-readable storage medium having a computer program stored thereon, which implements the steps of the method described in the first aspect when executed by a processing device.

[0013] In a fourth aspect, the present disclosure provides an electronic device, comprising:

[0014] a storage device having a computer program stored thereon;

[0015] A processing device is used to execute the computer program in the storage device to implement the steps of the method described in the first aspect.

[0016] Other features and advantages of the present disclosure will be described in detail in the following detailed description. BRIEF DESCRIPTION OF THE DRAWINGS

[0017] The above and other features, advantages and aspects of the various embodiments of the present disclosure will become more apparent with reference to the following detailed description in conjunction with the accompanying drawings. Throughout the drawings, the same or similar reference numerals represent the same or similar elements. It should be understood that the drawings are schematic and that the originals and elements are not necessarily drawn to scale. In the drawings:

[0018] Fig. 1 is a flowchart showing an image display method according to an exemplary embodiment.

[0019] Fig. 2 is a schematic diagram showing a target area according to an exemplary embodiment.

[0020] Fig. 3 is a schematic diagram showing a target area after color adjustment according to an exemplary embodiment.

[0021] FIG4 is a detailed flow chart of step 110 shown in FIG1 .

[0022] Fig. 5 is a schematic diagram showing similar colors according to an exemplary embodiment.

[0023] FIG. 6 is a detailed flowchart of step 420 shown in FIG. 4 .

[0024] Fig. 7 is a schematic diagram showing a mask according to an exemplary embodiment.

[0025] Fig. 8 is a schematic structural diagram of an image display device according to an exemplary embodiment.

[0026] Fig. 9 is a schematic structural diagram of an electronic device according to an exemplary embodiment. DETAILED DESCRIPTION

[0027] Embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. Although certain embodiments of the present disclosure are shown in the accompanying drawings, it should be understood that the present disclosure can be implemented in various forms and should not be construed as limited to the embodiments described herein. Rather, these embodiments are provided to provide a more thorough and complete understanding of the present disclosure. It should be understood that the drawings and embodiments of the present disclosure are for illustrative purposes only and are not intended to limit the scope of protection of the present disclosure.

[0028] It should be understood that the various steps described in the method embodiments of the present disclosure may be performed in different orders and / or in parallel. In addition, the method embodiments may include additional steps and / or omit the steps shown. The scope of the present disclosure is not limited in this respect.

[0029] As used herein, the term "including" and its variations are open-ended, i.e., "including but not limited to." The term "based on" means "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," and the term "some embodiments" means "at least some embodiments." Other terms are defined in the following description.

[0030] It should be noted that the concepts of "first" and "second" mentioned in this disclosure are only used to distinguish different devices, modules or units, and are not used to limit the order or interdependence of the functions performed by these devices, modules or units.

[0031] It should be noted that the modifications of "one" and "multiple" mentioned in the present disclosure are illustrative rather than restrictive, and those skilled in the art should understand that unless otherwise clearly indicated in the context, they should be understood as "one or more".

[0032] The names of the messages or information exchanged between multiple devices in the embodiments of the present disclosure are only used for illustrative purposes and are not used to limit the scope of these messages or information.

[0033] Figure 1 is a flowchart illustrating an image display method according to an exemplary embodiment. As shown in Figure 1 , an embodiment of the present disclosure provides an image display method that can be performed by an electronic device, specifically, an image display device. This device can be implemented using software and / or hardware and configured within the electronic device. As shown in Figure 1 , the method can include the following steps.

[0034] In step 110 , a target color is determined according to a target image to be displayed.

[0035] Here, the target image to be displayed refers to the material that the merchant needs to display in the application, wherein the target image to be displayed can be a picture, a video, etc.

[0036] The target image to be displayed can be determined based on the search term entered by the consumer in the application. After the target image to be displayed is determined, the target color can be determined based on the target image to be displayed. The target color can be understood as the theme color corresponding to the target image to be displayed.

[0037] As some examples, the target color can be determined based on the area occupied by different colors in the target image to be displayed. For example, the color with the largest area occupied in the target image can be used as the target color.

[0038] As other examples, the target color can be determined based on the area occupied by different colors in the preset image area of ​​the target image to be displayed. For example, the color with the largest area occupied in the preset image area of ​​the target image can be used as the target color.

[0039] In step 120, the target image is displayed, and the color of the target area used to display the target image is adjusted according to the target color so that the color of the adjusted target area matches the color of the target image, wherein the target area includes a display page for carrying the target image and / or an application interface for displaying the target image.

[0040] Here, the display page can be understood as a page in the application that carries the target image. For example, the display page can carry text, images, etc. configured by the merchant. The application interface can be understood as the elements of the application itself used to display the display page.

[0041] Figure 2 is a schematic diagram illustrating a target area according to an exemplary embodiment. As shown in Figure 2, a target image 201 is displayed within the application, and target image 201 is placed on a display page 202. Of course, display page 202 may also contain other content besides target image 201. Application program interface 203 is an element inherent to the application and is not used to display content configured by the merchant, such as text or images.

[0042] As shown in FIG2 , when the target image 201 is displayed in the application, the color of the display page 202 and the color of the application interface 203 are not coordinated enough with the color of the target image 201 , resulting in consumers being unable to obtain a better visual sense and immersive viewing experience.

[0043] Through the image display method provided by the embodiment of the present disclosure, merchants can upload the target image of the product to be displayed to the application, and the application determines the target color based on the target image to be displayed. In the process of displaying the target image, the color of the target area is adjusted according to the target color extracted from the target image, so that the color of the adjusted target area can be coordinated with the color of the target image, so as to provide consumers with a better visual experience and immersive advertising display. Moreover, by adjusting the color of the target area to the target color, the brand perception and brand tonality of the product can also be enhanced.

[0044] In some embodiments, the target color can be used as the background color of the target area to adjust the color of the target area. For example, assuming that the target color is blue, blue is directly used as the background color of the target area.

[0045] In some other embodiments, the target color can be gradually processed to obtain a gradient color, and the gradient color can be used as the base color of the target area to adjust the color of the target area. For example, assuming the target color is purple, the color of the target area can be adjusted to a color that gradually changes from purple to purple with a transparency of 0%.

[0046] Fig. 3 is a schematic diagram of a target area after color adjustment according to an exemplary embodiment. As shown in Fig. 3 , the display page 202 after color adjustment and the application interface 203 after color adjustment are more coordinated with the color of the target image 201 in terms of color.

[0047] Thus, the target color is determined based on the target image to be displayed. During the display of the target image, the color of the target area is adjusted based on the target color extracted from the target image, so that the adjusted color of the target area is coordinated with the color of the target image, providing consumers with a better visual experience and immersive advertising display. Furthermore, by adjusting the color of the target area to the target color, the brand identity and brand tone of the product can also be strengthened.

[0048] In some feasible implementations, in step 110, a first color is determined based on the area occupied by different colors in the target image, and when the saturation value of the first color is not within a preset saturation range and / or the brightness value of the first color is not within a preset brightness range, the target color is determined based on the hue value, saturation value and brightness value of the first color.

[0049] Here, the area occupied by each color of the target image may be analyzed, and then the color with the largest area occupied may be used as the first color.

[0050] It should be understood that the first color may be determined based on the entire target image or based on a certain image region of the target image.

[0051] In some embodiments, if there are multiple colors with the largest area occupation, the color with the smallest brightness value among the multiple colors with the largest area occupation can be used as the first color.

[0052] In some other embodiments, when the color occupying the largest area is a preset color, the preset color may be used as the first color.

[0053] The preset color may be white or black, that is, when the color with the largest area occupied by the target image is white or black, the preset color is used as the first color instead of white or black.

[0054] For example, the pre-set color may be #706E6E in the color comparison table. Of course, the pre-set color may also be the brand color corresponding to the target image.

[0055] If the saturation value of the first color determined in the target image is not within the range of the preset saturation range, and / or the brightness value of the first color is not within the range of the preset brightness range, the first color can be adjusted according to the hue value, saturation value and brightness value of the first color, and the adjusted color can be used as the target color.

[0056] For example, the preset saturation interval may be (10, 80). The preset brightness interval may be (0, 90). Of course, both the preset saturation interval and the preset brightness interval may be adjusted according to actual application conditions.

[0057] It is worth noting that the hue value of the target color is consistent with the hue value of the first color, the saturation value of the target color is within the range of the preset saturation interval, and the brightness value of the target color is within the range of the preset brightness interval.

[0058] For example, assuming that the value of the first color in the HSL (Hue, Saturation, Lightness, a method of representing points in the RGB color model in a cylindrical coordinate system) color space is: H=228, S=6, L=85, and the saturation value of the first color is not within the preset saturation interval (10, 80), then the target color is determined based on the hue value, saturation value and brightness value of the first color, so that the hue value of the obtained target color is consistent with the hue value of the first color, the saturation value of the target color is within the preset saturation interval, and the brightness value of the target color is within the preset brightness interval.

[0059] Therefore, through the above steps, a first color that is associated with the product displayed in the target image can be extracted from the target image, and the first color can be corrected to a target color that is more suitable for human viewing, so that the adjusted target area can be coordinated with the color of the target image in color and more in line with the human eye's perception.

[0060] In some feasible embodiments, the brightness value of the first color can be adjusted while maintaining the hue value of the first color unchanged to obtain an adjusted brightness value, wherein the adjusted brightness value is within a preset brightness range and the adjusted brightness value adjusts the saturation value of the first color to be within the preset saturation range. Then, the first color is determined based on the hue value of the first color, the adjusted brightness value, and the adjusted saturation value corresponding to the first color.

[0061] Here, after obtaining the first color, if the saturation value of the first color is not within the range of the preset saturation range, and / or the brightness value of the first color is not within the range of the preset brightness range, the hue value of the first color is kept unchanged, and the brightness value of the first color is adjusted so that the adjusted brightness value is within the range of the preset brightness range, and the saturation value of the first color is adjusted to be within the range of the preset saturation range.

[0062] It's worth noting that for colors of the same hue, changes in brightness and saturation are correlated. For example, adding white to a color increases its brightness and decreases its saturation. When a color's brightness approaches maximum, it resembles white, and its saturation approaches zero. Adding black decreases its brightness and saturation.

[0063] Therefore, when adjusting the brightness value of the first color, since the hue value of the first color remains unchanged, the saturation value of the first color is also adjusted accordingly. When the adjusted brightness value is within the preset brightness range, and the adjusted brightness value causes the saturation value of the first color to be adjusted to be within the preset saturation range, the target color is determined based on the hue value of the first color, the adjusted brightness value, and the adjusted saturation value corresponding to the first color.

[0064] For example, the hue value of the first color, the adjusted brightness value, and the color corresponding to the adjusted saturation value corresponding to the first color may be used as the target color.

[0065] For example, assuming the first color is H=228, S=6, and L=85, then the H=228 of the first color is maintained unchanged, and the brightness value L of the first color is adjusted so that the adjusted brightness value L is within the range of (0, 90) and the adjusted saturation value S is adjusted to be within the range of (10, 80). For example, the adjusted first color may be H=228, S=10, and L=70.

[0066] Therefore, by keeping the hue value of the first color unchanged and adjusting the brightness value of the first color so that the adjusted brightness value is within the preset brightness range and the adjusted saturation value is within the preset saturation range, the hue of the target color and the first color can be kept unchanged to ensure that the color of the target area is coordinated with the color of the target image, and the target color can also be made more in line with the human eye's perception.

[0067] FIG4 is a detailed flow chart of step 110 shown in FIG1. ​​As shown in FIG4, in some possible implementations, the target image may include a video. Accordingly, step 110 may include the following steps:

[0068] In step 410 , for each video frame of the video, a second color is determined according to the area occupied by different colors in the video frame.

[0069] Here, the video may be divided into multiple video frames, and for each video frame, the second color is determined according to the area occupied by different colors in the video frame.

[0070] As some examples, the second color may be determined based on the area occupied by different colors in the video frame. For example, the color with the largest area occupied in the video frame may be used as the second color corresponding to the video frame.

[0071] As other examples, the target color can be determined based on the area occupied by different colors in the preset image area of ​​the video frame. For example, the color with the largest area occupied in the preset image area of ​​the video frame can be used as the target color corresponding to the video frame.

[0072] It is worth noting that each video frame is actually equivalent to a target image, and each video frame may correspond to a second color.

[0073] In step 420 , when the second colors corresponding to the adjacent multiple video frames are of the same type, a third color is determined based on the second colors corresponding to the adjacent multiple video frames.

[0074] Here, adjacent multiple video frames refer to consecutive multiple video frames in a video frame sequence. Similar colors refer to colors in the same color family, that is, colors that are similar in hue but differ in brightness and saturation. For example, colors that differ by less than 30 degrees can be considered similar colors.

[0075] FIG5 is a schematic diagram of similar colors according to an exemplary embodiment. As shown in FIG5 , the first video frame, the second video frame, and the third video frame are adjacent multiple video frames. Among them, the second color 501 corresponding to the first video frame is H=204, S=11, L=51, the second color 502 corresponding to the second video frame is H=210, S=12, L=71, and the second color 503 corresponding to the third video frame is H=221, S=16, L=68. Therefore, the second color 501 corresponding to the first video frame, the second color 502 corresponding to the second video frame, and the second color 503 corresponding to the third video frame are similar colors.

[0076] At this time, the third color may be determined based on the second color 501 corresponding to the first video frame, the second color 502 corresponding to the second video frame, and the second color 503 corresponding to the third video frame.

[0077] In step 430 , the third color is determined as the target color corresponding to the adjacent multiple video frames.

[0078] Here, the determined third color can be used as the target color corresponding to the adjacent multiple video frames. For example, based on the second color 501 corresponding to the first video frame, the second color 502 corresponding to the second video frame, and the second color 503 corresponding to the third video frame, a third color is determined, and the third color is used as the target color corresponding to the first video frame, the second video frame, and the third video frame.

[0079] Accordingly, during the video playback process, for each frame of video played, the color of the target area can be adjusted according to the target color corresponding to the video frame, so that in the process of playing each frame of video, the color of the target area can be coordinated with the color of the played video frame.

[0080] It is worth noting that by determining the third color based on the second color corresponding to the adjacent multiple video frames and using the third color as the common target color of the adjacent multiple video frames, it is possible to avoid frequent adjustment of the color of the target area and save computing resources.

[0081] Therefore, by merging multiple second colors corresponding to adjacent video frames of the same color into one third color through the above steps, it is possible to avoid frequent adjustment of the color of the target area during video playback and save computing resources.

[0082] FIG6 is a detailed flow chart of step 420 shown in FIG4. As shown in FIG6, in some possible implementations, step 420 may include the following steps:

[0083] In step 421 , a target hue value and a target brightness value are determined according to second colors corresponding to a plurality of adjacent video frames.

[0084] Here, the target hue value is the minimum hue value of the second color corresponding to the adjacent multiple video frames, and the target brightness value is the average brightness of the second color corresponding to the adjacent multiple video frames.

[0085] For example, the second color 501 corresponding to the first frame of video is H=204, S=11, L=51, the second color 502 corresponding to the second frame of video is H=210, S=12, L=71, and the second color 503 corresponding to the third frame of video is H=221, S=16, L=68. Then the target hue value can be H=204, and the target brightness value can be H=(71+51+68) / 3≈63.

[0086] In step 422, when the target brightness value is not within the range of the preset brightness interval, and / or the target saturation value corresponding to the target brightness value under the target hue value is not within the range of the preset saturation interval, the target brightness value is adjusted to obtain an adjusted target brightness value.

[0087] Here, the adjusted target brightness value is within the range of the preset brightness interval, and the adjusted target brightness value causes the target saturation value to be adjusted to be within the range of the preset saturation interval.

[0088] It's worth noting that, because changes in brightness and saturation are related under the same hue, determining the target hue value as the minimum hue value among the second colors corresponding to multiple adjacent video frames is equivalent to adjusting the second color corresponding to the minimum hue value to obtain the third color. That is, while maintaining the hue value of the second color corresponding to the minimum hue value unchanged, the brightness value corresponding to the second color corresponding to the minimum hue value is adjusted to the target brightness value, and the saturation value corresponding to the second color corresponding to the minimum hue value is adjusted to the target saturation value.

[0089] If the target brightness value is not within the range of the preset brightness interval and / or the target saturation value is not within the range of the preset saturation interval, the target brightness value is adjusted while keeping the target hue value unchanged so that the adjusted target brightness value is within the range of the preset brightness interval, and the adjusted target saturation value is adjusted to be within the range of the preset saturation interval.

[0090] It is worth noting that, regarding how to adjust the target brightness value, reference may be made to the relevant description of the first color in the above embodiment, which will not be repeated here.

[0091] For example, the preset saturation interval may be (10, 80). The preset brightness interval may be (0, 90). Of course, both the preset saturation interval and the preset brightness interval may be adjusted according to actual application conditions.

[0092] In step 423 , a third color is determined according to the target hue value, the adjusted target brightness value, and the adjusted target saturation value.

[0093] Here, the color corresponding to the target hue value, the adjusted target brightness value, and the adjusted target saturation value may be determined as the third color.

[0094] Therefore, through the above steps 421 to 423, the target colors corresponding to the adjacent multiple video frames can be coordinated with the color of the target image and conform to the perception of the human eye.

[0095] In some feasible implementations, when the target area includes an application interface and a display page, a fourth color is determined in the first image area of ​​the target image, and a fifth color is determined in the second image area of ​​the target image, and then the fourth color is used as the target color corresponding to the display page, and the fifth color is used as the target color corresponding to the application interface.

[0096] Here, as shown in FIG2 , the application includes a display page 202 and an application interface 203. In this case, since the colors of various image regions of the target image itself may vary, in order to ensure that the target color obtained from the target image can achieve a more harmonious color connection between the display page 202, the application interface 203, and the target image, a fourth color may be determined in the first image region of the target image, and a fifth color may be determined in the second image region of the target image.

[0097] The first image area may be the area of ​​the target image near the display page, and the second image area may be the area of ​​the target image near the application interface. As shown in FIG2 , with the center line of the target image 201 on the horizontal axis as the boundary, the image area below the center line is the area near the display page, and the image area above the center line is the area near the application interface.

[0098] For example, the target image can be divided into multiple image regions, with any image region close to the display page being used as the first image region, and any image region close to the application interface being used as the second image region. For example, if the target image is divided into eight image regions, the image region corresponding to a 3 / 8 ratio can be used as the second image region, and the image region corresponding to a 7 / 8 ratio can be used as the first image region.

[0099] Accordingly, a fourth color may be determined in the first image region of the target image and used as the target color corresponding to the display page, and a fifth color may be determined in the second image region of the target image and used as the target color corresponding to the application interface.

[0100] It is worth noting that, no matter the target image is a picture or a video, color can be extracted from the target image through the above embodiment.

[0101] Therefore, through the above steps, the target color of the application interface is obtained from the area close to the application interface, and the target color of the display page is obtained from the area close to the display page, so that the colors between the display page, the application interface and the target image can be more coordinated.

[0102] In some possible implementations, when displaying the target image, a mask constructed based on the target color is displayed so that the target area after color adjustment maintains color coordination with the target image.

[0103] Here, in the process of displaying the target image, the color of the display page and / or application interface is adjusted to the target color. In order to make the color-adjusted display page and / or application interface better integrated with the color of the target image, a mask constructed based on the target color can be displayed in the target area and the top layer of the target image.

[0104] The mask can be understood as a mask layer with transparency based on the target color. Displaying the mask based on the target color can help the color-adjusted display page and / or application interface better blend with the target image and achieve more harmonious colors.

[0105] Figure 7 is a schematic diagram of a mask according to an exemplary embodiment. As shown in Figure 7, the mask is located at the top layer, and the mask is used to better blend the color of the display page and / or application interface after color adjustment with the color of the target image.

[0106] Therefore, by displaying the mask constructed based on the target color, the color of the display page and / or application interface after color adjustment can be better integrated with the color of the target image and the colors can be more coordinated.

[0107] Fig. 8 is a schematic structural diagram of an image display device according to an exemplary embodiment.

[0108] As shown in FIG8 , an embodiment of the present disclosure provides an image display device 800 , which may include:

[0109] The determination module 801 is configured to determine a target color according to a target image to be displayed;

[0110] The display module 802 is configured to display the target image and adjust the color of the target area used to display the target image according to the target color so that the adjusted color of the target area matches the color of the target image, wherein the target area includes a display page for carrying the target image and / or an application interface for displaying the target image.

[0111] Optionally, the determining module 801 includes:

[0112] A first color determining unit is configured to determine a first color according to the area occupied by different colors in the target image;

[0113] a second color determination unit configured to determine the target color according to the hue value, saturation value, and brightness value of the first color if the saturation value of the first color is not within a preset saturation range and / or the brightness value of the first color is not within a preset brightness range;

[0114] The hue value of the target color is consistent with the hue value of the first color, the saturation value of the target color is within the range of the preset saturation interval, and the brightness value of the target color is within the range of the preset brightness interval.

[0115] Optionally, the second color determination unit is specifically configured to:

[0116] While maintaining the hue value of the first color unchanged, adjusting the brightness value of the first color to obtain an adjusted brightness value, wherein the adjusted brightness value is within the range of the preset brightness interval, and the adjusted brightness value causes the saturation value of the first color to be adjusted to be within the range of the preset saturation interval;

[0117] The target color is determined according to the hue value of the first color, the adjusted brightness value, and the adjusted saturation value corresponding to the first color.

[0118] Optionally, the target image includes a video, and the determining module 801 includes:

[0119] a third color determination unit configured to determine, for each video frame of the video, a second color according to an area occupied by different colors in the video frame;

[0120] a fourth color determining unit configured to determine a third color according to the second colors corresponding to the adjacent multiple video frames when the second colors corresponding to the adjacent multiple video frames are of the same color;

[0121] The fifth color determining unit is configured to determine the third color as the target color corresponding to the adjacent multiple video frames.

[0122] Optionally, the fourth color determination unit is specifically configured to:

[0123] Determining a target hue value and a target brightness value based on the second color corresponding to the adjacent multiple video frames, wherein the target hue value is a minimum hue value of the second color corresponding to the adjacent multiple video frames, and the target brightness value is an average brightness of the second color corresponding to the adjacent multiple video frames;

[0124] When the target brightness value is not within the range of the preset brightness interval, and / or the target saturation value corresponding to the target brightness value under the target hue value is not within the range of the preset saturation interval, adjusting the target brightness value to obtain an adjusted target brightness value, wherein the adjusted target brightness value is within the range of the preset brightness interval, and the adjusted target brightness value causes the target saturation value to be adjusted to be within the range of the preset saturation interval;

[0125] The third color is determined according to the target hue value, the adjusted target brightness value, and the adjusted target saturation value.

[0126] Optionally, the determining module 801 includes:

[0127] a sixth color determination unit, configured to, when the target area includes the application interface and the display page, determine a fourth color in a first image area of ​​the target image and determine a fifth color in a second image area of ​​the target image, wherein the first image area is an area of ​​the target image close to the display page and the second image area is an area of ​​the target image close to the application interface;

[0128] The seventh color determination unit is configured to use the fourth color as the target color corresponding to the display page, and use the fifth color as the target color corresponding to the application interface.

[0129] Optionally, the display module 802 is further configured to:

[0130] During the process of displaying the target image, a mask constructed based on the target color is displayed so that the target area after color adjustment is coordinated with the target image in color.

[0131] The logic of the method executed by each functional module in the above-mentioned device 800 can be referred to the part of the method related to the above-mentioned embodiment, and will not be repeated here.

[0132] Reference is now made to FIG9 , which illustrates a schematic diagram of the structure of an electronic device (e.g., a terminal device) 900 suitable for implementing embodiments of the present disclosure. The terminal device in the embodiments of the present disclosure may include, but is not limited to, mobile terminals such as mobile phones, laptop computers, digital broadcast receivers, PDAs (personal digital assistants), PADs (tablet computers), PMPs (portable multimedia players), in-vehicle terminals (e.g., in-vehicle navigation terminals), and fixed terminals such as digital TVs and desktop computers. The electronic device illustrated in FIG9 is merely an example and should not limit the functionality or scope of use of the embodiments of the present disclosure.

[0133] As shown in Figure 9, the electronic device 900 may include a processing device (e.g., a central processing unit, a graphics processing unit, etc.) 901, which can perform various appropriate actions and processes according to a program stored in a read-only memory (ROM) 902 or a program loaded from a storage device 908 into a random access memory (RAM) 903. Various programs and data required for the operation of the electronic device 900 are also stored in the RAM 903. The processing device 901, the ROM 902, and the RAM 903 are connected to each other via a bus 904. An input / output (I / O) interface 905 is also connected to the bus 904.

[0134] Typically, the following devices may be connected to the I / O interface 905: an input device 906 including, for example, a touch screen, a touchpad, a keyboard, a mouse, a camera, a microphone, an accelerometer, a gyroscope, etc.; an output device 907 including, for example, a liquid crystal display (LCD), a speaker, a vibrator, etc.; a storage device 908 including, for example, a magnetic tape, a hard disk, etc.; and a communication device 909. The communication device 909 may allow the electronic device 900 to communicate with other devices wirelessly or by wire to exchange data. Although FIG9 shows the electronic device 900 with various devices, it should be understood that it is not required to implement or have all of the devices shown. More or fewer devices may be implemented or have alternatively.

[0135] In particular, according to an embodiment of the present disclosure, the process described above with reference to the flowchart can be implemented as a computer software program. For example, an embodiment of the present disclosure includes a computer program product, which includes a computer program carried on a non-transitory computer-readable storage medium, and the computer program includes a program code for executing the method shown in the flowchart. In such an embodiment, the computer program can be downloaded and installed from the network through the communication device 909, or installed from the storage device 908, or installed from the ROM 902. When the computer program is executed by the processing device 901, the above-mentioned functions defined in the method of the embodiment of the present disclosure are performed.

[0136] It should be noted that the computer-readable storage medium mentioned above in the present disclosure may be a computer-readable signal medium or a computer-readable storage medium, or any combination of the two. The computer-readable storage medium may be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, device, or component, or any combination of the above. More specific examples of computer-readable storage media may include, but are not limited to: an electrical connection with one or more wires, a portable computer disk, 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 disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the above. In the present disclosure, a computer-readable storage medium may be any tangible medium that contains or stores a program that can be used by or in conjunction with an instruction execution system, device, or component. In the present disclosure, a computer-readable signal medium may include a data signal propagated in baseband or as part of a carrier wave, which carries computer-readable program code. Such a propagated data signal may take a variety of forms, including but not limited to an electromagnetic signal, an optical signal, or any suitable combination of the above. A computer-readable signal medium may also be any computer-readable storage medium other than a computer-readable storage medium that can transmit, propagate, or convey a program for use by or in conjunction with an instruction execution system, apparatus, or device. The program code contained on the computer-readable storage medium may be conveyed using any suitable medium, including but not limited to wires, optical cables, RF (radio frequency), etc., or any suitable combination thereof.

[0137] In some embodiments, the electronic devices can communicate using any currently known or later 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 a local area network ("LAN"), a wide area network ("WAN"), an internet (e.g., the Internet), and a peer-to-peer network (e.g., an ad hoc peer-to-peer network), as well as any currently known or later developed network.

[0138] The computer-readable storage medium may be included in the electronic device, or may exist independently without being incorporated into the electronic device.

[0139] The above-mentioned computer-readable storage medium carries one or more programs. When the above-mentioned one or more programs are executed by the electronic device, the electronic device is enabled to: determine the target color based on the target image to be displayed; display the target image, and adjust the color of the target area used to display the target image based on the target color, so that the adjusted color of the target area matches the color of the target image, wherein the target area includes a display page for carrying the target image and / or an application interface for displaying the target image.

[0140] Computer program code for performing the operations of the present disclosure may be written in one or more programming languages, or a combination thereof, including, but not limited to, object-oriented programming languages ​​such as Java, Smalltalk, C++, and conventional procedural programming languages ​​such as "C" or similar programming languages. The program code may be executed entirely on the user's computer, partially on the user's computer, as a stand-alone software package, partially on the user's computer and partially on a remote computer, or entirely on the remote computer or server. In cases involving a remote computer, the remote computer may 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 may be connected to an external computer (e.g., through the Internet using an Internet service provider).

[0141] The flowcharts and block diagrams in the accompanying drawings illustrate the possible implementation architecture, functions and operations of the systems, methods and computer program products according to various embodiments of the present disclosure. In this regard, each box in the flowchart or block diagram can represent a module, program segment, or a part of code, and the module, program segment, or a part of code contains one or more executable instructions for realizing the specified logical function. It should also be noted that in some alternative implementations, the functions marked in the box can also occur in a different order than that marked in the accompanying drawings. For example, two boxes represented in succession can actually be executed substantially in parallel, and they can sometimes be executed in the opposite order, depending on the functions involved. It should also be noted that each box in the block diagram and / or flowchart, and the combination of the boxes in the block diagram and / or flowchart, can be implemented with a dedicated hardware-based system that performs the specified function or operation, or can be implemented with a combination of dedicated hardware and computer instructions.

[0142] The modules described in the embodiments of the present disclosure may be implemented in software or hardware, wherein the name of a module does not necessarily limit the module itself.

[0143] The functions described above herein may be performed, at least in part, by one or more hardware logic components. For example, and without limitation, exemplary types of hardware logic components that may be used include: field programmable gate arrays (FPGAs), application specific integrated circuits (ASICs), application specific standard products (ASSPs), systems on chip (SOCs), complex programmable logic devices (CPLDs), and the like.

[0144] In the context of the present disclosure, a machine-readable storage medium can be a tangible medium that can contain or store a program for use by or in conjunction with an instruction execution system, device, or equipment. A machine-readable storage medium can be a machine-readable signal medium or a machine-readable storage medium. A machine-readable storage medium can include, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, device, or equipment, or any suitable combination of the foregoing. More specific examples of machine-readable storage media can include an electrical connection based on one or more lines, a portable computer disk, 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 disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.

[0145] The above description is merely a preferred embodiment of the present disclosure and an illustration of the technical principles employed. Those skilled in the art should understand that the scope of disclosure involved in the present disclosure is not limited to the technical solutions formed by the specific combination of the above-mentioned technical features, but also includes other technical solutions formed by any combination of the above-mentioned technical features or their equivalents without departing from the above-mentioned disclosed concepts. For example, a technical solution formed by replacing the above-mentioned features with (but not limited to) technical features with similar functions disclosed in this disclosure.

[0146] In addition, although each operation is described in a specific order, this should not be understood as requiring these operations to be performed in the specific order shown or in a sequential order. Under certain circumstances, multitasking and parallel processing may be advantageous. Similarly, although some specific implementation details have been included in the above discussion, these should not be interpreted as limiting the scope of the present disclosure. Some features described in the context of a separate embodiment can also be implemented in a single embodiment in combination. On the contrary, the various features described in the context of a single embodiment can also be implemented in multiple embodiments individually or in any suitable sub-combination mode.

[0147] Although the subject matter has been described using language specific to structural features and / or methodological logical acts, it should be understood that the subject matter 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 merely example forms of implementing the claims. Regarding the apparatus in the above-described embodiments, the specific manner in which each module performs operations has been described in detail in the embodiments related to the method and will not be elaborated upon here.

Claims

1. An image display method, comprising: Determine the target color according to the target image to be displayed; The target image is displayed, and according to the target color, the color of the target area used to display the target image is adjusted so that the adjusted color of the target area matches the color of the target image, wherein the target area includes a display page for carrying the target image and / or an application program interface for displaying the target image.

2. The method according to claim 1, wherein: The step of determining the target color according to the target image to be displayed includes: Determining a first color according to the occupied areas of different colors in the target image; When the saturation value of the first color is not within a preset saturation range and / or the brightness value of the first color is not within a preset brightness range, determining the target color according to the hue value, saturation value and brightness value of the first color; The hue value of the target color is consistent with the hue value of the first color, the saturation value of the target color is within the range of the preset saturation interval, and the brightness value of the target color is within the range of the preset brightness interval.

3. The method according to claim 2, wherein: The step of determining the target color according to the hue value, saturation value, and brightness value of the first color includes: While keeping the hue value of the first color unchanged, adjusting the brightness value of the first color to obtain an adjusted brightness value, wherein the adjusted brightness value is within the range of the preset brightness interval, and the adjusted brightness value makes the saturation value of the first color adjusted to be within the range of the preset saturation interval; The target color is determined according to the hue value of the first color, the adjusted brightness value, and the adjusted saturation value corresponding to the first color.

4. The method according to any one of claims 1 to 3, wherein: The target image includes a video, and determining the target color according to the target image to be displayed includes: For each video frame of the video, determining a second color according to the occupied areas of different colors in the video frame; In the case where the second colors corresponding to the adjacent multiple video frames are of the same color, according to the determining a third color based on the second colors corresponding to the adjacent multiple video frames; The third color is determined as the target color corresponding to the adjacent multiple video frames.

5. The method according to claim 4, wherein: The determining the third color according to the second colors corresponding to the adjacent multiple video frames includes: Determining a target hue value and a target brightness value according to the second color corresponding to the adjacent multiple video frames, wherein the target hue value is the minimum hue value of the second color corresponding to the adjacent multiple video frames, and the target brightness value is the average brightness of the second color corresponding to the adjacent multiple video frames; When the target brightness value is not within the range of the preset brightness interval, and / or the target saturation value corresponding to the target brightness value under the target hue value is not within the range of the preset saturation interval, the target brightness value is adjusted to obtain an adjusted target brightness value, wherein the adjusted target brightness value is within the range of the preset brightness interval, and the adjusted target brightness value causes the target saturation value to be adjusted to be within the range of the preset saturation interval; The third color is determined according to the target hue value, the adjusted target brightness value, and the adjusted target saturation value.

6. The method according to any one of claims 1 to 5, wherein: The step of determining the target color according to the target image to be displayed includes: In the case where the target area includes the application interface and the display page, a fourth color is determined in a first image area of ​​the target image, and a fifth color is determined in a second image area of ​​the target image, wherein the first image area is an area of ​​the target image close to the display page, and the second image area is an area of ​​the target image close to the application interface; The fourth color is used as the target color corresponding to the display page, and the fifth color is used as the target color corresponding to the application program interface.

7. The method according to any one of claims 1 to 6, wherein: The method further comprises: During display of the target image, a mask constructed based on the target color is displayed so that the color of the target area after color adjustment is coordinated with the target image in color.

8. An image display device, comprising: A determination module is configured to determine a target color according to a target image to be displayed; A display module is configured to display the target image and adjust the color of a target area used to display the target image according to the target color so that the adjusted color of the target area matches the color of the target image, wherein the target area includes a display page for carrying the target image and / or an application interface for displaying the target image.

9. A computer-readable storage medium having a computer program stored thereon, wherein: When the program is executed by a processing device, the steps of the method described in any one of claims 1 to 7 are implemented.

10. An electronic device comprising: a storage device having a computer program stored thereon; A processing device, configured to execute the computer program in the storage device to implement the steps of the method according to any one of claims 1 to 7.

Images