CN112256366A

CN112256366A - Page display method and device and electronic equipment

Info

Publication number: CN112256366A
Application number: CN202011062615.9A
Authority: CN
Inventors: 李星军; 赵作通; 赵梦婕
Original assignee: Beijing Dajia Internet Information Technology Co Ltd
Current assignee: Beijing Dajia Internet Information Technology Co Ltd
Priority date: 2020-09-30
Filing date: 2020-09-30
Publication date: 2021-01-22
Also published as: WO2022068293A1

Abstract

The disclosure relates to a page display method, a page display device and electronic equipment, wherein the method comprises the following steps: responding to the received page display instruction, and determining a target multimedia resource and a page tag which are included in a target page to be displayed; determining corresponding adjacent colors and contrast colors according to the reference color tones corresponding to the target multimedia resources; and displaying the target page, and dynamically rendering and displaying the page label according to the adjacent color and the contrast color in the process of displaying the target multimedia resource through the target page so as to dynamically switch the colors of different areas in the page label between the adjacent color and the contrast color. Therefore, the method not only improves the aesthetic degree of the page label and the coordination degree with the displayed page, facilitates the user to obtain the information on the page label, but also forms a dynamic color gradient effect, is beneficial to attracting the attention of the user and improves the attention degree of the page label.

Description

Page display method and device and electronic equipment

Technical Field

The present disclosure relates to the field of computer application technologies, and in particular, to a page display method and apparatus, and an electronic device.

Background

With the development of internet technology, various video pushing application programs are gradually popularized in the life of people, and video application pushes video streams to users through corresponding algorithms so as to meet the requirements of the users for watching various videos. Generally, a page tag is set on a page where a video application presents a video, and a user can participate in various activities provided by the video application by clicking the page tag, such as sending an expression, participating in voting or viewing other pushed information, and the like.

In the related art, a page tag of a video application is usually a static tag, and the tag is displayed in a fixed icon, color and text, so that the display is not clear in a dynamic video picture, and the display form is single, so that a user cannot be attracted to pay attention to the page tag.

Disclosure of Invention

The disclosure provides a page display method, a page display device, an electronic device, a storage medium and a computer program product, which at least solve the problems that in the related art, a static label is displayed by fixed icons, colors and characters, so that the display is not clear in a dynamic video image, the display form is single, and a user cannot be attracted to pay attention to the page label. The technical scheme of the disclosure is as follows:

according to a first aspect of the embodiments of the present disclosure, there is provided a page display method, including: responding to the received page display instruction, and determining a target multimedia resource and a page tag which are included in a target page to be displayed; determining corresponding adjacent colors and contrast colors according to the reference color tones corresponding to the target multimedia resources; and displaying the target page, and dynamically rendering and displaying the page label according to the adjacent color and the contrast color in the process of displaying the target multimedia resource through the target page so as to dynamically switch the colors of different areas in the page label between the adjacent color and the contrast color.

In a possible implementation manner of the embodiment of the present disclosure, the page display method further includes: acquiring a dominant tone of the target multimedia resource; and determining the reference tone according to the dominant tone of the multi-target multimedia resource.

In a possible implementation manner of the embodiment of the present disclosure, obtaining the dominant hue of the target multimedia resource includes: and processing and summing the dominant hue of each sub-resource, the dominant hue of the cover multimedia resource and the dominant hue of the first sub-resource in the target multimedia resource with the corresponding weight factors to obtain the corresponding hue which is used as the dominant hue of the target multimedia resource.

In a possible implementation manner of the embodiment of the present disclosure, obtaining the dominant hue of the target multimedia resource includes: and determining any one of the main tone of each sub-resource in the target multimedia resource, the main tone of the cover multimedia resource and the main tone of the first multimedia resource as the main tone of the target multimedia resource.

In a possible implementation manner of the embodiment of the present disclosure, determining the corresponding neighboring color and the contrast color according to the reference color tone corresponding to the target multimedia resource includes: selecting the hue which belongs to a first set range in a first direction of the chroma, the saturation and the brightness of the reference hue as an adjacent color; and selecting the hue which belongs to a second set range in a second direction of the chroma, the saturation and the brightness of the reference hue as a contrast color.

In a possible implementation manner of the embodiment of the present disclosure, determining the corresponding neighboring color and the contrast color according to the reference color tone corresponding to the target multimedia resource includes: selecting the hue which belongs to a first set range in a second direction of the chroma, the saturation and the brightness of the reference hue as an adjacent color; and selecting the hue which belongs to a second set range in a second direction of the chroma, the saturation and the brightness of the reference hue as a contrast color.

In a possible implementation manner of the embodiment of the present disclosure, dynamically rendering and displaying the page tag according to the adjacent color and the contrast color includes: and utilizing the adjacent color and the contrast color to perform two-color dynamic rendering display on the page label.

In a possible implementation manner of the embodiment of the present disclosure, dynamically rendering and displaying the page tag according to the adjacent color and the contrast color includes: respectively carrying out transformation processing on the adjacent color and the contrast color to obtain a first complementary color and a second complementary color; and performing four-color dynamic rendering display on the page label by utilizing the adjacent color, the contrast color, the first complementary color and the second complementary color.

In a possible implementation manner of the embodiment of the present disclosure, transforming the neighboring color and the contrast color respectively to obtain a first complementary color and a second complementary color includes: adjusting the saturation and brightness of the adjacent color to a preset range respectively to obtain a first supplementary color; and respectively adjusting the saturation and the brightness of the contrast color to the preset range to obtain a second supplementary color.

In a possible implementation manner of the embodiment of the present disclosure, dynamically rendering the page tag according to the adjacent color and the contrast color includes: determining N intersected areas included by the page tag at any time, wherein N is an integer greater than or equal to 2; and at any moment, respectively rendering the N areas which are intersected with each other by utilizing the adjacent color and the contrast color.

In a possible implementation manner of the embodiment of the present disclosure, determining N mutually intersected regions included in the page tag at any time includes: determining the positions of N dividing lines contained in the page label at any moment; and determining the areas between the N dividing lines and the corresponding page label boundary lines as N mutually intersected areas included by the page label at any moment.

In a possible implementation manner of the embodiment of the present disclosure, the page display method further includes: and carrying out fuzzy processing on the page tag and displaying.

In a possible implementation manner of the embodiment of the present disclosure, the page display method further includes: and receiving a reference tone corresponding to the target multimedia resource sent by the server, wherein the reference tone is determined by the server according to the dominant tone of the target multimedia resource.

In a possible implementation manner of the embodiment of the present disclosure, dynamically rendering and displaying the page tag according to the adjacent color and the contrast color includes: acquiring a page tag rendering mode sent by the server; and dynamically rendering and displaying the page tag according to the adjacent color and the contrast color based on the rendering mode.

In a possible implementation manner of the embodiment of the present disclosure, the page display method further includes: and sending the configuration information of the terminal to the server, so that the server determines the rendering mode of the page tag according to the configuration information of the terminal.

According to a second aspect of the embodiments of the present disclosure, there is provided another page display method, including: responding to the received page loading request, and determining a target multimedia resource and a page tag which are included in a target page to be loaded; determining a reference tone corresponding to the target multimedia resource; determining corresponding adjacent colors and contrast colors according to the reference color tones corresponding to the target multimedia resources; and displaying the target page, and dynamically rendering and displaying the page label according to the adjacent color and the contrast color in the process of displaying the target multimedia resource through the target page so as to dynamically switch the colors of different areas in the page label between the adjacent color and the contrast color.

In a possible implementation manner of the embodiment of the present disclosure, determining a reference color tone corresponding to the target multimedia resource includes: acquiring a dominant tone of the target multimedia resource; and determining a reference tone corresponding to the target multimedia resource according to the dominant tone of the target multimedia resource.

In a possible implementation manner of the embodiment of the present disclosure, obtaining the dominant hue of the target multimedia resource includes: and performing weighted fusion on the keytone of each sub-resource in the target multimedia resource, the keytone of the cover multimedia resource and/or the keytone of the first multimedia resource to generate the keytone of the target multimedia resource.

In a possible implementation manner of the embodiment of the present disclosure, the page display method further includes: acquiring configuration information of a terminal; determining a rendering mode of the page tag according to the configuration information of the terminal; and returning the rendering mode of the page tag to the terminal.

In a possible implementation manner of the embodiment of the present disclosure, determining a rendering mode of the page tag includes: determining the rendering mode to be two-color rendering under the condition that the configuration information of the terminal is lower than a set index; and determining the rendering mode to be four-color rendering under the condition that the configuration information of the terminal is higher than the set index or is the same as the set index.

According to a third aspect of the embodiments of the present disclosure, there is provided a page displaying apparatus, including: the first determining module is configured to respond to the received page display instruction and determine a target multimedia resource and a page tag which are included in a target page to be displayed; a second determination module configured to determine corresponding adjacent colors and contrast colors according to the reference hue corresponding to the target multimedia resource; and the dynamic rendering display module is configured to display the target page, and dynamically render and display the page label according to the adjacent color and the contrast color in the process of displaying the target multimedia resource through the target page, so that the colors of different areas in the page label are dynamically switched between the adjacent color and the contrast color.

In a possible implementation manner of the embodiment of the present disclosure, the apparatus further includes: an obtaining module configured to obtain a dominant hue of the target multimedia asset; a third determination module configured to determine the reference hue from a dominant hue of the multi-target multimedia asset.

In a possible implementation manner of the embodiment of the present disclosure, the obtaining module is further configured to: and multiplying the dominant tone of each sub-resource in the target multimedia resource, the dominant tone of the cover multimedia resource and the dominant tone of the first sub-resource by the corresponding weight factor respectively, and adding the obtained results to obtain the dominant tone of the target multimedia resource.

In a possible implementation manner of the embodiment of the present disclosure, the obtaining module is further configured to: and determining any one of the main tone of each sub-resource in the target multimedia resource, the main tone of the cover multimedia resource and the main tone of the first multimedia resource as the main tone of the target multimedia resource.

In a possible implementation manner of this embodiment of the present disclosure, the second determining module further includes: a first selecting unit configured to select, as an adjacent color, a color tone that belongs to a first setting range in a first direction of chromaticity, saturation, and brightness of the reference color tone; and a second selecting unit configured to select, as a contrast color, a hue in a second direction of the chromaticity, saturation, and brightness of the reference hue and belonging to a second setting range.

In a possible implementation manner of this embodiment of the present disclosure, the second determining module further includes: a third selecting unit configured to select, as an adjacent color, a color tone that belongs to a first set range in a second direction of the chromaticity, saturation, and brightness of the reference color tone; and a fourth selecting unit configured to select, as a contrast color, a hue in a second direction of the chromaticity, saturation, and brightness of the reference hue and belonging to a second setting range.

In a possible implementation manner of the embodiment of the present disclosure, the dynamic rendering display module is further configured to: and utilizing the adjacent color and the contrast color to perform two-color dynamic rendering display on the page label.

In a possible implementation manner of the embodiment of the present disclosure, the dynamic rendering display module is further configured to: respectively carrying out transformation processing on the adjacent color and the contrast color to obtain a first complementary color and a second complementary color; and performing four-color dynamic rendering display on the page label by utilizing the adjacent color, the contrast color, the first complementary color and the second complementary color.

In a possible implementation manner of the embodiment of the present disclosure, the dynamic rendering display module further includes: the first adjusting unit is configured to adjust the saturation and the brightness of the adjacent color to be within a preset range respectively so as to obtain a first supplementary color; and the second adjusting unit is configured to adjust the saturation and the brightness of the contrast color to be within the preset range respectively so as to obtain a second supplementary color.

In a possible implementation manner of the embodiment of the present disclosure, the dynamic rendering display module further includes: a first determining unit configured to determine N mutually intersecting regions included in the page tag at any one time, where N is an integer greater than or equal to 2; a first rendering unit configured to render the N regions intersecting each other with the neighboring color and the contrast color, respectively, at the arbitrary timing.

In a possible implementation manner of the embodiment of the present disclosure, the first determining unit is further configured to: determining the positions of N dividing lines contained in the page label at any moment; and determining the areas between the N dividing lines and the corresponding page label boundary lines as N mutually intersected areas included by the page label at any moment.

In a possible implementation manner of the embodiment of the present disclosure, the apparatus further includes: and the fuzzy processing module is configured to perform fuzzy processing on the page tag and display the page tag.

In a possible implementation manner of the embodiment of the present disclosure, the apparatus further includes: the receiving module is configured to receive a reference tone corresponding to the target multimedia resource sent by a server, wherein the reference tone is determined by the server according to a dominant tone of the target multimedia resource.

In a possible implementation manner of the embodiment of the present disclosure, the dynamic rendering display module further includes: the first acquisition unit is configured to acquire a page tag rendering mode sent by the server; and the second rendering unit is configured to dynamically render and display the page tag according to the adjacent color and the contrast color based on the rendering mode.

In a possible implementation manner of the embodiment of the present disclosure, the apparatus further includes: the sending module is configured to send the configuration information of the terminal to the server, so that the server determines the rendering mode of the page tag according to the configuration information of the terminal.

According to a fourth aspect of the embodiments of the present disclosure, there is provided another page displaying apparatus, including: the first determining module is configured to respond to the received page loading request, and determine a target multimedia resource and a page tag which are included in a target page to be loaded; a second determining module configured to determine a reference tone corresponding to the target multimedia resource; a third determination module configured to determine a corresponding adjacent color and a contrast color according to a reference hue corresponding to the target multimedia resource; and the dynamic rendering display module is configured to display the target page, and dynamically render and display the page label according to the adjacent color and the contrast color in the process of displaying the target multimedia resource through the target page, so that the colors of different areas in the page label are dynamically switched between the adjacent color and the contrast color.

In a possible implementation manner of this embodiment of the present disclosure, the second determining module further includes: a first acquisition unit configured to acquire a keytone of the target multimedia asset; the first determining unit is configured to determine a reference tone corresponding to the target multimedia resource according to the dominant tone of the target multimedia resource.

In a possible implementation manner of the embodiment of the present disclosure, the first obtaining unit is further configured to: and performing weighted fusion on the keytone of each sub-resource in the target multimedia resource, the keytone of the cover multimedia resource and/or the keytone of the first multimedia resource to generate the keytone of the target multimedia resource.

In a possible implementation manner of the embodiment of the present disclosure, the apparatus further includes: an acquisition module configured to acquire configuration information of a terminal; a fourth determining module configured to determine a rendering mode of the page tag according to the configuration information of the terminal; a return module configured to return the rendering mode of the page tag to the terminal.

In a possible implementation manner of the embodiment of the present disclosure, the fourth determining module is further configured to: determining the rendering mode to be two-color rendering under the condition that the configuration information of the terminal is lower than a set index; and determining the rendering mode to be four-color rendering under the condition that the configuration information of the terminal is higher than the set index or is the same as the set index.

According to a fifth aspect of embodiments of the present disclosure, there is provided an electronic apparatus including: a processor; a memory for storing the processor-executable instructions; wherein the processor is configured to execute the instructions to implement the page presentation method as described above.

According to a sixth aspect of the embodiments of the present disclosure, there is provided a storage medium, wherein instructions of the storage medium, when executed by a processor of a server, enable the server to perform the page presentation method as described above.

According to a seventh aspect of embodiments of the present disclosure, there is provided a computer program product, which, when executed by a processor of a server, enables the server to perform the page presentation method as described above.

The technical scheme provided by the embodiment of the disclosure at least brings the following beneficial effects: and in the process of displaying the target multimedia resource, dynamically rendering a page label in the displayed page by using the adjacent color and the contrast color. Therefore, the page label is subjected to color rendering through the adjacent color and the contrast color which are close to the reference color tone of the multimedia resource, so that the color of the page label is coordinated with the color of the multimedia resource, the aesthetic degree of the page label and the coordination degree of the multimedia resource display picture are improved, and a user can conveniently obtain information on the page label. In addition, the colors of different areas in the page label are dynamically switched between the adjacent color and the contrast color, so that a dynamic color gradient effect is formed, visual differentiation is caused, the page label can be highlighted, a user can be attracted to pay attention to the page label, and the attention of the page label is improved.

It is to be understood that both the foregoing general description and the following detailed description are exemplary and explanatory only and are not restrictive of the disclosure, as claimed

Drawings

The accompanying drawings, which are incorporated in and constitute a part of this specification, illustrate embodiments consistent with the present disclosure and, together with the description, serve to explain the principles of the disclosure and are not to be construed as limiting the disclosure.

FIG. 1 is a flow diagram illustrating a page presentation method in accordance with an exemplary embodiment.

Fig. 2 is a flowchart illustrating a specific page presentation method according to an exemplary embodiment.

FIG. 3 is a flow diagram illustrating another particular page presentation method in accordance with an illustrative embodiment.

Fig. 4 is a flowchart illustrating yet another specific page presentation method according to an example embodiment.

FIG. 5a is a schematic diagram illustrating an area between a dividing line and a corresponding edge in a page tab, according to an example embodiment.

FIG. 5b is a diagram illustrating a 4-region segmentation in a page tag, according to an example embodiment.

FIG. 6 is a diagram illustrating rendering effects of a page tab, according to an example embodiment.

FIG. 7 is a flow diagram illustrating another page presentation method in accordance with an illustrative embodiment.

FIG. 8 is a block diagram illustrating a page presentation apparatus according to an exemplary embodiment.

FIG. 9 is a block diagram illustrating another page presentation apparatus according to an example embodiment.

FIG. 10 is a block diagram illustrating an electronic device in accordance with an example embodiment.

Detailed Description

In order to make the technical solutions of the present disclosure better understood by those of ordinary skill in the art, the technical solutions in the embodiments of the present disclosure will be clearly and completely described below with reference to the accompanying drawings.

It should be noted that the terms "first," "second," and the like in the description and claims of the present disclosure and in the above-described drawings are used for distinguishing between similar elements and not necessarily for describing a particular sequential or chronological order. It is to be understood that the data so used is interchangeable under appropriate circumstances such that the embodiments of the disclosure described herein are capable of operation in sequences other than those illustrated or otherwise described herein. The implementations described in the exemplary embodiments below are not intended to represent all implementations consistent with the present disclosure. Rather, they are merely examples of apparatus and methods consistent with certain aspects of the present disclosure, as detailed in the appended claims.

It should be further noted that the page display method of the present disclosure may be executed by a server or a terminal, and is not limited herein. For convenience of describing the page display method of the present disclosure, as an example, an embodiment in which the execution subject is a terminal is explained first.

Fig. 1 is a flowchart illustrating a page presentation method according to an exemplary embodiment, where the page presentation method is used in a terminal, as shown in fig. 1, and includes the following steps.

In step 101, in response to the received page display instruction, a target multimedia resource and a page tag included in a target page to be displayed are determined.

It should be noted that, in an embodiment in which an execution subject of the page display method of the present disclosure is a terminal, the page display method of the present disclosure may be executed by the page display apparatus of the embodiment of the present disclosure, and the page display apparatus of the embodiment of the present disclosure may be configured in the terminal to execute the page display method of the embodiment of the present disclosure. The terminal includes an application or a web page served by the server, and may be any type of electronic device such as a user's mobile phone, a tablet computer, and a Personal Computer (PC), and is not limited herein.

The page may be an interactive interface where the terminal presents the multimedia resource to the user through a related application program, the multimedia resource is a comprehensive resource including multiple media, for example, the multimedia resource of the present disclosure may be a pushed video stream, and the target multimedia resource may be a short video that the terminal presents to the user through a short video application and is searched by the user.

The page display instruction includes a page opening instruction or a page refreshing instruction and the like, which are used for displaying the target multimedia resource to the user through the target page, for example, when the user clicks a short video in a video push list of the short video application, the terminal receives an instruction which is sent by a server of the short video application and used for opening a new page and playing the target short video in the target page, and for example, after the user watches the short video, the terminal receives an instruction which is sent by the server and used for refreshing the current page and continuously displaying the video of the related type.

In the embodiment of the disclosure, the terminal may first send a page loading request to the server to obtain the target multimedia resource and present the target multimedia resource to the user through the page, where the page loading request may include an identifier of the target multimedia resource, and then the server determines the target multimedia resource according to the identifier of the target multimedia resource and returns a page presentation instruction including the target multimedia resource and the page tag to the terminal.

Further, the terminal responds to the received page display instruction, specifically, the target multimedia resource and the page tag are extracted from the page display instruction, the target page is generated, and the like, so that the target multimedia resource and the page tag included in the target page to be displayed are determined, and the target multimedia resource is conveniently displayed to the user in the target page.

In step 102, the corresponding adjacent color and the contrast color are determined according to the reference hue corresponding to the target multimedia resource.

Wherein, the reference tone is a tone related to the picture, content, theme, and the like of the target multimedia resource, it should be noted that the tone refers to a relative brightness of the image, and is expressed as a color on the color image, and therefore, in an embodiment of the present disclosure, when the target multimedia resource includes the color image, the reference tone may be a color used most in the image. For example, when the target multimedia asset is a short video, the reference tone may be a color adapted to the emotion expressed by the video, and the like.

Wherein the adjacent color and the contrast color are similar to the reference hue. The adjacent color is a color which is similar to the color of the reference hue, has the same cold and warm properties, and has a uniform hue, for example, when the reference hue is red, the adjacent color may be yellow orange, and when the reference hue is blue, the adjacent color may be dark green, etc. The contrast color is a color that can be easily distinguished from the reference hue and that can achieve visual balance, for example, when the reference hue is blue, the contrast color may be light green, and the like.

Optionally, in an embodiment of the disclosure, the terminal may determine the range of the adjacent color and the range of the contrast color corresponding to each color in advance, after the terminal determines the reference hue of the target multimedia resource by analyzing various colors included in the target multimedia resource, and the like, the range of the adjacent color and the range of the contrast color corresponding to the reference hue may be obtained, and then the adjacent color and the contrast color corresponding to the reference hue are respectively selected from the adjacent color and the contrast color.

Optionally, in another embodiment of the disclosure, the electronic device may pre-store the adjacent color and the contrast color corresponding to each color, and after determining the reference hue of the target multimedia resource, directly obtain the adjacent color and the contrast color corresponding to the reference hue according to a preset mapping relationship.

In step 103, the target page is displayed, and in the process of displaying the target multimedia resource through the target page, the page label is dynamically rendered and displayed according to the adjacent color and the contrast color, so that the colors of different areas in the page label are dynamically switched between the adjacent color and the contrast color.

In the embodiment of the disclosure, after the terminal determines the adjacent color and the contrast color corresponding to the reference hue of the target multimedia resource, the target multimedia resource and the page tag are displayed in the generated page, in the process of displaying the target multimedia resource, the page tag in the displayed page is divided into different areas, and then the adjacent color and the contrast color are respectively filled into the different areas to realize color rendering of the page tag, wherein if the divided areas exceed two, the adjacent color and the contrast color can be further processed, and a plurality of related colors are produced based on the adjacent color and the contrast color, so that the number of the colors is consistent with the number of the areas. And the overlapped parts among different areas are set, so that the total area of the added areas is larger than the area of the page label, thereby ensuring that the blank color does not appear in the page label after the page label is rendered, and more fully coloring and rendering the page label.

Furthermore, the colors of different areas in the page label are dynamically switched between the adjacent color and the contrast color, that is, the colors of different areas in the page label continuously change at different times, so that the dynamic color rendering of the page label is realized.

In specific implementation, as a possible implementation manner, the area of each region is controlled to be continuously irregularly changed in the multimedia resource display process, and because each region has a corresponding fixed color, when each region is changed, the color corresponding to each region is also moved in the middle position of the page tag compared with the previous time, so that the color of the fixed region in the page tag is changed, and the color of different regions in the page tag is dynamically switched between the adjacent color and the contrast color. For example, the lower left corner of the page label is the area 1 displaying the adjacent color at the first time, and the position of the original area 1 is changed to the area 2 displaying the contrasting color at the second time, so that the area of the lower left corner of the page label realizes the dynamic switching between the adjacent color and the contrasting color between the first time and the second time.

As another possible implementation manner, each region is controlled to display different colors at different times in a corresponding sequence, that is, the colors corresponding to each region can be changed, for example, the region 1 is filled with an adjacent color first, the region 2 is filled with a contrast color first, in the process of displaying the target multimedia resource, the region 1 and the region 2 are controlled to perform color switching at a preset time interval, the region 1 displays the adjacent color at a first time, the region 2 displays the contrast color, and the region 1 and the region 2 perform color switching at a second time, then the region 1 displays the contrast color at the second time, and the region 2 displays the adjacent color, so that the colors of different regions in the page tag are dynamically switched between the adjacent color and the contrast color.

Therefore, the colors of different areas in the page label are dynamically switched between the adjacent color and the contrast color at different moments, and the adjacent color and the contrast color are similar to each other, so that the color gradient effect on the page label is realized during dynamic switching, and the color of the page label is dynamically rendered.

It should be noted that, when the target multimedia resource corresponds to multiple display pages, for example, when the target multimedia resource is a short video including five key frames, each frame of the frame corresponds to one display page, the page tag generation method provided in the embodiment of the present disclosure dynamically renders the page tag in each display page according to the above manner, so that the electronic device displays each display page and dynamically switches colors of different areas in the page tag after the display pages are switched.

The page tag generation method provided by the embodiment of the disclosure determines a corresponding reference color tone according to a target multimedia resource in a page display instruction, acquires a corresponding adjacent color and a corresponding contrast color according to the reference color tone, and dynamically renders a page tag in a display page based on the adjacent color and the contrast color in the target multimedia resource display process. Therefore, the page label is subjected to color rendering through the adjacent color and the contrast color which are close to the reference color tone of the multimedia resource, so that the color of the page label is coordinated with the color of the multimedia resource, the aesthetic degree of the page label and the coordination degree of the multimedia resource display picture are improved, and a user can conveniently obtain information on the page label. In addition, the colors of different areas in the page label are dynamically switched between the adjacent color and the contrast color, so that a dynamic color gradient effect is formed, visual differentiation is caused, the page label can be highlighted, a user can be attracted to pay attention to the page label, and the attention of the page label is improved.

Based on the above embodiment, in order to more clearly illustrate the specific implementation process of determining the reference hue corresponding to the target multimedia resource and acquiring the adjacent color and the contrast color corresponding to the reference hue, a specific page display method is further provided in the embodiment of the present disclosure.

Fig. 2 is a flowchart illustrating a specific page tag generation method according to an exemplary embodiment. As shown in fig. 2, the page tag generating method includes the following steps:

in step 201, a dominant hue of the target multimedia asset is obtained.

For example, when the target multimedia resource is a short video including five frames, the reference tone of the video is a color with the largest proportion of all colors included in the five frames.

In the embodiment of the disclosure, after the terminal acquires the target multimedia resource, the dominant hue of the target multimedia resource can be extracted in different ways.

As a possible implementation manner, when the target multimedia resource includes a plurality of sub-resources, the terminal may first determine the keytone of each sub-resource in the target multimedia resource, the keytone of the cover multimedia resource, and the keytone of the first sub-resource. Wherein, the cover multimedia resource is a cover for introducing the target multimedia resource, and the first sub-resource is the first sub-resource in the plurality of sub-resources arranged in the target multimedia sequence. For example, when the target multimedia asset is a short video including a plurality of frames of images, the cover multimedia asset is a cover image introducing the name, author, etc. of the short video, and the first sub-asset is a first frame of image. In specific implementation, when the sub-resource, the cover multimedia resource, and the first sub-resource are images, the terminal may first determine the area occupied by each color in each frame of image, then count the total area occupied by each color, and then compare the total area size of each color, and take the color with the largest area as the dominant hue of each sub-resource, the dominant hue of the cover multimedia resource, and the dominant hue of the first sub-resource.

Further, the keytone of each sub-resource, the keytone of the cover multimedia resource, and the keytone of the first sub-resource are respectively processed with the corresponding weight factors, and then summed up, for example, the keytone of each sub-resource, the keytone of the cover multimedia resource, and the keytone of the first sub-resource may be respectively multiplied by the corresponding weight factors, and then the multipliers are summed up to obtain the keytone of the target multimedia resource. The sub-resources, the cover multimedia resources, and the weight factors corresponding to the first sub-resources may be set according to actual needs, and no limitation is imposed here, for example, the weight factor of the sub-resources may be set to be the maximum, the second cover multimedia resources, and the minimum weight of the first sub-resources, and for example, when the user looks at the cover of the target multimedia resource, the weight factor of the cover multimedia resource is set to be the maximum, and if the terminal determines that the target multimedia resource has no cover, the weight factor of the cover multimedia resource is zero.

Therefore, the dominant hue of the target multimedia resource is determined by integrating the dominant hues of each sub-resource, the cover multimedia resource and the first sub-resource in the target multimedia resource, so that the determined dominant hue of the target multimedia resource is more consistent with the overall color of the target multimedia resource, and the accuracy of the obtained dominant hue of the target multimedia resource is improved.

It can be understood that, in practical applications, there may be a case that the terminal cannot recognize the keytone of each sub-resource in the target multimedia resource, or the target multimedia resource is not provided with a cover, and therefore, as another possible implementation manner, the terminal may further determine any one of the keytone of each sub-resource in the target multimedia resource, the keytone of the cover multimedia resource, and the keytone of the first multimedia resource as the keytone of the target multimedia resource.

For example, when the target multimedia resource is a short video including multiple frames of images, and the terminal cannot identify the total area occupied by each color in the short video, a cover image preset by the short video can be obtained, the area occupied by each color in the cover image is identified to determine the dominant hue of the cover image, and the dominant hue of the cover image is used as the reference hue of the target multimedia resource. And if the cover picture does not exist in the short video, acquiring a first frame image of the short video, identifying the dominant hue of the frame image, and taking the dominant hue of the first frame image as the reference hue of the target multimedia resource.

Therefore, the success rate of obtaining the dominant tone of the target multimedia resource is improved, and the calculation amount of the terminal is reduced.

In step 202, a reference hue is determined based on the dominant hue of the target multimedia asset.

In the embodiment of the disclosure, the terminal may directly determine the dominant hue of the obtained target multimedia resource as the reference hue of the target multimedia resource, or may adjust the parameters such as the saturation and brightness of the dominant hue after obtaining the dominant hue of the target multimedia resource, so as to obtain a purer dominant hue.

In another embodiment of the present disclosure, the terminal may further receive a reference color tone corresponding to the target multimedia resource sent by the server, where the reference color tone is determined by the server according to the dominant color tone of the target multimedia resource. Namely, after the server side determines the target multimedia resource, the home tone of the target multimedia resource is determined through the network computing resource, then the home tone of the target multimedia resource is set in the page display instruction and is sent to the terminal, and then the terminal can directly extract the home tone of the target multimedia resource in the page display instruction. Therefore, the calculation amount of the terminal can be reduced, and the waiting time for dynamically rendering the page label is shortened.

In step 203, the corresponding adjacent color and the contrast color are determined according to the reference hue.

In the embodiment of the present disclosure, since the obtained adjacent color and the contrast color are similar to the reference hue, the corresponding adjacent color and the contrast color may be selected in a range where the chromaticity, the saturation, and the brightness of the reference hue are similar.

Alternatively, in one embodiment of the present disclosure, a hue which is in a first direction of the chromaticity, the saturation, and the brightness of the reference hue and belongs to a first set range is selected as the adjacent color, and a hue which is in the first direction of the chromaticity, the saturation, and the brightness of the reference hue and belongs to a second set range is selected as the sum contrast color. The first direction may be a counterclockwise direction, the second setting range is greater than the first setting range, and the first setting range and the second setting range may be set according to factors such as a preference of a user, which is not limited herein. Specifically, the colors may be arranged in advance in an order in which the chromaticity, saturation, and brightness gradually increase, the position of the reference hue in the color order may be determined, and in the counterclockwise direction, the adjacent color may be selected within a first set range from the chromaticity, saturation, and brightness of the reference hue, and then the range may be increased, and the contrast color may be selected within a second set range from the chromaticity, saturation, and brightness of the reference hue.

Optionally, in another embodiment of the present disclosure, a hue in the second direction of the chromaticity, the saturation, and the brightness of the reference hue and belonging to the first set range is selected as the adjacent color, and a hue in the second direction of the chromaticity, the saturation, and the brightness of the reference hue and belonging to the second set range is selected as the contrast color. The second direction may be a clockwise direction, the second setting range is greater than the first setting range, and the first setting range and the second setting range may be set according to factors such as a preference of a user, which is not limited herein.

For example, a reference hue may be selected on a color circle (color circle) to determine corresponding neighboring colors and contrast colors.

The hue ring is a circularly arranged hue spectrum, and various colors contained in the hue ring are arranged according to the sequence of the spectrum appearing in nature, so that each color in the hue ring has a fixed position, the colors with similar hues are adjacently arranged, the colors of warm hue and cool hue are arranged in different semicircles, and the farther the color is from the current color, the larger the difference between the color and the current color is. For example, colors adjacent to a yellow position are yellow orange and yellow green, and blue, which is a complementary color to yellow, is located at a position opposite to the yellow position. And the colors with similar hues in the hue ring are arranged adjacently, so that the adjacent color and the contrast color corresponding to the reference hue can be sequentially acquired in a preset range along the same direction by taking the position of the reference hue on the hue ring as a starting point.

The same direction can be clockwise or counterclockwise, and the preset range can be set according to the preference of the user for color matching.

For example, if it is determined that the user prefers more harmonious colors according to the historical usage records of the user, after the reference hue is located on the hue circle, the neighboring color is selected within a range 30 ° away from the reference hue in the counterclockwise direction, and then the contrast color is selected within a range 30 ° away from the reference hue in the counterclockwise direction, so as to obtain the neighboring color and the contrast color which are more similar to the reference hue.

For another example, if it is determined that there is significant contrast and balance between the user-preferred colors according to the historical usage records of the user, after the reference hue is located on the hue circle, the adjacent color is selected within a range of 60 ° away from the reference hue in the counterclockwise direction, and then the contrast color is selected within a range of 120 ° away from the reference hue in the counterclockwise direction, so as to obtain the adjacent color and the contrast color which are separated from the reference hue by a distance feeling and have more significant contrast.

According to the specific page display method provided by the embodiment of the disclosure, when the adjacent color and the contrast color corresponding to the reference hue are obtained, the adjacent color and the contrast color are sequentially obtained within the preset range according to the chromaticity, the saturation and the brightness of the reference hue, the obtained adjacent color and the contrast color corresponding to the reference hue are more similar to the reference hue, the dynamic rendering effect of color gradient is conveniently realized subsequently, the realization is easy, and when the page label is rendered subsequently according to the adjacent color and the contrast color similar to the reference hue, the color of the page label and the color of the target multimedia resource are more coordinated and beautiful.

In a possible implementation form of the present disclosure, dynamic rendering of multiple colors may be performed on the page tag in different manners, so as to determine the number of rendered colors according to actual needs, and further improve the rendering effect of the page tag.

Fig. 3 is a flowchart illustrating another specific page display method according to an exemplary embodiment, where the page display method includes the following steps, as shown in fig. 3:

in step 301, the number of colors that render a page tab is determined.

In the embodiment of the disclosure, the page tag can be rendered with different color quantities, such as two-color rendering, four-color rendering or six-color rendering, and the rendered color quantity can be set according to actual needs, which is not limited here.

In one embodiment of the present disclosure, the terminal may preset the number of colors for rendering the page tag. For example, a user can determine the number of colors for rendering a page tag according to own preference, and then the terminal pre-stores the number of colors used in rendering according to the setting of the user, for example, if the user does not like to display more colors in an area of a page, four-color rendering can be performed on the page tag in advance, after the terminal receives a page display instruction, whether the number of colors used in rendering is pre-stored or not is determined, if so, the pre-stored number of colors is obtained, so that dynamic rendering of the number of colors is performed on the page tag according to the preference of the user, the rendering effect of the page tag is more in accordance with the requirement of the user, and the satisfaction of the user is improved.

In another embodiment of the disclosure, the terminal may further obtain the number of colors for rendering the page tag sent by the server. Specifically, when the terminal sends the resource request, the configuration information may be sent to the simultaneous server, so that the server determines, according to the configuration information of the terminal, the number of colors for rendering the page label. Further, the server side determines whether the terminal meets a preset condition for dynamically rendering the page tag according to terminal configuration information in a multimedia resource request sent by the electronic device, and if the terminal meets the minimum configuration requirement for rendering, the server side can further determine the number of colors for rendering the page tag according to the terminal configuration information. And then, the server side sends the number of the colors for rendering the page label to the terminal.

For example, the server presets configuration requirements for the terminal when rendering page tags with different numbers of colors, determines configuration requirement ranges corresponding to the different numbers of colors, compares configuration information of the current electronic device with thresholds of the configuration requirement ranges to determine a target configuration requirement range in which the configuration information of the current electronic device is located, and further determines the maximum number of colors that can be supported by the current electronic device, and uses the number of colors as the number of colors for rendering the page tags. For example, if it is determined that the configuration information of the current electronic device is greater than the threshold of the configuration requirement range corresponding to the two-color rendering and less than the threshold of the configuration requirement range corresponding to the four-color rendering, it is determined that the two-color rendering is performed on the page tag, so that it is ensured that the electronic device can clearly and smoothly display the two-color dynamic rendering effect of the page tag, and the rendering effect of the page tag is ensured.

In step 302, if it is determined that the number of colors for rendering the page tag is two, the page tag is subjected to two-color dynamic rendering display by using the adjacent color and the contrast color.

In step 303, if it is determined that the number of colors for rendering the page tag is four, the adjacent color and the contrast color are respectively transformed to obtain a first complementary color and a second complementary color.

The first complementary color is a color having the same hue as that of the adjacent color, the second complementary color is a color having the same hue as that of the contrast color, and the first complementary color and the second complementary color are used for complementing the other two colors lacking in the four-color rendering of the page label.

In the embodiment of the present disclosure, after obtaining the adjacent color and the contrast color corresponding to the reference hue, if the rendering mode is determined to be two-color rendering, the terminal directly uses the adjacent color and the contrast color to perform two-color dynamic rendering display on the page label, and if the rendering mode is determined to be four-color rendering, the optical tristimulus color values (RGB) of the adjacent color and the contrast color are first converted into H (hue) S (saturation) B (lightness) values through corresponding conversion formulas, and a specific conversion method may refer to the conversion formulas in the related art, and is not described herein again.

Further, the adjacent color and the contrast color are respectively transformed to obtain a first complementary color and a second complementary color. For example, the terminal adjusts the saturation and brightness of the adjacent color to a preset range respectively to obtain a first complementary color, and then adjusts the saturation and brightness of the contrast color to a preset range respectively to obtain a second complementary color. The saturation and lightness can reflect the intensity of the color, so that the first supplementary color and the second supplementary color are more striking than the adjacent color and the contrast color, the vision of the user can be stimulated to a greater extent, and the attention of the user can be further attracted.

It should be noted that the preset range is a predetermined purity range and lightness range when the human eyes feel comfortable, and in the process of adjusting the purity and lightness of the adjacent color and the contrast color, the adjusted purity and lightness are ensured to be within the corresponding preset range, so that the obtained first supplementary color and the second supplementary color can avoid damaging the vision of the user on the basis of attracting the attention of the user, and ensure the eye health of the user. For example, the saturation value and the brightness value of the adjacent color and the contrast color are respectively increased by 20% within a preset range, and the adjusted HSB value is converted into an RGB value by a conversion formula to obtain a first supplementary color which is the same as the hue of the adjacent color but has higher saturation and higher brightness, and a second supplementary color which is the same as the hue of the contrast color but has higher saturation and higher brightness, wherein the first supplementary color and the second supplementary color can further stimulate the vision of the user on the basis of making the user feel comfortable.

In step 304, during the target video display process, the page label is dynamically rendered in four colors using the neighboring color, the contrast color, the first complementary color, and the second complementary color.

In the embodiment of the present disclosure, when performing four-color rendering on a page tag, the page tag is divided into four regions, the adjacent color, the contrast color, the first complementary color, and the second complementary color are respectively filled into the different regions, and then the four regions are dynamically switched among the adjacent color, the contrast color, the first complementary color, and the second complementary color according to the manner in the embodiment, so as to implement four-color rendering on the page tag.

It should be noted that, in other embodiments of the present disclosure, if it is determined that the rendering mode of the page tag is a multi-color rendering mode greater than four colors, according to the above method, the purity and lightness of the adjacent color and the contrast color are adjusted to different values according to the number of the required complementary colors to generate a plurality of complementary colors, for example, if the rendering mode is determined to be six-color rendering, within a preset range, the saturation value and the brightness value of the adjacent color and the contrast color are respectively increased to 20 percent within the preset range, to generate a first complementary color and a second complementary color, and then to increase the saturation value and the brightness value of the adjacent color and the contrast color to 30% within a preset range respectively to generate a third complementary color and a fourth complementary color, and six-color rendering is performed on the page label in the display page based on the adjacent color, the contrast color, the first complementary color, the second complementary color, the third complementary color and the fourth complementary color.

The specific page display method provided by the embodiment of the disclosure can determine the number of colors for rendering the page tag according to the configuration information of the terminal and the preference of the user, and improves the rendering effect to the greatest extent on the basis that the electronic equipment can support. Moreover, when the page label is subjected to multi-color rendering, a more striking complementary color is obtained based on the adjacent color and the contrast color, so that the page label can be further highlighted, and the attention of a user can be fully attracted.

Based on the above embodiment, in order to describe more clearly the specific implementation process of the terminal for dynamically rendering the page tags in the display page, a specific page tag generation method is also provided in the embodiment of the present disclosure.

Fig. 4 is a flowchart illustrating yet another specific page tag generation method according to an example embodiment. As shown in fig. 4, the page tag generating method includes the following steps:

in step 401, N regions that the page tag includes at any one time and intersect with each other are determined, where N is an integer greater than or equal to 2.

N is determined according to the rendering mode, for example, if the rendering mode is four-color rendering, N is 4. After the rendering mode is determined, the page tags are divided into corresponding irregular N areas according to the rendering mode, and the N areas are intersected with each other, namely, overlapped parts exist between every two N areas. Further, the shape and the area of the N regions are controlled to be continuously transformed at different times.

In the embodiment of the present disclosure, since the region is surrounded by different lines, N dividing lines may be determined first, and each dividing line and an edge of the page tag constitute a corresponding region, for example, as shown in fig. 5b, when dividing 4 regions, region 1(Color1), region 2(Color2), region 3(Color3), and region 4(Color4) are generated by 4 curves and each edge in the page tag.

Furthermore, the shape of each dividing line is controlled to change at different moments according to the curve equation of the dividing line, so that N dividing lines corresponding to the N areas are determined at any moment. As a possible implementation manner, the bezier curves are used as the dividing lines, the control points of each bezier curve are determined, and then the shapes of the bezier curves can be changed correspondingly according to the constraints of the curve equations by adjusting the control points.

Then, the regions between the N dividing lines and the corresponding edges of the page label may be determined as N regions included in the page label at any time and intersecting with each other.

It can be understood that, in the dynamic transformation process of the bezier curve, the shape of the dividing line changes, and the area of the enclosing city of the dividing line and the corresponding edge in the page label also changes. For example, when N is 4, as shown in fig. 5a and 5b, 5a is a schematic diagram of an area between any dividing line and a corresponding edge in the page label at any time, and fig. 5b is a schematic diagram of division of 4 areas in the page label when intersection points of 4 dividing curves are four vertices of the page label.

During specific implementation, the state of each curve at any moment can be determined in real time through the curve equation of the dividing line and the corresponding curve animation frequency, and further, N areas contained in the page label at the moment are determined according to the areas between the N dividing lines and the corresponding edges in the page label.

In step 402, the N regions are dynamically rendered based on the neighboring color and the contrasting color, respectively.

In the embodiment of the present disclosure, according to the method in the above embodiment, the corresponding complementary color is obtained based on the adjacent color and the contrast color according to the number N of the regions, and the adjacent color, the contrast color and the corresponding number of complementary colors are respectively filled into the corresponding regions.

Further, each region corresponds to a different rendering color, so that when the area of each region changes, the color distribution in the page tag also changes, that is, for any position in the page tag, the color of the page tag changes at different time. And because the colors in each region are similar, when the area of each region is changed continuously, the effect of color gradual change is achieved, and the dynamic rendering of the color of the page label is realized.

For example, as shown in fig. 6, when four-color rendering is performed, a first supplementary color and a second supplementary color are generated based on an adjacent color and a contrasting color corresponding to a reference hue, then the adjacent color, the contrasting color, the first supplementary color and the second supplementary color are filled into four regions of the page tag 10, and the areas of the four regions are controlled to be changed continuously in the above manner, so that the color of any position of the page tag is changed continuously, and thus, as shown in fig. 6, in the page tag at the first time, the second time and the third time, the colors of different regions are dynamically switched among the adjacent color, the contrasting color, the first supplementary color and the second supplementary color, so as to form a liquid flow effect of the four colors.

In step 403, the page label is blurred and displayed.

The blurring process is used for blurring the difference of the adjacent color, the contrast color and the generated complementary color in the visual contrast, and improving the gradual change effect among the adjacent color, the contrast color and the complementary color.

In the embodiment of the disclosure, after the electronic device dynamically renders the N regions, a fuzzy layer is arranged on the upper layer of the page label, so as to further improve the transition effect among colors on the page label. As a possible implementation manner, the electronic device may call a fuzzy control in a front-end frame of an operating system of the electronic device, and set on the page tag, for example, the electronic device may call a gaussian fuzzy effect control (uivisual effect view) provided in the UIKit frame to overlay on the whole page tag, so as to implement the fuzzy effect.

Furthermore, after the page label is subjected to fuzzy processing, the page label subjected to dynamic rendering and fuzzy processing is displayed at the corresponding position of the target page, the colors of different areas in the page label are dynamically switched between the adjacent color and the contrast color, and after the fuzzy processing, the effect of gradual transition between different colors is better, so that the color of the page label flows like liquid, and the attractiveness of the page label is further improved.

The specific page display method provided by the embodiment of the disclosure includes the steps of firstly determining N crossed regions included in a page label at any time, then respectively dynamically rendering the N regions based on adjacent colors and contrast colors, and finally setting a fuzzy layer on the upper layer of the page label for visually blurring the colors, so that the colors of different regions in the page label are dynamically switched between the adjacent colors and the contrast colors, and the page label has a good gradual transition effect among different colors, so that various colors on the page label have continuous liquid flow.

Based on the above embodiment, in order to describe more clearly the specific implementation process of the method for the server to execute the page display, the embodiment of the present disclosure further provides another page display method.

Fig. 7 is a flowchart illustrating another page showing method according to an exemplary embodiment, where the page tag generating method, as shown in fig. 7, includes the following steps:

in step 501, in response to the received page loading request, a target multimedia resource and a page tag included in a target page to be loaded are determined.

It should be noted that the server refers to a server that provides computing or application services for various terminals in a network, for example, the server of the present disclosure may be a server of a certain short video application. When the execution subject of the page display method of the present disclosure is the server, the page display method of the present disclosure may be executed by the page display apparatus of the present disclosure, and the page display apparatus of the present disclosure may be configured in the server to execute the page display method of the present disclosure.

The page loading request is a request for acquiring a target multimedia resource and displaying the target multimedia resource through a page, wherein the request is sent by a terminal, and the request for loading the page comprises a page opening request or a page refreshing request and the like. The page loading request comprises an identification of the target multimedia resource displayed after the page loading, and the server determines the target multimedia resource and a page tag displayed on the page according to the identification of the target multimedia resource in the page loading request.

The identifier of the target multimedia resource is attribute information for distinguishing each multimedia resource, for example, it may be name information of the target multimedia resource, and the server may identify the target multimedia resource requested by the electronic device from the plurality of multimedia resources according to the identifier of the target multimedia resource. The configuration information of the terminal is related performance parameters of the electronic device for displaying pictures, and for example, it may include the speed of the processor, the running energy, the resolution of the screen, and the like.

In step 502, a reference color tone corresponding to the target multimedia resource is determined.

The reference hue is a hue related to a picture, content, theme, and the like of the target multimedia resource, and it should be noted that the hue refers to a relative brightness of an image and is expressed as a color on a color image, therefore, in an embodiment of the present disclosure, when the target multimedia resource includes the color image, the reference hue may be a color used most in the image, and for example, when the target multimedia resource is a short video, the reference hue may be a color adapted to an emotion expressed by the video, and the like. In an embodiment of the present disclosure, the server determines the target multimedia resource according to the identifier of the target multimedia resource, and then may extract the reference tone of the target multimedia resource in different ways.

In the embodiment of the disclosure, the dominant hue of the target multimedia resource is obtained first, and then the reference hue corresponding to the target multimedia resource is determined according to the dominant hue of the target multimedia resource.

When the dominant hue of the target multimedia resource is obtained, as a possible implementation manner, the server may determine the dominant hue of each sub-resource in the target multimedia resource, the dominant hue of the cover multimedia resource, and the dominant hue of the first sub-resource. Wherein, the cover multimedia resource is a cover for introducing the target multimedia resource, and the first sub-resource is the first sub-resource in the plurality of sub-resources arranged in the target multimedia sequence. For example, when the target multimedia asset is a short video including a plurality of frames of images, the cover multimedia asset is a cover image introducing the name, author, etc. of the short video, and the first sub-asset is a first frame of image. In specific implementation, when the sub-resource, the cover multimedia resource, and the first sub-resource are images, the server may first determine the area occupied by each color in each frame of image, then count the total area occupied by each color, and then compare the total area size of each color, and take the color with the largest area as the dominant hue of each sub-resource, the dominant hue of the cover multimedia resource, and the dominant hue of the first sub-resource.

Further, the keytone of each sub-resource, the keytone of the cover multimedia resource, and the keytone of the first sub-resource are respectively processed with the corresponding weight factors, and then summed up, for example, the keytone of each sub-resource, the keytone of the cover multimedia resource, and the keytone of the first sub-resource are respectively multiplied by the corresponding weight factors, and then the multipliers are added together to obtain the keytone of the target multimedia resource, thereby realizing the weighted fusion of the keytone of each sub-resource, the keytone of the cover multimedia resource, and/or the keytone of the first multimedia resource. The sub-resources, the cover multimedia resources, and the weight factors corresponding to the first sub-resources may be set according to actual needs, and no limitation is imposed here, for example, the weight factor of the sub-resources may be set to be the maximum, the second cover multimedia resources, and the minimum weight of the first sub-resources, and for example, when the user looks at the cover of the target multimedia resource, the weight factor of the cover multimedia resource is set to be the maximum, and if the terminal determines that the target multimedia resource has no cover, the weight factor of the cover multimedia resource is zero.

As another possible implementation manner, the server may further determine any one of the dominant hue of each sub-resource in the target multimedia resource, the dominant hue of the cover multimedia resource, and the dominant hue of the first multimedia resource as the dominant hue of the target multimedia resource.

In step 503, the corresponding adjacent color and the contrast color are determined according to the reference hue corresponding to the target multimedia resource.

Optionally, in an embodiment of the disclosure, the server may determine the range of the adjacent color and the range of the contrast color corresponding to each color in advance, and after determining the reference hue of the target multimedia resource by analyzing various colors included in the target multimedia resource, the server may obtain the range of the adjacent color and the range of the contrast color corresponding to the reference hue, and arbitrarily select the adjacent color and the contrast color corresponding to the reference hue from the ranges of the adjacent color and the contrast color.

Optionally, in another embodiment of the disclosure, the server may pre-store the adjacent color and the contrast color corresponding to each color, and after determining the reference hue of the target multimedia resource, directly obtain the adjacent color and the contrast color corresponding to the reference hue according to a preset mapping relationship.

It should be noted that, in the embodiment of the present disclosure, the server may further obtain configuration information of the terminal, determine, according to the configuration information of the terminal, the number of colors to be rendered for the page tag, and then return the determined number of colors to the terminal, so that the terminal dynamically renders the page tag with different numbers of colors. Specifically, the server may preset setting indexes of configuration information of the terminal when rendering the page tags with different numbers of colors, determine the setting indexes corresponding to the different numbers of colors, for example, set indexes that can perform four-color rendering, compare the configuration information of the current electronic device with each setting index, and determine to perform two-color rendering on the page tags when the configuration information of the terminal is lower than the setting indexes; and when the configuration information of the terminal is higher than the set index or is the same as the set index, determining to perform four-color rendering on the page label.

In step 504, the target page is displayed, and during the process of displaying the target multimedia resource through the target page, the page label is dynamically rendered and displayed according to the adjacent color and the contrast color, so that the colors of different areas in the page label are dynamically switched between the adjacent color and the contrast color.

In the embodiment of the disclosure, after the server determines the adjacent color and the contrast color corresponding to the reference tone of the target multimedia resource, the corresponding adjacent color and the contrast color are sent to the terminal, and the target multimedia resource and the page label are controlled to be displayed in the generated page.

Specifically, in the process of displaying the target multimedia resource by the control terminal, the control terminal divides the page tag in the display page into different areas, and then fills the adjacent color and the contrast color into the different areas respectively to realize color rendering of the page tag, wherein if the divided areas exceed two, the adjacent color and the contrast color can be further processed, and a plurality of related colors are produced based on the adjacent color and the contrast color, so that the number of the colors is consistent with the number of the areas. And the overlapped parts among different areas are set, so that the total area of the added areas is larger than the area of the page label, thereby ensuring that the blank color does not appear in the page label after the page label is rendered, and more fully coloring and rendering the page label.

Therefore, colors of different areas in the page label are dynamically switched between the adjacent color and the contrast color at different moments, and the adjacent color and the contrast color are similar colors, so that a color gradient effect on the page label is realized during dynamic switching, and dynamic rendering of the page label is realized.

In the embodiment of the present disclosure, reference may be made to the description in the above embodiment for specifically determining the adjacent color and the contrast color corresponding to the reference color tone of the target multimedia resource, and for the step of dynamically rendering the page tag, which is not described herein again.

According to the page display method provided by the embodiment of the disclosure, the target multimedia resource is determined according to the multimedia resource request sent by the terminal, wherein the multimedia resource request comprises the identifier of the target multimedia resource and the configuration information of the terminal, the target multimedia resource is analyzed to determine the reference tone corresponding to the target multimedia resource, and then a multimedia resource display instruction comprising the target multimedia resource and the reference tone corresponding to the target multimedia resource is returned to the terminal. Therefore, the subsequent terminal can conveniently obtain the reference tone corresponding to the target multimedia resource, and the page label is subjected to color rendering through the adjacent color and the contrast color which are close to the reference tone of the multimedia resource, so that the color of the page label is coordinated with the color of the multimedia resource, the aesthetic degree of the page label and the coordination degree with a multimedia resource display picture are improved, and a user can conveniently obtain the information on the page label. In addition, the colors of different areas in the page label are dynamically switched between the adjacent color and the contrast color, so that a dynamic color gradient effect is formed, visual differentiation is caused, the page label can be highlighted, a user can be attracted to pay attention to the page label, and the attention of the page label is improved.

FIG. 8 is a block diagram illustrating a page presentation apparatus according to an exemplary embodiment. Referring to fig. 8, the apparatus 100 includes a first determining module 110, a second determining module 120, and a dynamic rendering and presenting module 130.

The first determining module 110 is configured to determine, in response to the received page display instruction, a target multimedia resource and a page tag included in a target page to be displayed.

A second determining module 120 configured to determine the corresponding neighboring color and the contrasting color according to the reference hue corresponding to the target multimedia resource.

And the dynamic rendering display 130 is configured to display the target page, and dynamically render and display the page label according to the adjacent color and the contrast color in the process of displaying the target multimedia resource through the target page, so that the colors of different areas in the page label are dynamically switched between the adjacent color and the contrast color.

In a possible implementation manner of the embodiment of the present disclosure, the apparatus further includes: an obtaining module configured to obtain a dominant hue of the target multimedia asset. A third determination module configured to determine a reference hue from the dominant hue of the multi-target multimedia asset.

In one possible implementation manner of the embodiment of the present disclosure, the obtaining module is configured to: and respectively processing the main tone of each sub-resource in the target multimedia resource, the main tone of the cover multimedia resource and the main tone of the first sub-resource through corresponding weight factors, and then summing to obtain corresponding tones which are used as the main tones of the target multimedia resource.

In one possible implementation manner of the embodiment of the present disclosure, the obtaining module is configured to: and determining any one of the dominant tone of each sub-resource in the target multimedia resource, the dominant tone of the cover multimedia resource and the dominant tone of the first multimedia resource as the dominant tone of the target multimedia resource.

In a possible implementation manner of the embodiment of the present disclosure, the second determining module 120 further includes: a first selecting unit configured to select, as a neighboring color, a hue in a first direction of chromaticity, saturation, and brightness of a reference hue and belonging to a first set range. And a second selecting unit configured to select, as the contrast color, a hue in a second direction of the chromaticity, saturation, and brightness of the reference hue and belonging to a second set range.

In a possible implementation manner of the embodiment of the present disclosure, the second determining module 120 further includes: and a third selecting unit configured to select, as the adjacent color, a hue in a second direction of the chromaticity, the saturation, and the brightness of the reference hue and belonging to the first setting range. And a fourth selecting unit configured to select, as the contrast color, a hue in a second direction of the chromaticity, saturation, and brightness of the reference hue and belonging to a second setting range.

In a possible implementation manner of the embodiment of the present disclosure, the dynamic rendering presentation module 130 is further configured to: and performing two-color dynamic rendering display on the page label by using the adjacent color and the contrast color.

In a possible implementation manner of the embodiment of the present disclosure, the dynamic rendering presentation module 130 is further configured to: respectively carrying out conversion processing on the adjacent color and the contrast color to obtain a first complementary color and a second complementary color; and dynamically rendering and displaying the page label in four colors by utilizing the adjacent color, the contrast color, the first complementary color and the second complementary color.

In a possible implementation manner of the embodiment of the present disclosure, the dynamic rendering display module 130 further includes: the first adjusting unit is configured to adjust the saturation and the brightness of the adjacent colors to be within a preset range respectively so as to obtain a first supplementary color. And the second adjusting unit is configured to adjust the saturation and the brightness of the contrast color to be within the preset range respectively so as to obtain a second supplementary color.

In a possible implementation manner of the embodiment of the present disclosure, the dynamic rendering display module 130 further includes: the page tag comprises a first determining unit and a second determining unit, wherein the first determining unit is configured to determine N intersected areas included by the page tag at any time, and N is an integer greater than or equal to 2. And a first rendering unit configured to render the N regions intersecting each other with the neighboring color and the contrast color, respectively, at any one time.

In one possible implementation manner of the embodiment of the present disclosure, the first determining unit is further configured to: determining the positions of N dividing lines contained in the page label at any moment; and determining the areas between the N dividing lines and the corresponding page label boundary lines as N mutually intersected areas included by the page label at any time.

In a possible implementation manner of the embodiment of the present disclosure, the apparatus further includes: and the fuzzy processing module is configured to perform fuzzy processing on the page label and display the page label.

In a possible implementation manner of the embodiment of the present disclosure, the dynamic rendering display module further includes: the first acquisition unit is configured to acquire a page tag rendering mode sent by the server. And the second rendering unit is configured to dynamically render and display the page label according to the adjacent color and the contrast color based on the rendering mode.

In practical use, the page display device provided by the embodiment of the disclosure can be configured in a terminal to execute the page display method. Therefore, with regard to the apparatus in the above-described embodiment, the specific manner in which each module performs the operation has been described in detail in the embodiment related to the method, and will not be elaborated herein.

The page display device provided by the embodiment of the disclosure determines a corresponding reference color tone according to a target multimedia resource in a page display instruction, acquires a corresponding adjacent color and a corresponding contrast color according to the reference color tone, and dynamically renders a page label in a display page based on the adjacent color and the contrast color in the process of displaying the target multimedia resource. Therefore, the page label is subjected to color rendering through the adjacent color and the contrast color which are close to the reference color tone of the multimedia resource, so that the color of the page label is coordinated with the color of the multimedia resource, the aesthetic degree of the page label and the coordination degree of the multimedia resource display picture are improved, and a user can conveniently obtain information on the page label. In addition, the colors of different areas in the page label are dynamically switched between the adjacent color and the contrast color, so that a dynamic color gradient effect is formed, visual differentiation is caused, a user can be attracted to pay attention to the page label, and the attention of the page label is improved.

FIG. 9 is a block diagram illustrating another page presentation apparatus according to an example embodiment. Referring to fig. 9, the apparatus 200 includes a first determining module 210, a second determining module 220, a third determining module 230, and a dynamic rendering presentation module 240.

Wherein the first determining module 210 is configured to determine, in response to the received page loading request, a target multimedia resource and a page tag included in a target page to be loaded.

A second determining module 220 configured to determine a reference color tone corresponding to the target multimedia resource.

A third determining module 230 configured to determine the corresponding neighboring color and the contrasting color according to the reference hue corresponding to the target multimedia resource.

And the dynamic rendering display module 240 is configured to display the target page, and dynamically render and display the page label according to the adjacent color and the contrast color in the process of displaying the target multimedia resource through the target page, so that the colors of different areas in the page label are dynamically switched between the adjacent color and the contrast color.

In a possible implementation manner of the embodiment of the present disclosure, the second determining module 220 further includes: a first acquisition unit configured to acquire a dominant hue of a target multimedia asset. And the first determining unit is configured to determine a reference tone corresponding to the target multimedia resource according to the dominant tone of the target multimedia resource.

In one possible implementation manner of the embodiment of the present disclosure, the first obtaining unit is further configured to: and performing weighted fusion on the keytone of each sub-resource in the target multimedia resource, the keytone of the cover multimedia resource and/or the keytone of the first multimedia resource to generate the keytone of the target multimedia resource.

In a possible implementation manner of the embodiment of the present disclosure, the apparatus further includes: the terminal comprises an acquisition module configured to acquire configuration information of the terminal. And the fourth determination module is configured to determine the rendering mode of the page tag according to the configuration information of the terminal. And the return module is configured to return the rendering mode of the page tag to the terminal.

In a possible implementation manner of the embodiment of the present disclosure, the fourth determining module is further configured to: determining a rendering mode to be two-color rendering under the condition that the configuration information of the terminal is lower than a set index; and determining the rendering mode to be four-color rendering under the condition that the configuration information of the terminal is higher than the set index or is the same as the set index.

The page display device provided by the embodiment of the disclosure determines the target multimedia resource according to the identifier of the target multimedia resource and the configuration information of the terminal, which are included in the page loading request sent by the terminal, and then analyzes the target multimedia resource to determine the reference tone corresponding to the target multimedia resource, and further returns a multimedia resource display instruction including the target multimedia resource and the reference tone corresponding to the target multimedia resource to the terminal. Therefore, the subsequent terminal can conveniently obtain the reference tone corresponding to the target multimedia resource, and the page label is subjected to color rendering through the adjacent color and the contrast color which are close to the reference tone of the multimedia resource, so that the color of the page label is coordinated with the color of the multimedia resource, the aesthetic degree of the page label and the coordination degree with a multimedia resource display picture are improved, and a user can conveniently obtain the information on the page label. In addition, the colors of different areas in the page label are dynamically switched between the adjacent color and the contrast color, so that a dynamic color gradient effect is formed, visual differentiation is caused, the page label can be highlighted, a user can be attracted to pay attention to the page label, and the attention of the page label is improved.

FIG. 10 is a block diagram illustrating an electronic device 200 for page presentation in accordance with an exemplary embodiment.

As shown in fig. 10, the electronic device 200 includes:

a memory 210 and a processor 220, a bus 230 connecting different components (including the memory 210 and the processor 220), the memory 210 storing a computer program, and the processor 220 implementing the page display method according to the embodiment of the disclosure when executing the program.

Bus 230 represents one or more of any of several types of bus structures, including a memory bus or memory controller, a peripheral bus, an accelerated graphics port, and a processor or local bus using any of a variety of bus architectures. By way of example, such architectures include, but are not limited to, Industry Standard Architecture (ISA) bus, micro-channel architecture (MAC) bus, enhanced ISA bus, Video Electronics Standards Association (VESA) local bus, and Peripheral Component Interconnect (PCI) bus.

Electronic device 200 typically includes a variety of electronic device readable media. Such media may be any available media that is accessible by server 200 and includes both volatile and nonvolatile media, removable and non-removable media.

Memory 210 may also include computer system readable media in the form of volatile memory, such as Random Access Memory (RAM)240 and/or cache memory 250. The server 200 may further include other removable/non-removable, volatile/nonvolatile computer system storage media. By way of example only, storage system 260 may be used to read from and write to non-removable, nonvolatile magnetic media (not shown in FIG. 10, and commonly referred to as a "hard drive"). Although not shown in FIG. 10, a magnetic disk drive for reading from and writing to a removable, nonvolatile magnetic disk (e.g., a "floppy disk") and an optical disk drive for reading from or writing to a removable, nonvolatile optical disk (e.g., a CD-ROM, DVD-ROM, or other optical media) may be provided. In these cases, each drive may be connected to bus 230 by one or more data media interfaces. Memory 210 may include at least one program product having a set (e.g., at least one) of program modules that are configured to carry out the functions of embodiments of the disclosure.

A program/utility 280 having a set (at least one) of program modules 270, including but not limited to an operating system, one or more application programs, other program modules, and program data, each of which or some combination thereof may comprise an implementation of a network environment, may be stored in, for example, the memory 210. The program modules 270 generally perform the functions and/or methodologies of the embodiments described in this disclosure.

The server 200 may also communicate with one or more external devices 290 (e.g., keyboard, pointing device, display 291, etc.), with one or more devices that enable a user to interact with the server 200, and/or with any devices (e.g., network card, modem, etc.) that enable the server 200 to communicate with one or more other computing devices. Such communication may occur via input/output (I/O) interfaces 292. Also, server 200 may communicate with one or more networks (e.g., a Local Area Network (LAN), a Wide Area Network (WAN) and/or a public network, such as the Internet) via network adapter 293. As shown, network adapter 293 communicates with the other modules of server 200 via bus 230. It should be appreciated that although not shown in the figures, other hardware and/or software modules may be used in conjunction with the server 200, including but not limited to: microcode, device drivers, redundant processing units, external disk drive arrays, RAID systems, tape drives, and data backup storage systems, among others.

The processor 220 executes various functional applications and data processing by executing programs stored in the memory 210.

It should be noted that, for the implementation process and the technical principle of the electronic device of the embodiment, reference is made to the foregoing explanation of the page display method of the embodiment of the present disclosure, and details are not described here again.

The electronic device provided by the embodiment of the disclosure can execute the page display method as described above, and performs color rendering on the page tag through the adjacent color and the contrast color close to the reference color of the multimedia resource, so that the color of the page tag is coordinated with the color of the multimedia resource, the aesthetic degree of the page tag and the coordination degree with the multimedia resource display picture are improved, and a user can conveniently obtain information on the page tag. In addition, the colors of different areas in the page label are dynamically switched between the adjacent color and the contrast color, so that a dynamic color gradient effect is formed, visual differentiation is caused, the page label can be highlighted, a user can be attracted to pay attention to the page label, and the attention of the page label is improved.

In order to implement the above embodiments, the present disclosure also provides a storage medium.

Wherein the instructions in the storage medium, when executed by a processor of the server, enable the server to perform the page presentation method as described above.

To implement the above embodiments, the present disclosure also provides a computer program product, which when executed by a processor of a server, enables the server to execute the pagepost display method as described above.

Other embodiments of the disclosure will be apparent to those skilled in the art from consideration of the specification and practice of the disclosure disclosed herein. This disclosure is intended to cover any variations, uses, or adaptations of the disclosure following, in general, the principles of the disclosure and including such departures from the present disclosure as come within known or customary practice within the art to which the disclosure pertains. It is intended that the specification and examples be considered as exemplary only, with a true scope and spirit of the disclosure being indicated by the following claims.

It will be understood that the present disclosure is not limited to the precise arrangements described above and shown in the drawings and that various modifications and changes may be made without departing from the scope thereof. The scope of the present disclosure is limited only by the appended claims.

Claims

1. A page display method is characterized by comprising the following steps:

responding to the received page display instruction, and determining a target multimedia resource and a page tag which are included in a target page to be displayed;

determining corresponding adjacent colors and contrast colors according to the reference color tones corresponding to the target multimedia resources;

and displaying the target page, and dynamically rendering and displaying the page label according to the adjacent color and the contrast color in the process of displaying the target multimedia resource through the target page so as to dynamically switch the colors of different areas in the page label between the adjacent color and the contrast color.

2. The method of claim 1, further comprising:

acquiring a dominant tone of the target multimedia resource;

and determining the reference tone according to the dominant tone of the target multimedia resource.

3. The method of claim 1, wherein said determining corresponding neighboring colors and contrasting colors from a reference hue corresponding to the target multimedia asset comprises:

selecting the hue which belongs to a first set range in a first direction of the chroma, the saturation and the brightness of the reference hue as an adjacent color;

and selecting the hue which belongs to a second set range in the first direction of the chroma, the saturation and the brightness of the reference hue as a contrast color.

4. The method of claim 1, wherein said dynamically rendering said page tag based on said adjacent color and a contrasting color comprises:

respectively carrying out transformation processing on the adjacent color and the contrast color to obtain a first complementary color and a second complementary color;

and performing four-color dynamic rendering display on the page label by utilizing the adjacent color, the contrast color, the first complementary color and the second complementary color.

5. The method of any of claims 1-4, wherein said dynamically rendering the page tag based on the adjacent color and the contrasting color comprises:

determining N intersected areas included by the page tag at any time, wherein N is an integer greater than or equal to 2;

and at any moment, respectively rendering the N areas which are intersected with each other by utilizing the adjacent color and the contrast color.

6. A page display method is characterized by comprising the following steps:

responding to the received page loading request, and determining a target multimedia resource and a page tag which are included in a target page to be loaded;

determining a reference tone corresponding to the target multimedia resource;

7. A page display apparatus, comprising:

the first determining module is configured to respond to the received page display instruction and determine a target multimedia resource and a page tag which are included in a target page to be displayed;

a second determination module configured to determine corresponding adjacent colors and contrast colors according to the reference hue corresponding to the target multimedia resource;

and the dynamic rendering display module is configured to display the target page, and dynamically render and display the page label according to the adjacent color and the contrast color in the process of displaying the target multimedia resource through the target page, so that the colors of different areas in the page label are dynamically switched between the adjacent color and the contrast color.

8. A page display apparatus, comprising:

the first determining module is configured to respond to the received page loading request, and determine a target multimedia resource and a page tag which are included in a target page to be loaded;

a second determining module configured to determine a reference tone corresponding to the target multimedia resource;

a third determination module configured to determine a corresponding adjacent color and a contrast color according to a reference hue corresponding to the target multimedia resource;

9. An electronic device, comprising:

a processor;

a memory for storing the processor-executable instructions;

wherein the processor is configured to execute the instructions to implement the page presentation method of any one of claims 1-5, or claim 6.

10. A storage medium in which instructions, when executed by a processor of a server, enable the server to perform the page presentation method of any one of claims 1-5, or claim 6.