Sound effect display method and terminal device
Provided are a sound effect display method and a terminal device. The method includes receiving a first operation input to a target audio file; in response to the first operation, displaying a sound effect display interface corresponding to the target audio file, the sound effect display interface includes a grid, a sound wave line, and a cover image corresponding to the target audio file; the grid is located on a first plane in an interface scenario of the sound effect display interface, and the first plane is a horizontal plane in the interface scenario; the sound wave line is a closed curve in the first plane, and is used for displaying a sound wave waveform corresponding to a preset sound attribute of the target audio file; and the cover image is on a second plane in the interface scenario.
1 . A sound effect display method, comprising:
receiving a first operation that is input to an audio file; and
displaying a sound effect display interface corresponding to the audio file in response to the first operation, wherein
the sound effect display interface comprises a grid, a sound wave line, and a cover image corresponding to the audio file; the grid is located on a first plane in an interface scenario of the sound effect display interface, and the first plane is a horizontal plane in the interface scenario; the sound wave line is a closed curve in the first plane and is configured to display a sound waveform corresponding to a sound attribute of the audio file; the cover image is located on a second plane in the interface scenario, and a lower edge of the cover image is located in an area enclosed by the sound wave line on the first plane, and the second plane is a plane perpendicular to a depth direction of the interface scenario.
2 . The method according to claim 1 , wherein the sound effect display interface further comprises a plurality of first light beams and a plurality of second light beams;
the plurality of first light beams are all located on the first plane, and the plurality of first light beams are parallel to each other; and
the plurality of second light beams are all perpendicular to the first plane.
3 . The method according to claim 2 , wherein the displaying the sound effect display interface corresponding to the audio file comprises:
generating a sequence frames corresponding to the grid, the plurality of first light beams, and the plurality of second light beams, wherein positions of the plurality of first light beams and the plurality of second light beams in an image frame of the sequence frames vary sequentially; and
circularly playing the sequence frames to display the sound effect display interface corresponding to the audio file.
4 . The method according to claim 3 , wherein the displaying the sound effect display interface corresponding to the audio file comprises:
displaying the sequence frames, the sound wave line, and the cover image in different layers of the sound effect display interface, respectively.
5 . The method according to claim 2 , wherein a color of a first position of the sound wave line is a first color, and a color of a second position of the sound wave line is a second color; and
between the first position and the second position of the sound wave line, a color of the sound wave line is gradually varied from the first color to the second color.
6 . The method according to claim 5 , wherein, before displaying the sound effect display interface corresponding to the audio file, the method further comprises:
acquiring an average color value of pixel points of the cover image;
converting the average color value into a color in an HSV color space to obtain a base color, and
determining the first color, the second color, and a background color of the sound effect display interface according to the base color.
7 . The method according to claim 6 , wherein the determining the first color according to the base color comprises:
determining that a hue of the first color is as same as a hue of the base color;
determining that a saturation of the first color is as same as a saturation of the base color if the saturation of the base color is greater than or equal to a threshold saturation; determining that the saturation of the first color is a sum of the saturation of the base color and a first saturation if the saturation of the base color is smaller than the threshold saturation; and
determining that a value of the first color is of a maximum value.
8 . The method according to claim 6 , wherein the determining the second color according to the base color comprises:
determining that a hue of the second color is a sum of a hue of the base color and a first hue;
determining that a saturation of the second color is as same as a saturation of the base color if the saturation of the base color is greater than or equal to a threshold saturation; determining that the saturation of the second color is a sum of the saturation of the base color and a first saturation if the saturation of the base color is smaller than the threshold saturation; and
determining that a value of the second color is of a maximum value.
9 . The method according to claim 1 , wherein the sound effect display interface further comprises a light dot matrix;
the light dot matrix is located on the first plane, and light dots of the light dot matrix are arranged around both sides of the sound wave line.
10 . The method according to claim 1 , wherein a distance from the sound wave line to an edge of the sound effect display interface is greater than or equal to a threshold distance.
11 . The method according to claim 1 , wherein a color of a first position of the sound wave line is a first color, and a color of a second position of the sound wave line is a second color; and
between the first position and the second position of the sound wave line, a color of the sound wave line is gradually varied from the first color to the second color.
12 . The method according to claim 11 , wherein, before displaying the sound effect display interface corresponding to the audio file, the method further comprises:
acquiring an average color value of pixel points of the cover image;
converting the average color value into a color in an HSV color space to obtain a base color; and
determining the first color, the second color, and a background color of the sound effect display interface according to the base color.
13 . The method according to claim 12 , wherein the determining the first color according to the base color comprises:
determining that a hue of the first color is as same as a hue of the base color;
determining that a saturation of the first color is as same as a saturation of the base color if the saturation of the base color is greater than or equal to a threshold saturation; determining that the saturation of the first color is a sum of the saturation of the base color and a first saturation if the saturation of the base color is smaller than the threshold saturation; and
determining that a value of the first color is of a maximum value.
14 . The method according to claim 12 , wherein the determining the second color according to the base color comprises:
determining that a hue of the second color is a sum of a hue of the base color and a first hue;
determining that a saturation of the second color is as same as a saturation of the base color if the saturation of the base color is greater than or equal to a threshold saturation; determining that the saturation of the second color is a sum of the saturation of the base color and a first saturation if the saturation of the base color is smaller than the threshold saturation; and
determining that a value of the second color is of a maximum value.
15 . The method according to claim 12 , wherein the determining the background color according to the base color comprises:
determining that a hue of the background color is as same as a hue of the base color;
determining that a saturation of the background color is as same as a saturation of the base color if the saturation of the base color is greater than or equal to a threshold saturation; determining that the saturation of the background color is a sum of the saturation of the base color and a first saturation if the saturation of the base color is smaller than the threshold saturation; and
determining that a value of the background color is a difference between a value of the base color and a first value, wherein the first value is a value corresponding to a value range to which the value of the base color belongs, and the value corresponding to the value range is positively correlated with a central value of the value range.
16 . The method according to claim 11 , wherein the first position and the second position are two intersection positions of a first straight line and the sound wave line, respectively; the first straight line is a straight line passing through a geometric center of the sound wave line in the first plane and having an included angle with respect to a horizontal direction, wherein the included angle is a first angle.
17 . An electronic apparatus, comprising a memory and a processor, wherein
the memory is configured for storing a computer program; and
the processor is configured to enable the electronic apparatus to:
receive a first operation that is input to an audio file; and
display a sound effect display interface corresponding to the audio file in response to the first operation, wherein
the sound effect display interface comprises a grid, a sound wave line, and a cover image corresponding to the audio file; the grid is located on a first plane in an interface scenario of the sound effect display interface, and the first plane is a horizontal plane in the interface scenario; the sound wave line is a closed curve in the first plane and is configured to display a sound waveform corresponding to a sound attribute of the audio file; the cover image is located on a second plane in the interface scenario, and a lower edge of the cover image is located in an area enclosed by the sound wave line on the first plane, and the second plane is a plane perpendicular to a depth direction of the interface scenario.
18 . The electronic apparatus according to claim 17 , wherein the sound effect display interface further comprises a plurality of first light beams and a plurality of second light beams;
the plurality of first light beams are all located on the first plane, and the plurality of first light beams are parallel to each other; and
the plurality of second light beams are all perpendicular to the first plane.
19 . The electronic apparatus according to claim 17 , wherein the sound effect display interface further comprises a light dot matrix;
the light dot matrix is located on the first plane, and light dots of the light dot matrix are arranged around both sides of the sound wave line.
20 . A non-transitory computer-readable storage medium, wherein a computer program is stored thereon,
the computer program enables a computing apparatus to:
receive a first operation that is input to an audio file; and
display a sound effect display interface corresponding to the audio file in response to the first operation, wherein
the sound effect display interface comprises a grid, a sound wave line, and a cover image corresponding to the audio file; the grid is located on a first plane in an interface scenario of the sound effect display interface, and the first plane is a horizontal plane in the interface scenario; the sound wave line is a closed curve in the first plane and is configured to display a sound waveform corresponding to a sound attribute of the audio file; the cover image is located on a second plane in the interface scenario, and a lower edge of the cover image is located in an area enclosed by the sound wave line on the first plane, and the second plane is a plane perpendicular to a depth direction of the interface scenario.