WO2023088183A1

WO2023088183A1 - Image display method and apparatus, and electronic device

Info

Publication number: WO2023088183A1
Application number: PCT/CN2022/131386
Authority: WO
Inventors: 沈明; 陈哲; 吴博闻
Original assignee: 维沃移动通信有限公司
Priority date: 2021-11-17
Filing date: 2022-11-11
Publication date: 2023-05-25
Also published as: CN114020394A

Abstract

The present application relates to the technical field of electronic devices. Disclosed are an image display method and apparatus, and an electronic device. The image display method comprises: displaying an audio playback interface, which comprises a target element; obtaining a category parameter of a target audio corresponding to the audio playback interface; and adjusting the color of the target element according to the category parameter, the category parameter comprising: at least one of cover information and classification tag information.

Description

Image display method, device and electronic device

Cross References to Related Applications

This application claims priority to Chinese Patent Application No. 202111360138.9 filed in China on November 17, 2021, the entire contents of which are hereby incorporated by reference.

technical field

The present application belongs to the technical field of electronic equipment, and in particular relates to an image display method, device and electronic equipment.

Background technique

At present, smartphones generally have a music player function, which supports basic operations including: playing music from different sources, playing, pausing, switching songs, displaying lyrics, viewing playlists, favorite songs, switching playback loop modes, etc. However, the panel of the current music player has a low degree of personalization, and lacks emotional expression in interaction and vision.

It can be seen from the above that the current image display solution for audio playback cannot achieve a fit display with the corresponding audio.

Contents of the invention

The purpose of the embodiments of the present application is to provide an image display method, device, and electronic equipment, which can solve the problem that the image display solution for audio playback in the prior art cannot achieve a coherent display with the corresponding audio.

In a first aspect, an embodiment of the present application provides an image display method, the method comprising:

Displaying an audio playback interface, the audio playback interface includes a target element;

Acquiring category parameters of the target audio corresponding to the audio playback interface;

adjusting the color of the target element according to the category parameter;

Wherein, the category parameter includes: at least one item of cover information and classification label information.

In a second aspect, an embodiment of the present application provides an image display device, which includes:

The first display module is used to display an audio playback interface, and the audio playback interface includes a target element;

The first obtaining module is used to obtain the category parameter of the target audio corresponding to the audio playback interface;

a first adjustment module, configured to adjust the color of the target element according to the category parameter;

In the third aspect, the embodiment of the present application provides an electronic device, the electronic device includes a processor and a memory, the memory stores programs or instructions that can run on the processor, and the programs or instructions are processed by the The steps of the method described in the first aspect are realized when the controller is executed.

In a fourth aspect, an embodiment of the present application provides a readable storage medium, on which a program or an instruction is stored, and when the program or instruction is executed by a processor, the steps of the method described in the first aspect are implemented .

In the fifth aspect, the embodiment of the present application provides a chip, the chip includes a processor and a communication interface, the communication interface is coupled to the processor, and the processor is used to run programs or instructions, so as to implement the first aspect The steps of the method.

In a sixth aspect, an embodiment of the present application provides a computer program product, the computer program product is stored in a storage medium, and the computer program product is executed by at least one processor to implement the steps of the method described in the first aspect.

In the embodiment of the present application, by displaying an audio playback interface, the audio playback interface includes target elements; acquiring category parameters of target audio corresponding to the audio playback interface; adjusting the color of the target element according to the category parameters ; Wherein, the category parameters include: at least one of the cover information and classification label information; it can realize the color display suitable for different audio, create an emotional and intelligent playback experience, and improve the degree of personalization, which is very good It solves the problem that the image display solution for audio playback in the prior art cannot realize the fit display with the corresponding audio.

Description of drawings

FIG. 1 is a schematic flow chart of an image display method according to an embodiment of the present application;

Fig. 2 is the first schematic diagram of the music panel of the embodiment of the present application;

FIG. 3 is a first schematic diagram of the setting interface of the embodiment of the present application;

FIG. 4 is a schematic diagram of a button style according to an embodiment of the present application;

FIG. 5 is a second schematic diagram of the button style of the embodiment of the present application;

FIG. 6 is a schematic diagram of button style III in the embodiment of the present application;

FIG. 7 is a fourth schematic diagram of button style in the embodiment of the present application;

Fig. 8 is a schematic diagram of the button size of the embodiment of the present application;

Figure 9 is a second schematic diagram of the setting interface of the embodiment of the present application;

Fig. 10 is the second schematic diagram of the music panel of the embodiment of the present application;

Fig. 11 is the third schematic diagram of the music panel of the embodiment of the present application;

Fig. 12 is a schematic diagram 4 of the music panel of the embodiment of the present application;

Fig. 13 is a schematic diagram five of the music panel of the embodiment of the present application;

Fig. 14 is a sixth schematic diagram of the music panel of the embodiment of the present application;

Fig. 15 is the seventh schematic diagram of the music panel of the embodiment of the present application;

Fig. 16 is a schematic diagram eight of the music panel of the embodiment of the present application;

Fig. 17 is a schematic diagram nine of the music panel of the embodiment of the present application;

Fig. 18 is a tenth schematic diagram of the music panel of the embodiment of the present application;

Fig. 19 is the eleventh schematic diagram of the music panel of the embodiment of the present application;

FIG. 20 is a schematic structural diagram of an image display device according to an embodiment of the present application;

FIG. 21 is a first structural schematic diagram of an electronic device according to an embodiment of the present application;

FIG. 22 is a second structural schematic diagram of an electronic device according to an embodiment of the present application.

Detailed ways

The following will clearly describe the technical solutions in the embodiments of the present application with reference to the drawings in the embodiments of the present application. Obviously, the described embodiments are part of the embodiments of the present application, but not all of them. All other embodiments obtained by persons of ordinary skill in the art based on the embodiments in this application belong to the protection scope of this application.

The terms "first", "second" and the like in the specification and claims of the present application are used to distinguish similar objects, and are not used to describe a specific sequence or sequence. It should be understood that the terms so used are interchangeable under appropriate circumstances such that the embodiments of the application can be practiced in sequences other than those illustrated or described herein, and that references to "first," "second," etc. distinguish Objects are generally of one type, and the number of objects is not limited. For example, there may be one or more first objects. In addition, "and/or" in the specification and claims means at least one of the connected objects, and the character "/" generally means that the related objects are an "or" relationship.

The image display method provided by the embodiment of the present application will be described in detail below through specific embodiments and application scenarios with reference to the accompanying drawings.

The image display method provided in the embodiment of the present application, as shown in Figure 1, includes:

Step 11: Display an audio playback interface, where the audio playback interface includes a target element.

The target element may be an image of a certain shape, such as a circular image; but it is not limited thereto.

Step 12: Acquiring category parameters of the target audio corresponding to the audio playback interface.

Specifically, it may include: obtaining category parameters of the target audio currently played on the audio playback interface; but it is not limited thereto. The target audio may include: at least one of music content such as songs and non-music content such as listening to books or radio stations.

Step 13: Adjust the color of the target element according to the category parameter; wherein the category parameter includes: at least one item of cover information and classification label information.

The adjusted color may be the same as or different from the currently displayed color, which is not limited here.

Wherein, the adjusting the color of the target element according to the category parameter includes: extracting the color contained in the cover image corresponding to the target audio according to the cover information corresponding to the target audio; , to adjust the color of the target element.

This allows you to quickly adjust the color of the target element. Regarding "adjusting the color of the target element according to the extracted color", it may specifically include: sorting according to the proportion of each color in the cover image to obtain a sorting result; according to the sorting result, obtaining the target color (For example, the color ranked in the top N positions is used as the target color, and N is an integer greater than 0); according to the target color, the color of the target element is adjusted.

In the embodiment of the present application, the adjusting the color of the target element according to the category parameter includes: adjusting the color of the target element according to the color corresponding to the classification label information of the target audio.

This can also quickly adjust the color of the target element. Specifically, it may be: there may be a pre-stored first correspondence between the classification label information and the color; and the corresponding color may be obtained subsequently according to the classification label information and the first correspondence.

It is explained here that "adjust the color of the target element according to the classification label information" and "adjust the color of the target element according to the cover information" can be used separately or in combination; for combined use, for example: the colors determined by the two are mixed according to a certain ratio to adjust the color of the target element; or according to certain rules, choose one of the colors determined by the two to adjust the color of the target element; it is not limited here.

In this embodiment of the present application, the target element includes a first element and a second element; the color of the target element includes: the color of the first element and the color of the second element; , adjusting the color of the target element, including: adjusting the color of the first element according to the first color of the colors determined by the category parameter; adjusting the color of the first element according to the second color of the colors determined by the category parameter Describes the color of the second element.

In this way, color adjustment can be performed on the first element and the second element in the target element respectively.

Wherein, there is an overlapping area between the first element and the second element; the first color in the colors determined according to the category parameter, and adjusting the color of the first element includes: determining according to the category parameter The first color in the colors of the first element, adjust the color of other areas in the first element except the overlapping area; the second color in the colors determined according to the category parameters, adjust the second element color, including: according to the second color in the colors determined by the category parameter, adjusting the color of other regions in the second element except the overlapping region; according to the category parameter, adjusting the The color of the target element further includes: determining the display color of the overlapping area according to the background color of the display area corresponding to the target element; or determining the display color of the overlapping area according to the first color and the second color Display color; adjust the color of the overlapping area according to the display color.

In this way, the color of overlapping areas can be adjusted independently, making the scheme more flexible.

Further, after the audio playback interface is displayed, the method further includes: when the target audio is in the playing state, determining the shape change information of the target element according to the audio parameter information of the target audio; parameter, after adjusting the color of the target element, further includes: dynamically displaying the target element according to the shape change information; wherein, the audio parameter information includes: at least one of loudness and frequency.

In this way, the rhythm of the target audio can be dynamically displayed, further improving the user experience. Specifically, it can be: the greater the loudness, the greater the amplitude of the waveform (that is, the greater the change range of the target element); the higher the frequency, the tighter the fluctuation (that is, the higher the change frequency of the target element); otherwise, the The edges are closer to the original shape.

In the embodiment of the present application, after displaying the audio playback interface, it further includes: receiving a first input in the display area corresponding to the target element; displaying the target in the display area according to the first input The audio corresponds to the text content, and the target element is blurred.

In this way, the text content corresponding to the target audio can be displayed, so that the user can view it easily. The first input may be an operation such as clicking or sliding, which is not limited herein. Regarding the text content, it may be the text content of the currently playing part of the target audio; but it is not limited thereto.

The image display method provided in the embodiment of the application is described below as an example. The audio control panel is taken as an example of a music panel, and the target audio is taken as an example of a song.

In view of the above-mentioned technical problems, the embodiment of the present application provides an image display method, which can be realized as a method of personalized music panel setting, so that a music (playing) panel can be displayed through the color display and interactive operation of different songs. Dynamic expression, creating a smart, emotional and intelligent music player experience. Which involves:

1. Match the appropriate color and lyric style according to the emotional label of the song (corresponding to the above-mentioned category label information), and display the user's operation (such as pausing the audio playback) and the rhythm of the music (corresponding to the above-mentioned shape according to the above-mentioned Change information, dynamically display the target element).

2. Support the interface UI elements on the custom panel (that is, the music panel) to create a user-specific music player style.

Specifically, the panel in the embodiment of the present application can be shown in Figure 2 to Figure 19, including: (top) toolbar A, visual dynamic effect display area (corresponding to the display area corresponding to the above-mentioned target element) B, lyrics information (display area) C, music list switching (area) D and play control function area E. Based on the panels shown in Figure 2 to Figure 19, this solution involves the following parts:

Part 1, evoke or retract the panel:

1. You can bring up the music panel through global gestures, such as swiping from the right edge of the screen to the left.

2. You can click the blank area of the non-music panel, or click the system's "back or home" button to close the music panel.

Part 2, panel function layout:

1. The top is the toolbar A, and the icons contained therein represent from left to right: the function key A1 for switching the playback device (such as switching to the local speaker or an external earphone device), and the function key A1 for switching the cycle mode (such as clicking Then switch between single cycle, list cycle, random play) function key A2, function key A3 for collection, and function key A4 for setting.

2. Visual dynamic effect display area B, which displays the color matching style of the currently playing music, dynamic spectrum effects, user operation functions, and status feedback during operations such as controlling playback. Click on this area to display the lyrics of the song.

3. Song information (display area) C, displaying the song title and artist name of the current song.

4. Music list switching (area) D, click the up and down arrows to support switching between the current playlist, favorite list, and download list.

5. Playback control functional area E, the icons contained in it represent from left to right: function key E1 for switching audio sources, function key E2 for switching to the previous song, and function keys for switching play and pause E3, function key E4 for switching to the next song.

Part 3, the use of the (top) toolbar:

1. Personalized settings;

As shown in Figure 3, click "Settings" in the upper right corner of the panel to enter the personalized setting interface, which can be used for:

(1) Style preview:

1) Song visual color preview: Specifically, under the current settings, the color style matching the current song (corresponding to the color of the above-mentioned target element) can be displayed at the top. The "left color" in Fig. 3 corresponds to the color of the above-mentioned first element, the "right color" corresponds to the color of the above-mentioned second element, and the "overlapping color" corresponds to the color of the above-mentioned overlapping area;

2) Play control button (i.e. function key) style preview: specifically, under the current setting, the previous song (corresponding to the above E2), play/pause (corresponding to the above E3), and the next song (corresponding to the above E4) Wait for the style preview of the button. Regarding the preview of the button style, the color of the previewed button can be determined according to the color in the above-mentioned visual color preview of the song.

Note here that when this solution is actually implemented, the words "song visual color preview" and/or "play control button style preview" in Fig. 3 may not be displayed, which is not limited here. It is similar in other relevant drawings, and will not be repeated here.

(2) Color settings:

The first color option can be "Automatic (corresponding to F1 in the figure)", which will automatically match with the change of music (for color rules, please refer to the color display rules in Part 4). Corresponding to the above, adjust the color of the target element according to the class parameter.

In addition, other color customization options (corresponding to different color combinations, namely F2, F3, F4, F5 in Figure 3...) are also available, and more can be displayed by sliding left and right. After the user clicks, the selected color scheme can be fixed.

(3) Button style setting:

This solution can support four styles, as shown in Figure 3: round G1 (see Figure 4 for details), square G2 (see Figure 5 for details), and x-shaped G3 (see Figure 6 for details). shown), conventional G4 (see Figure 7 for details).

(4) Button size setting:

The four button styles in this solution can all support small, medium, and large adjustments, as shown in Figure 8, corresponding to small, medium, and large from left to right.

(5) Background color setting:

As shown in Figure 9, this solution can support black and white (default) two background colors, which can be changed according to the system dark mode. For the explanation of relevant content in FIG. 9 , refer to the above-mentioned explanation for FIG. 3 , which will not be repeated here.

Among them, when the black background is selected, the icons and texts in the panel other than the content that needs to be displayed in color are displayed in reverse color, such as the text is displayed in white; when the white background is selected, the content in the panel that needs to be displayed in color Other icons and texts are also displayed in reverse color, for example, the text is displayed in black. The "content that needs to be displayed in color" may include at least one of the content of the above-mentioned visual color preview of the song and the content of color options.

Part 4, visual dynamic display area:

1. Color display rules;

When the song is playing, specifically, as shown in FIG. 10 , two circular partial images (corresponding to the above-mentioned first element and second element) are displayed, and different colors are displayed on the left and right sides. The color of the overlapping area can be displayed in reverse color according to the background color of the interface, or displayed according to the left and right colors (for example, displayed according to the color obtained by overlapping the left and right colors); corresponding to the background color of the display area corresponding to the above-mentioned target element, Determine the display color of the overlapping area; or, according to the first color and the second color, determine the display color of the overlapping area (wherein "the background color of the display area" corresponds to the "interface background color", "left and right Color" corresponds to "first color and second color"). specific:

(1) When the song resource comes with an album or single cover (corresponding to the above cover information): the color of the cover image of the album cover or single cover corresponding to the currently playing single (corresponding to the above target audio) The color contained in the cover image) is extracted; the color with the highest color ratio can be selected as the left color, and the color with the second highest ratio is the right color (corresponding to the color extracted according to the above, adjusting the color of the target element color).

(2) If the song resource does not have its own album or single cover, but has a song classification label (corresponding to the above classification label information): in this solution, it can be matched according to the emotional label under the song classification label corresponding to the song (about the song Classification tags can come from third-party audio sources, which are not limited here).

Specifically, according to the emotional style of the song (corresponding to the emotional label) and color classification (which can also be included in the song classification label, or even included in the emotional label), the corresponding visual color of the song (corresponding to the color of the above-mentioned target element ) are divided into five types: warm, relaxed, romantic, immersive and nostalgic. Different types of visual colors will be associated and mapped with the emotional tags of the song (corresponding to the above-mentioned first correspondence); among them, multiple sets of visual color combinations can be provided for one type of visual color (also can be understood as a type The visual colors of different songs can include a variety of color combinations. For example, the visual colors of the enthusiastic type can include: red-purple matching, red-blue matching, etc.); later, according to the type of visual color (of) corresponding to different songs, the visual colors of this type can be randomly displayed Color matching types. Regarding the five types of visual colors, specific examples are as follows:

1) Warm: Two contrasting colors, mostly two colors at 120° in the color circle. For example: blue-orange collocation, green-red collocation, green-pink collocation, purple-red collocation, blue-red collocation, etc.

2) Easy: two colors with high lightness, most of which are adjacent colors at 60° in the color circle. For example: pink and yellow collocation, green and orange collocation, purple and yellow collocation, blue and yellow collocation, green and yellow collocation and so on.

3) Romance: Two similar colors, mostly bright and warm colors, pink, red, orange, etc. For example: orange-pink collocation, blue-orange collocation, orange-purple collocation, red-pink collocation, etc.

4) Immersion: Two similar colors with low lightness, mostly dark and cool colors, such as blue, purple, green, deep red, etc. For example: green and dark red collocation, blue-green collocation, blue-brown collocation, blue-purple collocation and so on.

5) Nostalgia: Two similar colors with low saturation, mostly light gray, light red, light blue, etc. For example: gray-pink collocation, blue-pink collocation, purple-pink collocation, gray-red collocation, red-blue collocation, etc.

(3) If the song has no resources, does not have its own album or single cover, and has no song classification labels: In this solution, two matching colors can be randomly displayed in the system preset colors.

2. Dynamic display rules;

When the song is playing, the edges of the above-mentioned "two circular partial images" can display spectrum dynamic effects according to the (sound) loudness and (sound) frequency (corresponding to the above-mentioned audio parameter information) of the currently playing music. Corresponding to the above information based on the shape change, dynamically display the target element.

Specifically, it may be: the greater the loudness, the greater the amplitude of the waveform (corresponding to the greater variation range of the above-mentioned edge); the higher the frequency, the tighter the fluctuation (corresponding to the higher the variation frequency of the above-mentioned edge). On the contrary, the above edge is closer to the original shape (or state). Specifically, as shown in Figure 11, the left figure corresponds to the situation of high loudness and high frequency, and the right figure corresponds to the situation of low loudness and low frequency; the change range of the above-mentioned edge in the left figure is greater than that of the right The magnitude of change of the above-mentioned edges in the attached figure. Wherein, when the above-mentioned edge changes, it may be changed in a manner similar to shaking (for example, at least one position of the above-mentioned edge will protrude outward, and the protrusion will move on the edge in real time), which is not limited here .

In addition, when a user uses an electronic device to listen to non-music content such as books or radio stations, the display image of the relevant interface can also be dynamically displayed according to the audio dynamic processing method (ie, dynamic display rules).

In addition, the loudness and frequency may be acquired in real time during the playing of the song or in advance (for example, the loudness and frequency information of the entire song is acquired at the beginning of playing), which is not limited here.

3. Operation display rules (involving clicking the button, the graphics in the visual dynamic display area will be changed accordingly, and the displayed left and right colors will be exchanged, for example: the color on the right (ie "right color") is displayed on the left);

When operating on the button, the graphics in the (visual) dynamic effect display area can be transformed into the corresponding form; for example, when the user clicks the "pause" button, the image displayed in the (visual) dynamic effect display area is transformed into a "pause" button The corresponding image style. In addition, when the button is switched, the color and shape of the corresponding position in the (visual) dynamic display area can change correspondingly (the color of the above-mentioned overlapping area can still be displayed in reverse color according to the interface background color). Specifically, examples of "operation display rules" are as follows:

(1) Click the "Pause" button, and the image displayed in the (visual) animation display area can be transformed into the form shown in Figure 12;

(2) Click the "Favorite" button, and the image displayed in the (visual) dynamic effect display area can be transformed into the form shown in Figure 13;

(3) Click the "Play" button, and the image displayed in the (visual) dynamic effect display area can be transformed into the form shown in Figure 14;

(4) Click the random loop in the "Loop" button, and the image displayed in the (visual) animation display area can be transformed into the form shown in Figure 15; click the list cycle in the "Loop" button, and the (visual) animation display The image displayed in the area can be transformed into the form shown in Figure 16; click the single cycle in the "cycle" button, and the image displayed in the (visual) dynamic display area can be transformed into the form shown in Figure 17; in Figure 17 In the form shown, the area of "overlapping color" can display a number 1 that is inverse to the color of "overlapping color" (for example: if "overlapping color" is displayed in black, the number 1 will be displayed in white) to remind the user that it is currently a single song cycle mode;

(5) Click "Switch Playback Device" to connect to the earphone, and the image displayed in the (visual) dynamic effect display area can be transformed into the form shown in Figure 18. In the form shown in Figure 18, the part of the image where the "right color" is located can extend to the top of the UI, covering part of the area of A, which is not limited here.

Part five, music list:

In this solution, you can click anywhere in the visual dynamic effect display area (corresponding to the above-mentioned first input), and correspondingly, as shown in Figure 19, the lyrics of the currently playing song can be displayed in the lyrics display area (corresponding to the above-mentioned The first input is to display the text content corresponding to the target audio in the display area). In addition, the background displays a Gaussian blur effect (corresponding to the aforementioned blurring process on the target element), which is not shown in FIG. 19 , and only the edges of the first sub-image and the second sub-image are shown as dotted lines. Additionally, in this program:

(1) After clicking to display the lyrics, the lyrics can be displayed one by one according to the playback progress.

(2) When the song has no lyrics, the text prompt "the current song has no lyrics" will disappear after a period of time, and return to the normal state (that is, the state where the lyrics are not displayed).

(3) When the lyrics information is not provided, it can display "the current song does not provide lyrics", which will disappear after a period of time, and return to the normal state (that is, the state where the lyrics are not displayed).

(4) The lyrics style matches the song type (that is, the content style of the lyrics matches the song type). Specifically, according to the emotional style of the song, the font style of the lyrics can be divided into five types: warm, relaxed, romantic, immersive and nostalgic (same as the visual color type in the above color display rules). Regarding the lyrics style matching song type, specific examples are as follows:

1) For the song type, it is enthusiastic: the lyrics style can be randomly applied to the left or right color of the song, and use large bold fonts;

2) Easy for the song type: the lyrics style can be randomly applied to the left or right color under the song, and use small and thin fonts;

3) Romance for the song type: white, small and thin fonts can be used for the lyrics style;

4) Immersive for the type of song: black and large bold fonts can be used for the lyrics style;

5) Nostalgic for the type of song: the lyrics style can be gray, large and thin fonts.

It is noted here that in the embodiments of the present application, the same or similar contents in the drawings may refer to each other, which is not limited herein.

It can be seen from the above that the solution provided by the embodiment of the present application can achieve: through personalized matching or user-defined visual dynamic effects, color styles and lyrics font styles, etc., it can bring immersive music player listening and operation experience that conforms to the song itself , to establish a digital emotional connection between the player of the electronic device and the user.

The image display method provided in the embodiment of the present application may be executed by an image display device. In the embodiment of the present application, the image display device provided in the embodiment of the present application is described by taking the image display device executing the image display method as an example.

The image display device provided in the embodiment of the present application, as shown in FIG. 20 , includes:

The first display module 201 is configured to display an audio playback interface, and the audio playback interface includes a target element;

The first obtaining module 202 is used to obtain the category parameter of the target audio corresponding to the audio playback interface;

The first adjustment module 203 is configured to adjust the color of the target element according to the category parameter;

In the embodiment of the present application, the adjusting the color of the target element according to the category parameter includes: extracting the color contained in the cover image corresponding to the target audio according to the cover information corresponding to the target audio; The color of the , adjusts the color of the target element.

Wherein, the target element includes a first element and a second element; the color of the target element includes: the color of the first element and the color of the second element; according to the category parameter, adjusting the The color of the target element includes: adjusting the color of the first element according to the first color in the colors determined by the category parameter; adjusting the second element according to the second color in the colors determined by the category parameter s color.

In this embodiment of the present application, there is an overlapping area between the first element and the second element; the first color in the colors determined according to the category parameter, and adjusting the color of the first element includes: according to the determined The first color in the colors determined by the category parameters is used to adjust the colors of other areas in the first element except the overlapping area; the second color in the colors determined according to the category parameters is adjusted. The color of the second element includes: adjusting the color of other areas in the second element except the overlapping area according to the second color in the colors determined by the category parameters; , adjusting the color of the target element, further comprising: determining the display color of the overlapping area according to the background color of the display area corresponding to the target element; or determining the display color of the overlapping area according to the first color and the second color. The display color of the overlapping area; according to the display color, adjust the color of the overlapping area.

Further, the image display device further includes: a first determination module, configured to determine according to the audio parameter information of the target audio when the target audio is in a playing state after the audio playback interface is displayed. The shape change information of the target element; the image display device further includes: a second display module, configured to dynamically display the target element according to the shape change information after adjusting the color of the target element according to the category parameter The target element; wherein, the audio parameter information includes: at least one of loudness and frequency.

In the embodiment of the present application, the image display device further includes: a first receiving module, configured to receive a first input in the display area corresponding to the target element after the audio playback interface is displayed; a processing module, and displaying text content corresponding to the target audio in the display area according to the first input, and performing blurring processing on the target element.

The image display device in the embodiment of the present application may be an electronic device, or may be a component in the electronic device, such as an integrated circuit or a chip. The electronic device may be a terminal, or other devices other than the terminal. Exemplarily, the electronic device can be a mobile phone, a tablet computer, a notebook computer, a handheld computer, a vehicle electronic device, a mobile Internet device (Mobile Internet Device, MID), an augmented reality (augmented reality, AR)/virtual reality (virtual reality, VR) ) equipment, robots, wearable devices, ultra-mobile personal computer (ultra-mobile personal computer, UMPC), netbook or personal digital assistant (personal digital assistant, PDA), etc., can also serve as server, network attached storage (Network Attached Storage, NAS), personal computer (personal computer, PC), television (television, TV), teller machine, or self-service machine, etc., which are not specifically limited in this embodiment of the present application.

The image display device in the embodiment of the present application may be a device with an operating system. The operating system may be an Android (Android) operating system, an ios operating system, or other possible operating systems, which are not specifically limited in this embodiment of the present application.

The image display device provided by the embodiment of the present application can realize various processes realized by the method embodiments in FIG. 1 to FIG. 19 , and details are not repeated here to avoid repetition.

Optionally, as shown in FIG. 21 , the embodiment of the present application also provides an electronic device 210, including a processor 211 and a memory 212. The memory 212 stores programs or instructions that can run on the processor 211. The When the programs or instructions are executed by the processor 211, the various steps of the above-mentioned image display method embodiments can be achieved, and the same technical effect can be achieved. To avoid repetition, details are not repeated here.

It should be noted that the electronic devices in the embodiments of the present application include the above-mentioned mobile electronic devices and non-mobile electronic devices.

FIG. 22 is a schematic diagram of a hardware structure of an electronic device implementing an embodiment of the present application.

The electronic device 220 includes, but is not limited to: a radio frequency unit 221, a network module 222, an audio output unit 223, an input unit 224, a sensor 225, a display unit 226, a user input unit 227, an interface unit 228, a memory 229, and a processor 2210, etc. part.

Those skilled in the art can understand that the electronic device 220 can also include a power supply (such as a battery) for supplying power to various components, and the power supply can be logically connected to the processor 2210 through the power management system, so that the management of charging, discharging, and function can be realized through the power management system. Consumption management and other functions. The structure of the electronic device shown in FIG. 22 does not constitute a limitation to the electronic device. The electronic device may include more or fewer components than shown in the figure, or combine some components, or arrange different components, which will not be repeated here. .

Wherein, the display unit 226 is configured to display an audio playback interface, and the audio playback interface includes a target element;

Processor 2210, configured to acquire category parameters of the target audio corresponding to the audio playback interface; adjust the color of the target element according to the category parameters; wherein, the category parameters include: cover information and classification label information at least one of the .

Optionally, the adjusting the color of the target element according to the category parameter includes: extracting the color contained in the cover image corresponding to the target audio according to the cover information corresponding to the target audio; color to adjust the color of the target element.

Optionally, the adjusting the color of the target element according to the category parameter includes: adjusting the color of the target element according to the color corresponding to the classification label information of the target audio.

Optionally, the target element includes a first element and a second element; the color of the target element includes: the color of the first element and the color of the second element; according to the category parameter, adjusting The color of the target element includes: adjusting the color of the first element according to the first color in the colors determined by the category parameter; adjusting the color of the first element according to the second color in the colors determined by the category parameter The color of the two elements.

Optionally, there is an overlapping area between the first element and the second element; adjusting the color of the first element according to the first color in the colors determined according to the category parameter includes: according to the category The first color in the colors determined by the parameters adjusts the colors of other areas in the first element except the overlapping area; the second color in the colors determined according to the category parameters adjusts the first The color of the two elements includes: adjusting the color of other areas in the second element except the overlapping area according to the second color in the colors determined by the category parameters; the adjusting according to the category parameters The color of the target element further includes: determining the display color of the overlapping area according to the background color of the display area corresponding to the target element; or determining the overlapping area according to the first color and the second color The display color of the area; adjust the color of the overlapping area according to the display color.

Optionally, the processor 2210 is further configured to determine the shape change information of the target element according to the audio parameter information of the target audio when the target audio is in a playing state after the audio playback interface is displayed; The processor 2210 is further configured to dynamically display the target element through the display unit 226 according to the shape change information after adjusting the color of the target element according to the category parameter; wherein the audio parameter information includes: At least one of loudness and frequency.

Optionally, the user input unit 227 is configured to receive a first input in the display area corresponding to the target element after the audio playback interface is displayed; the processor 2210 is also configured to, according to the first input, pass The display unit 226 displays text content corresponding to the target audio in the display area, and performs blur processing on the target element.

It should be understood that, in the embodiment of the present application, the input unit 224 may include a graphics processor (Graphics Processing Unit, GPU) 2241 and a microphone 2242, and the graphics processor 2241 is used for the image capture device ( Such as the image data of the still picture or video obtained by the camera) for processing. The display unit 226 may include a display panel 2261, and the display panel 2261 may be configured in the form of a liquid crystal display, an organic light emitting diode, or the like. The user input unit 227 includes at least one of a touch panel 2271 and other input devices 2272 . The touch panel 2271 is also called a touch screen. The touch panel 2271 may include two parts, a touch detection device and a touch controller. Other input devices 2272 may include, but are not limited to, physical keyboards, function keys (such as volume control keys, switch keys, etc.), trackballs, mice, and joysticks, which will not be repeated here.

The memory 229 can be used to store software programs as well as various data. The memory 229 may mainly include a first storage area for storing programs or instructions and a second storage area for storing data, wherein the first storage area may store an operating system, an application program or instructions required by at least one function (such as a sound playing function, image playback function, etc.), etc. Furthermore, memory 229 may include volatile memory or nonvolatile memory, or, memory 229 may include both volatile and nonvolatile memory. Among them, the non-volatile memory can be read-only memory (Read-Only Memory, ROM), programmable read-only memory (Programmable ROM, PROM), erasable programmable read-only memory (Erasable PROM, EPROM), electronically programmable Erase Programmable Read-Only Memory (Electrically EPROM, EEPROM) or Flash. Volatile memory can be random access memory (Random Access Memory, RAM), static random access memory (Static RAM, SRAM), dynamic random access memory (Dynamic RAM, DRAM), synchronous dynamic random access memory (Synchronous DRAM, SDRAM), double data rate synchronous dynamic random access memory (Double Data Rate SDRAM, DDRSDRAM), enhanced synchronous dynamic random access memory (Enhanced SDRAM, ESDRAM), synchronous connection dynamic random access memory (Synch link DRAM , SLDRAM) and Direct Memory Bus Random Access Memory (Direct Rambus RAM, DRRAM). The memory 229 in the embodiment of the present application includes, but is not limited to, these and any other suitable types of memory.

The processor 2210 may include one or more processing units; optionally, the processor 2210 integrates an application processor and a modem processor, wherein the application processor mainly processes operations related to the operating system, user interface, and application programs, etc., Modem processors mainly process wireless communication signals, such as baseband processors. It can be understood that the foregoing modem processor may not be integrated into the processor 2210 .

The embodiment of the present application also provides a readable storage medium. The readable storage medium stores programs or instructions. When the program or instructions are executed by the processor, the various processes of the above-mentioned image display method embodiments can be achieved, and the same To avoid repetition, the technical effects will not be repeated here.

Wherein, the processor is the processor in the electronic device described in the above embodiments. The readable storage medium includes a computer-readable storage medium, such as a computer read-only memory ROM, a random access memory RAM, a magnetic disk or an optical disk, and the like.

The embodiment of the present application further provides a chip, the chip includes a processor and a communication interface, the communication interface is coupled to the processor, and the processor is used to run programs or instructions to implement the above image display method embodiment Each process can achieve the same technical effect, so in order to avoid repetition, it will not be repeated here.

It should be understood that the chips mentioned in the embodiments of the present application may also be called system-on-chip, system-on-chip, system-on-a-chip, or system-on-a-chip.

An embodiment of the present application provides a computer program product, the computer program product is stored in a storage medium, and the program product is executed by at least one processor to implement the various processes in the above image display method embodiment, and can achieve the same technology Effect, in order to avoid repetition, will not repeat them here.

It should be noted that, in this document, the term "comprising", "comprising" or any other variation thereof is intended to cover a non-exclusive inclusion such that a process, method, article or apparatus comprising a set of elements includes not only those elements, It also includes other elements not expressly listed, or elements inherent in the process, method, article, or device. Without further limitations, an element defined by the phrase "comprising a ..." does not preclude the presence of additional identical elements in the process, method, article, or apparatus comprising that element. In addition, it should be pointed out that the scope of the methods and devices in the embodiments of the present application is not limited to performing functions in the order shown or discussed, and may also include performing functions in a substantially simultaneous manner or in reverse order according to the functions involved. Functions are performed, for example, the described methods may be performed in an order different from that described, and various steps may also be added, omitted, or combined. Additionally, features described with reference to certain examples may be combined in other examples.

Through the description of the above embodiments, those skilled in the art can clearly understand that the methods of the above embodiments can be implemented by means of software plus a necessary general-purpose hardware platform, and of course also by hardware, but in many cases the former is better implementation. Based on such an understanding, the technical solution of the present application can be embodied in the form of computer software products, which are stored in a storage medium (such as ROM/RAM, magnetic disk, etc.) , optical disc), including several instructions to enable a terminal (which may be a mobile phone, computer, server, or network device, etc.) to execute the methods described in various embodiments of the present application.

The embodiments of the present application have been described above in conjunction with the accompanying drawings, but the present application is not limited to the above-mentioned specific implementations. The above-mentioned specific implementations are only illustrative and not restrictive. Those of ordinary skill in the art will Under the inspiration of this application, without departing from the purpose of this application and the scope of protection of the claims, many forms can also be made, all of which belong to the protection of this application.

Claims

An image display method, comprising:

Displaying an audio playback interface, the audio playback interface includes a target element;

Acquiring category parameters of the target audio corresponding to the audio playback interface;

adjusting the color of the target element according to the category parameter;

Wherein, the category parameter includes: at least one item of cover information and classification label information.
The image display method according to claim 1, wherein said adjusting the color of said target element according to said category parameter comprises:

According to the cover information corresponding to the target audio, extract the color contained in the cover image corresponding to the target audio;

Adjust the color of the target element according to the extracted color.
The image display method according to claim 1, wherein said adjusting the color of said target element according to said category parameter comprises:

The color of the target element is adjusted according to the color corresponding to the category label information of the target audio.
The image display method according to any one of claims 1 to 3, wherein the target element includes a first element and a second element; the color of the target element includes: the color of the first element and the the color of the second element;

The adjusting the color of the target element according to the category parameter includes:

adjusting the color of the first element according to the first color among the colors determined by the category parameter;

Adjusting the color of the second element according to the second color in the colors determined by the category parameter.
The image display method according to claim 4, wherein there is an overlapping area between the first element and the second element;

The first color in the colors determined according to the category parameters, and adjusting the color of the first element includes:

According to the first color in the color determined by the category parameter, adjust the color of other areas in the first element except the overlapping area;

The second color in the colors determined according to the category parameter, and adjusting the color of the second element includes:

adjusting the colors of other areas of the second element except for the overlapping area according to a second color in the colors determined by the category parameter;

The adjusting the color of the target element according to the category parameter also includes:

Determine the display color of the overlapping area according to the background color of the display area corresponding to the target element; or determine the display color of the overlapping area according to the first color and the second color;

Adjust the color of the overlapping area according to the displayed color.
The image display method according to claim 1, wherein, after displaying the audio playback interface, further comprising:

When the target audio is in the playing state, determine the shape change information of the target element according to the audio parameter information of the target audio;

After adjusting the color of the target element according to the category parameter, it further includes:

dynamically displaying the target element according to the shape change information;

Wherein, the audio parameter information includes: at least one of loudness and frequency.
The image display method according to claim 1, wherein, after displaying the audio playback interface, further comprising:

receiving a first input in the display area corresponding to the target element;

According to the first input, the text content corresponding to the target audio is displayed in the display area, and the target element is blurred.
An image display device, comprising:

The first display module is used to display an audio playback interface, and the audio playback interface includes a target element;

The first obtaining module is used to obtain the category parameter of the target audio corresponding to the audio playback interface;

a first adjustment module, configured to adjust the color of the target element according to the category parameter;

Wherein, the category parameter includes: at least one item of cover information and classification label information.
The image display device according to claim 8, wherein said adjusting the color of said target element according to said category parameter comprises:

According to the cover information corresponding to the target audio, extract the color contained in the cover image corresponding to the target audio;

Adjust the color of the target element according to the extracted color.
The image display device according to claim 8, wherein said adjusting the color of said target element according to said category parameter comprises:

The color of the target element is adjusted according to the color corresponding to the category label information of the target audio.
The image display device according to any one of claims 8 to 10, wherein the target element includes a first element and a second element; the color of the target element includes: the color of the first element and the the color of the second element;

The adjusting the color of the target element according to the category parameter includes:

adjusting the color of the first element according to the first color among the colors determined by the category parameter;

Adjusting the color of the second element according to the second color in the colors determined by the category parameter.
The image display device according to claim 11, wherein an overlapping area exists between the first element and the second element;

The first color in the colors determined according to the category parameters, and adjusting the color of the first element includes:

adjusting the colors of other areas in the first element except the overlapping area according to the first color in the colors determined by the category parameter;

The second color in the colors determined according to the category parameter, and adjusting the color of the second element includes:

adjusting the colors of other areas of the second element except for the overlapping area according to a second color in the colors determined by the category parameter;

The adjusting the color of the target element according to the category parameter also includes:

Determine the display color of the overlapping area according to the background color of the display area corresponding to the target element; or determine the display color of the overlapping area according to the first color and the second color;

Adjust the color of the overlapping area according to the displayed color.
The image display device according to claim 8, further comprising:

The first determination module is configured to determine the shape change information of the target element according to the audio parameter information of the target audio when the target audio is in a playing state after the audio playback interface is displayed;

The image display device also includes:

The second display module is configured to dynamically display the target element according to the shape change information after adjusting the color of the target element according to the category parameter;

Wherein, the audio parameter information includes: at least one of loudness and frequency.
The image display device according to claim 8, further comprising:

The first receiving module is configured to receive a first input in the display area corresponding to the target element after the audio playback interface is displayed;

A processing module, configured to display text content corresponding to the target audio in the display area according to the first input, and perform blur processing on the target element.
An electronic device, comprising a processor and a memory, the memory stores programs or instructions that can run on the processor, wherein, when the programs or instructions are executed by the processor, any of claims 1-7 can be implemented. A step of the image display method described in one item.
A readable storage medium, storing programs or instructions on the readable storage medium, wherein the steps of the image display method according to any one of claims 1-7 are implemented when the programs or instructions are executed by a processor.
A chip, the chip includes a processor and a communication interface, the communication interface is coupled to the processor, wherein the processor is used to run programs or instructions to implement the method described in any one of claims 1-7 The steps of the image display method.
A computer program product, the computer program product is stored in a non-volatile storage medium, wherein the computer program product is executed by at least one processor to realize the image according to any one of claims 1-7 Shows the steps of the method.
An electronic device configured to execute the steps of the image display method according to any one of claims 1-7.