WO2023071571A1 - 一种音效展示方法及终端设备 - Google Patents

一种音效展示方法及终端设备 Download PDF

Info

Publication number
WO2023071571A1
WO2023071571A1 PCT/CN2022/118617 CN2022118617W WO2023071571A1 WO 2023071571 A1 WO2023071571 A1 WO 2023071571A1 CN 2022118617 W CN2022118617 W CN 2022118617W WO 2023071571 A1 WO2023071571 A1 WO 2023071571A1
Authority
WO
WIPO (PCT)
Prior art keywords
color
layer
saturation
sound
effect display
Prior art date
Application number
PCT/CN2022/118617
Other languages
English (en)
French (fr)
Other versions
WO2023071571A9 (zh
Inventor
胡顺
Original Assignee
北京字跳网络技术有限公司
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 北京字跳网络技术有限公司 filed Critical 北京字跳网络技术有限公司
Publication of WO2023071571A1 publication Critical patent/WO2023071571A1/zh
Publication of WO2023071571A9 publication Critical patent/WO2023071571A9/zh

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/16Sound input; Sound output
    • G06F3/167Audio in a user interface, e.g. using voice commands for navigating, audio feedback
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/16Sound input; Sound output
    • G06F3/165Management of the audio stream, e.g. setting of volume, audio stream path

Definitions

  • the present application relates to the technical field of terminals, in particular to a method for displaying sound effects and a terminal device.
  • the embodiments of the present application provide a sound effect display method and a terminal device, which are used to improve the visual experience of the sound effect display interface.
  • the embodiments of the present application provide a method for displaying sound effects, including:
  • the sound effect display interface includes: a cover image corresponding to the target audio file, a sound wave display element, and a gyroscope;
  • the sound wave display element is a torus arranged along the edge of the cover image, and is used to
  • the preset sound attribute of the target audio file expands to the area where the cover image is located to form a sound wave waveform corresponding to the preset sound attribute of the target audio file;
  • the rotation axes of at least two of the light rings are symmetrical axes located in the plane of the cover image, and the rotation axes of at least two of the light rings intersect at the geometric center of the cover image.
  • the embodiment of the present application provides a terminal device, including:
  • a receiving unit configured to receive the first operation input to the target audio file
  • a display unit configured to display an audio effect presentation interface corresponding to the target audio file in response to the first operation
  • the sound effect display interface includes: a cover image corresponding to the target audio file, a sound wave display element, and a gyroscope;
  • the sound wave display element is a torus arranged along the edge of the cover image, and is used to The preset sound attribute of the target audio file expands to the area where the cover image is located to form a sound wave waveform corresponding to the preset sound attribute of the target audio file;
  • the gyroscope includes at least two For the rotating halo, the rotation axes of at least two of the halos are symmetrical axes located in the plane of the cover image, and the rotation axes of at least two of the halos intersect at the geometric center of the cover image.
  • an embodiment of the present application provides an electronic device, including: a memory and a processor, the memory is used to store a computer program; the processor is used to enable the electronic device to implement any of the above-mentioned The sound effect display method described in the embodiment.
  • an embodiment of the present application provides a computer-readable storage medium, where a computer program is stored on the computer-readable storage medium, and when the computer program is executed by a computing device, the computing device realizes any of the above-mentioned The sound effect display method described in the embodiment.
  • an embodiment of the present application provides a computer program product, which, when running on a computer, enables the computer to implement the sound effect display method described in any of the foregoing embodiments.
  • the audio effect display interface when receiving the first operation input to the target audio file, in response to the first operation, display the audio effect display interface corresponding to the target audio file; since the audio effect display interface includes : the cover image corresponding to the target audio file, a sound wave display element and a gyroscope, the sound wave display element is a torus arranged along the edge of the cover image, and can be based on the preset sound attributes of the target audio file Expand to the area where the cover image is located to form a sound wave waveform corresponding to the preset sound attribute of the target audio file; the above-mentioned gyroscope includes at least two halos that rotate along the rotation axis in a preset manner, and at least two of the halos The rotation axes of the rings are all symmetrical axes located in the plane where the cover image is located, and the rotation axes of at least two halos intersect at the geometric center of the cover image.
  • the display elements and the gyroscope create
  • FIG. 1 is a flow chart of the steps of the sound effect display method provided by the embodiment of the present application.
  • FIG. 2 is one of the schematic diagrams of the audio display interface provided by the embodiment of the present application.
  • FIG. 3 is one of the layered schematic diagrams of the audio effect display interface provided by the embodiment of the present application.
  • Fig. 4 is the second schematic diagram of the layer structure of the sound effect display interface provided by the embodiment of the present application.
  • FIG. 5 is a schematic diagram of the deflection angle of the sound effect display interface provided by the embodiment of the present application.
  • FIG. 6 is a schematic diagram of an offset of a sound effect display interface provided by an embodiment of the present application.
  • Fig. 7 is the third schematic diagram of the layer structure of the sound effect display interface provided by the embodiment of the present application.
  • FIG. 8 is the second schematic diagram of the sound effect display interface provided by the embodiment of the present application.
  • FIG. 9 is a schematic diagram of sound wave display elements provided by the embodiment of the present application.
  • FIG. 10 is a schematic structural diagram of a terminal device provided in an embodiment of the present application.
  • FIG. 11 is a schematic diagram of a hardware structure of an electronic device provided by an embodiment of the present application.
  • words such as “exemplary” or “for example” are used as examples, illustrations or illustrations. Any embodiment or design scheme described as “exemplary” or “for example” in the embodiments of the present application shall not be interpreted as being more preferred or more advantageous than other embodiments or design schemes. Rather, the use of words such as “exemplary” or “such as” is intended to present related concepts in a concrete manner.
  • the meaning of "plurality” refers to two or more.
  • the embodiment of the present application provides a sound effect display method, as shown in Figure 1, the sound effect display method includes the following steps:
  • the first operation in this embodiment of the present application may be an operation for triggering the playback of the target audio file, or an operation for sharing the target audio file, or generating and previewing the sound effect of the target audio file Display the operation of the interface.
  • the first operation may be a click operation on the target audio file, or a voice command, or a specific gesture.
  • the specific gesture may be any one of a click gesture, a slide gesture, a pressure recognition gesture, a long press gesture, an area change gesture, a double press gesture, and a double click gesture.
  • the target audio file in this embodiment of the present application may be any type of audio file. Examples: songs, audio novels, musical accompaniments, etc.
  • the sound effect display interface includes: a cover image corresponding to the target audio file, a sound wave display element, and a gyroscope;
  • the sound wave display element is a torus arranged along the edge of the cover image, and is used to The preset sound attribute of the target audio file expands to the area where the cover image is located to form a sound wave waveform corresponding to the preset sound attribute of the target audio file;
  • the rotation axes of at least two of the halos are symmetrical axes located in the plane of the cover image, and the rotation axes of at least two of the halos intersect at the geometric center of the cover image.
  • the preset sound attribute of the target audio file in the embodiment of the present application may be the loudness of the sound output by the target audio file, the pitch of the sound output by the target audio file, etc., which is not limited in the embodiment of the present application .
  • the sound wave display element expands to the area where the cover image is located according to the preset sound attribute of the target audio file
  • the implementation of forming the sound wave waveform corresponding to the preset sound attribute of the target audio file may include: The duration is a cycle, periodically sample the audio frames of the target audio file, obtain the key audio frames of the target audio file, extract the preset sound attributes of each key audio frame, and control the sound wave display according to the preset sound attributes of each key audio frame
  • the element expands to the area where the cover image is located to form a sound wave waveform corresponding to the preset sound attribute of the target audio file.
  • the preset duration may be the playback duration of 2 audio frames. That is, a key audio frame is sampled every other audio frame.
  • the sound effect display interface is a different display interface of the target audio file.
  • the sound effect presentation interface may be a playback interface of the target audio file.
  • the audio effect display interface may be a sharing preview interface of the target audio file.
  • the sound effect display interface includes: a cover image 21 corresponding to the target audio file, a sound wave display element 22 and a gyroscope-like 23; the sound wave display element is 22 along the cover image
  • the torus set at the edge of the target audio file is used to expand to the area where the cover image is located according to the preset sound attribute of the target audio file to form a sound wave waveform corresponding to the preset sound attribute of the target audio file.
  • the gyroscope-like 23 includes three circular light rings that rotate along the rotation axis in a preset manner. The centers of the circular halos are located at the geometric center of the cover image 21 .
  • the gyroscope-like 23 includes three circular halos as an example, but the embodiment of the present application is not limited thereto.
  • the gyroscope-like 23 can also include other numbers and other shapes of light rings, for example: the class gyroscope 23 can also include two circular light rings, and for example: the class gyroscope 23 can also include four circular light rings, and for example: the class gyroscope 23 Can also include three rectangular halos.
  • the cover image 21 is a rectangular image
  • the sound wave display element 22 arranged along the edge of the cover image 21 is an example of a rectangular torus
  • the embodiment of the present application is not limited thereto.
  • the cover image 21 in the embodiment of the present application can also be an image of other shapes, such as: circle, hexagon, octagon, irregular figure, etc.
  • the corresponding sound wave display element is 22 It can also be a torus of other shapes.
  • the audio effect display interface when receiving the first operation input to the target audio file, in response to the first operation, display the audio effect display interface corresponding to the target audio file; since the audio effect display interface includes : the cover image corresponding to the target audio file, a sound wave display element and a gyroscope, the sound wave display element is a torus arranged along the edge of the cover image, and can be based on the preset sound attributes of the target audio file expanding to the area where the cover image is located to form a sound wave waveform corresponding to the preset sound attribute of the target audio file; the gyroscope-like device includes at least two halos that rotate along the rotation axis in a preset manner, and at least two of the The rotation axes of the halos are all symmetrical axes located in the plane of the cover image, and the rotation axes of at least two halos intersect at the geometric center of the cover image.
  • the embodiment of the present application can use the cover image,
  • the sound wave display element and the gyroscope create a three-dimensional sound effect display interface, which makes the sound effect display interface have a sense of space and three-dimensionality, thereby enhancing the visual experience of the sound effect display interface.
  • the gyroscope-like is displayed on the first layer 31 of the sound effect display interface, and the sound wave display element is displayed on the second layer 32 of the sound effect display interface above, the cover image is displayed on the third layer 33 of the sound effect display interface;
  • the first layer 31 is located above the second layer 32
  • the second layer 32 is located above the third layer 33 .
  • the above-mentioned embodiment can make the gyroscope-like display in the sound effect display interface overlay and display above the sound wave display elements. And because the second layer 32 displaying the sound wave display elements is located on the third layer 33 displaying the cover image, the above embodiment can also display the sound wave display elements in the sound effect display interface overlaid on the cover image.
  • the method also includes:
  • the implementation of blurring the sound wave display elements may include: Gaussian blurring the image displayed on the second layer, so as to set the color value of each pixel in the second layer to a preset neighbor The average value of the color of each pixel in the domain range.
  • the preset neighborhood range may be a neighborhood range including 40 pixel points.
  • the audio display interface corresponding to the target audio file is displayed in the above step S12, including the following steps a and b:
  • Step a Generate a first sequence of frames corresponding to the gyroscope-like.
  • Step b Playing the first sequence frame cyclically on the first layer to display the audio effect display interface corresponding to the target audio file.
  • the above-mentioned embodiments display the gyroscope-like in the audio effect display interface by means of sequence frames. Therefore, compared with implementing the rendering of the gyroscope-like display interface to obtain the sound effect display interface, the embodiment of the present application can realize the dynamic effect of the gyroscope-like device while avoiding the use of The particle effect animation engine further reduces the amount of data processing for rendering the sound effect display interface and prevents terminal devices with poor performance from being unable to normally display the sound effect display interface in the embodiment of the present application.
  • the sound effect display interface further includes: a fourth layer 34 located below the third layer 33 and a fifth layer located below the fourth layer 34 35.
  • the fourth layer 34 is used to display the boundary of the first graphic 41
  • the fifth layer 35 is used to display the boundary of the second graphic 42 .
  • Both the first graphic 41 and the second graphic 42 are similar to the cover image 21, and the geometric center of the first graphic 41, the geometric center of the second graphic 42 and the cover image 21 The geometric centers of are located at the same point, the area of the first graphic 41 is larger than the area of the cover image 21 , and the area of the second graphic 42 is larger than the area of the first graphic 41 .
  • the above embodiment can further create a space for the sound effect display interface through the boundary of the first graphic 41 and the boundary of the second graphic 42 sense, and further enhance the visual experience of the audio display interface.
  • the sound effect presentation method provided in the embodiment of the present application further includes blurring a boundary of the first graphic and a boundary of the second graphic.
  • Gaussian blurring may be performed on the fourth layer and the fifth layer, so as to blur the boundaries of the first graphic and the second graphic.
  • the sound effect display method provided in the embodiment of the present application further includes the following steps a and b:
  • Step a Obtain the deflection angle of the sound effect display interface.
  • the deflection angle is an angle between a direction perpendicular to the sound effect display interface and a direction of gravity.
  • the gravity direction and the Z-axis direction are on the same straight line as an example.
  • the angle between the direction perpendicular to the sound effect display interface 51 and the direction of gravity is 0°, so the deflection angle of the sound effect display interface 52 is 0°, and the angle between the direction perpendicular to the sound effect display interface 52 and the direction of gravity is 45°, so the sound effect
  • the deflection angle of the display interface 52 is 45°, and the angle between the direction perpendicular to the sound effect display interface 53 and the direction of gravity is 90°, so the deflection angle of the sound effect display interface 53 is 90°.
  • Step b Controlling the first layer, the second layer, the third layer, the fourth layer and the fifth layer in corresponding offset ranges according to the deflection angle Inner offset.
  • the offset range corresponding to the first layer (the layer displaying the gyroscope) and the third layer (the layer displaying the cover image) is [0ps, 30ps]
  • the The offset range corresponding to the second layer (the layer displaying the sound wave display element) is [0ps, 27ps]
  • the offset range corresponding to the fourth layer (the layer displaying the boundary of the first image) is [0ps] , 20ps]
  • the offset range corresponding to the fifth layer (the layer displaying the boundary of the second image) is [0ps, 11ps].
  • control the first layer, the second layer, the third layer, the fourth layer and the fifth layer in the corresponding offset ranges according to the deflection angle Inner offsets can specifically include:
  • control the offset distance of the first layer, the second layer, the third layer, the fourth layer and the fifth layer to be 0 ;
  • the above embodiment is described with the offset effect of the third layer.
  • the offset range corresponding to the third layer is [0, d]
  • the geometric center of the cover image displayed on the third layer layer will be the geometric center of the cover image when the radius is d and the center of the circle is at the initial position Move within the circle of the position.
  • the sound effect display method provided by the above embodiment further includes: acquiring the deflection angle of the sound effect display interface, and controlling the first layer, the second layer, the third layer, The fourth layer and the fifth layer are respectively offset within the corresponding offset range, so the above embodiment can make the gyroscope, the sound wave display element, the cover image, the boundary of the first graphic and the second graphic The boundary of is offset with the deflection of the audio display interface, thereby further improving the sense of space of the audio display interface.
  • the sound effect display interface further includes: a sixth layer 36 located below the fifth layer 35 , a sixth layer located below the sixth layer 36 A seventh layer 37 and an eighth layer 38 located below the seventh layer 37 .
  • the sixth layer 36 is used to display dot matrix images
  • the seventh layer 37 is used to display streamer images
  • the eighth layer 38 is used to display grid images
  • the dot matrix images are three-dimensional dot matrix
  • the projection image; the streamer image includes a plurality of streamer lines propagating along the sides of the grid in the grid image, and the grid image is formed by intersections of multiple horizontal lines and multiple vertical lines.
  • the sound effect display interface provided by the above embodiment also includes: a dot matrix image displayed on the sixth layer, a streamer image displayed on the seventh layer, and a grid image displayed on the eighth layer, the above implementation
  • the sound effect display interface can have a stronger sense of space and three-dimensionality through dot matrix images, streamer images, and grid images, thereby further improving the visual experience of the sound effect display interface.
  • the sound effect display method provided in the embodiment of the present application further includes the following steps I and II:
  • Step I generating a second sequence of frames corresponding to the streamer image.
  • Step II cyclically play the second sequence frame on the seventh layer to display the audio effect display interface corresponding to the target audio file.
  • the above-mentioned embodiment displays the streamer image in the sound effect display interface in the form of sequence frames, so compared to implementing the rendering of the streamer image to obtain the sound effect display interface, the embodiment of the present application can realize the dynamic effect of the streamer image while avoiding the use of particle effect animation engine, thereby reducing the amount of data processing for rendering the audio display interface and preventing terminal devices with poor performance from being able to normally display the audio display interface in the embodiment of the present application.
  • the color of the first position of the sound wave display element is the first color
  • the color of the second position of the sound wave display element is the second color
  • the color of the sound wave display element gradually changes from the first color to the second color.
  • the first position and the second position are two intersection positions of the target line and the sound wave display element respectively; the target line passes through the geometric center of the sound wave display element in the first plane and is parallel to the horizontal direction
  • the included angle is a straight line with a preset angle.
  • the preset angle may be 45°.
  • the two intersection points of target straight line 91 and sound wave display element are respectively point 221 and point 222, so point 221 and point 222 are the first position and the second position of sound wave display element respectively, and point 221 and point 222
  • the colors are respectively the first color and the second color, and the colors of the points 221 to 222 on the sound wave display element 22 gradually change from the first color to the second color.
  • the sound effect display method provided in the embodiment of the present application further includes: determining the first color according to the color of the cover image , the second color and the background color of the sound effect display interface.
  • the implementation of determining the first color, the second color, and the background color of the sound effect display interface according to the color of the cover image may include the following steps 1 to 3:
  • Step 1 Obtain the average color value of each pixel of the cover image.
  • the color values of each pixel of the cover image are obtained, and the color values of each pixel are added and then divided by the number of pixels in the cover image to obtain the average color value of each pixel of the cover image.
  • Step 2 Convert the average color value into a color in the HSV color space to obtain a basic color.
  • the HSV color space is a color space that expresses colors through hue (Hue), saturation (Saturation) and lightness (Value), and any color in the HSV color space includes a parameter H used to represent hue, for A parameter S for saturation and a parameter V for lightness.
  • the conversion formula can be determined according to the color space to which the cover image belongs, and then the average color value can be converted according to the determined conversion formula to obtain the basic color. For example, if the cover image belongs to the RGB color space, the average color value is converted according to the conversion formula between the RGB color space and the color of the HSV color space to obtain the basic color.
  • Step 3 Determine the first color, the second color, and the background color of the sound effect display interface according to the basic color.
  • the determining the first color according to the basic color includes:
  • the saturation of the base color is greater than or equal to a threshold saturation, then determining that the saturation of the first color is the same as the saturation of the base color; if the saturation of the base color is less than the threshold saturation, Then determine the saturation of the first color as the sum of the saturation of the basic color and the preset saturation;
  • the lightness, saturation, and lightness of the basic color are H 0 , S 0 , and V 0 respectively
  • the lightness, saturation, and lightness of the first color are H 1 , S 1 , and V 1 , respectively
  • the threshold saturation is the S threshold
  • the default saturation is a, then:
  • the determining the second color according to the basic color includes:
  • the hue of the second color is the sum of the hue of the basic color and a preset hue
  • the saturation of the base color is greater than or equal to a threshold saturation, then determining that the saturation of the second color is the same as the saturation of the base color; if the saturation of the base color is less than the threshold saturation, Then determine the saturation of the second color as the sum of the saturation of the basic color and the preset saturation;
  • the lightness, saturation, and lightness of the basic color are H 0 , S 0 , and V 0
  • the lightness, saturation, and lightness of the second color are H 2 , S 2 , and V 2 , respectively
  • the threshold saturation is the S threshold
  • the preset saturation is a
  • the preset hue is b
  • the determining the background color according to the basic color includes:
  • the saturation of the base color is greater than or equal to the threshold saturation, then determine that the saturation of the background color is the same as the saturation of the base color; if the saturation of the base color is less than the threshold saturation, then determining the saturation of the background color as the sum of the saturation of the base color and a preset saturation;
  • the target lightness is the lightness corresponding to the lightness interval to which the lightness of the basic color belongs, and the lightness corresponding to the lightness interval is the same as the The central lightness value of the lightness interval is positively correlated.
  • Lightness range corresponding lightness [100, 90] 55 (90,80] 50 (80,70] 45 (70,60] 40 (60, 50] 35 (50, 40] 30 (40,30] 25 (30, 25] 20 (25,20] 15 (20,15] 10 (15, 10] 7 (10, 5] 3 (5,0] 2
  • the lightness, saturation, and lightness of the basic color are H 0 , S 0 , and V 0 respectively;
  • the lightness, saturation, and lightness of the background color are H 3 , S 3 , and V 3 respectively;
  • the threshold saturation is the S threshold ;
  • V 3 V 0 ⁇ c
  • the embodiment of the present application can better match the color of the sound effect display interface with the cover image, thereby improving the user's Visual experience experience.
  • the embodiment of the present application also provides a terminal device.
  • This device embodiment corresponds to the aforementioned method embodiment.
  • the details in the above will be described one by one, but it should be clear that the terminal device in this embodiment can correspondingly implement all the content in the foregoing method embodiments.
  • FIG. 10 is a schematic structural diagram of the terminal device. As shown in FIG. 10, the terminal device 100 includes:
  • a receiving unit 101 configured to receive a first operation input to a target audio file
  • a display unit 102 configured to display an audio display interface corresponding to the target audio file in response to the first operation
  • the sound effect display interface includes: a cover image corresponding to the target audio file, a sound wave display element, and a gyroscope;
  • the sound wave display element is a torus arranged along the edge of the cover image, and is used to The preset sound attribute of the target audio file expands to the area where the cover image is located to form a sound wave waveform corresponding to the preset sound attribute of the target audio file;
  • the gyroscope includes at least two For the rotating halo, the rotation axes of at least two of the halos are symmetrical axes located in the plane of the cover image, and the rotation axes of at least two of the halos intersect at the geometric center of the cover image.
  • the gyroscope is displayed on the first layer of the sound effect display interface
  • the sound wave display element is displayed on the second layer of the sound effect display interface
  • the cover image is displayed on the On the third layer of the sound effect display interface
  • the first layer is located above the second layer, and the second layer is located above the third layer.
  • the display unit 102 is further configured to blur the sound wave display elements.
  • the display unit 102 is specifically configured to generate the first sequence frame corresponding to the gyroscope; the rotation position of the light ring in each image frame of the first sequence frame changes sequentially; The first sequence frame is cyclically played on the first layer to display the sound wave display interface corresponding to the target audio file.
  • the sound effect display interface further includes: a fourth layer located below the third layer and a fifth layer located below the fourth layer;
  • the fourth layer is used to display the boundary of the first graphic
  • the fifth layer is used to display the boundary of the second graphic; both the first graphic and the second graphic are similar to the cover image , and the geometric center of the first graphic, the geometric center of the second graphic and the geometric center of the cover image are located at the same point, the area of the first graphic is larger than the area of the cover image, and the second The area of the graphic is larger than the area of the first graphic.
  • the display unit 102 is further configured to perform blurring processing on the boundary of the first graphic and the boundary of the second graphic.
  • the display unit is used to obtain the deflection angle of the sound effect display interface, and the deflection angle is the angle between the direction perpendicular to the sound effect display interface and the direction of gravity;
  • the first layer, the second layer, the third layer, the fourth layer and the fifth layer are respectively offset within a corresponding offset range.
  • the sound effect display interface further includes: a sixth layer located below the fifth layer, a seventh layer located below the sixth layer, and a the eighth layer of
  • the sixth layer is used to display dot matrix images
  • the seventh layer is used to display streamer images
  • the eighth layer is used to display grid images
  • the dot matrix images are projection images of three-dimensional dot matrix
  • the streamer image includes a plurality of streamer lines propagating along the sides of the grid in the grid image, and the grid image is formed by intersections of multiple horizontal lines and multiple vertical lines.
  • the display unit 102 is specifically configured to generate a second sequence frame corresponding to the streamer image; the positions of the streamer lines in each image frame of the second sequence frame change sequentially; The second sequence frame is cyclically played on the seventh layer to display the sound wave display interface corresponding to the target audio file.
  • the color of the first position of the sound wave display element is the first color
  • the color of the second position of the sound wave display element is the second color
  • the color of the sound wave display element gradually changes from the first color to the second color.
  • the display unit 102 is further configured to obtain the average color value of each pixel of the cover image before displaying the audio display interface corresponding to the target audio file; convert the average color value A basic color is obtained for a color in the HSV color space; and the first color, the second color, and the background color of the sound effect display interface are determined according to the basic color.
  • the display unit 102 is specifically configured to determine that the hue of the first color is the same as that of the basic color; if the saturation of the basic color is greater than or equal to a threshold saturation, then determine that the The saturation of the first color is the same as the saturation of the basic color; if the saturation of the basic color is less than the threshold saturation, then determine that the saturation of the first color is the saturation of the basic color and the preset saturation; determine the lightness of the first color as the maximum lightness value.
  • the display unit 102 is specifically configured to determine that the hue of the second color is the sum of the hue of the base color and a preset hue; if the saturation of the base color is greater than or equal to the threshold saturation degree, then determine that the saturation of the second color is the same as the saturation of the base color; if the saturation of the base color is less than the threshold saturation, then determine that the saturation of the second color is the The sum of the saturation of the basic color and the preset saturation; determine the lightness of the second color as the maximum lightness value.
  • the display unit 102 is specifically configured to determine that the hue of the background color is the same as that of the base color; if the saturation of the base color is greater than or equal to a threshold saturation, then determine that the The saturation of the background color is the same as the saturation of the basic color; if the saturation of the basic color is less than the threshold saturation, it is determined that the saturation of the background color is the saturation of the basic color and the preset The sum of saturation; determine the lightness of the background color as the difference between the lightness of the basic color and the target lightness, the target lightness is the lightness corresponding to the lightness interval to which the lightness of the basic color belongs, and the lightness interval corresponds to The brightness of is positively correlated with the central brightness value of the brightness interval.
  • the first position and the second position are respectively two intersection positions of the target line and the sound wave display element; the target line passes through the geometric center of the sound wave display element in the first plane and is The included angle in the horizontal direction is a straight line with a preset angle.
  • the terminal device provided in this embodiment can execute the sound effect display method provided in the above method embodiment, and its implementation principle is similar to the technical effect, and will not be repeated here.
  • FIG. 11 is a schematic structural diagram of an electronic device provided by an embodiment of the present application.
  • the electronic device provided by this embodiment includes: a memory 111 and a processor 112, and the memory 111 is used to store computer programs; the processing The device 112 is configured to enable the electronic device to implement the method for displaying sound effects provided by the above-mentioned embodiments when the computer program is invoked for execution.
  • the embodiment of the present application also provides a computer-readable storage medium, the computer-readable storage medium stores a computer program, and when the computer program is executed by a computing device, the computing device realizes the sound effects provided by the above-mentioned embodiments Show method.
  • An embodiment of the present application further provides a computer program product, which, when the computer program product is run on a computer, enables the computer to implement the sound effect display method provided in the foregoing embodiments.
  • the embodiments of the present application may be provided as methods, systems, or computer program products. Accordingly, the present application may take the form of an entirely hardware embodiment, an entirely software embodiment, or an embodiment combining software and hardware aspects. Furthermore, the present application may take the form of a computer program product embodied on one or more computer-usable storage media having computer-usable program code embodied therein.
  • the processor can be a central processing unit (Central Processing Unit, CPU), or other general-purpose processors, digital signal processors (Digital Signal Processor, DSP), application specific integrated circuits (Application Specific Integrated Circuit, ASIC), off-the-shelf programmable Field-Programmable Gate Array (FPGA) or other programmable logic devices, discrete gate or transistor logic devices, discrete hardware components, etc.
  • a general-purpose processor may be a microprocessor, or the processor may be any conventional processor, or the like.
  • Memory may include non-permanent storage in computer readable media, in the form of random access memory (RAM) and/or nonvolatile memory such as read only memory (ROM) or flash RAM.
  • RAM random access memory
  • ROM read only memory
  • flash RAM flash random access memory
  • Computer-readable media includes both volatile and non-volatile, removable and non-removable storage media.
  • the storage medium may store information by any method or technology, and the information may be computer-readable instructions, data structures, program modules, or other data.
  • Examples of computer storage media include, but are not limited to, phase change memory (PRAM), static random access memory (SRAM), dynamic random access memory (DRAM), other types of random access memory (RAM), read only memory (ROM), Electrically Erasable Programmable Read-Only Memory (EEPROM), Flash memory or other memory technology, Compact Disc Read-Only Memory (CD-ROM), Digital Versatile Disc (DVD) or other optical storage, A magnetic tape cartridge, disk storage or other magnetic storage device or any other non-transmission medium that can be used to store information that can be accessed by a computing device.
  • computer readable media excludes transitory computer readable media, such as modulated data signals and carrier waves.

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Multimedia (AREA)
  • Health & Medical Sciences (AREA)
  • Audiology, Speech & Language Pathology (AREA)
  • General Health & Medical Sciences (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本申请实施例提供一种音效展示方法及终端设备。该方法包括:接收对目标音频文件输入的第一操作;响应于第一操作,显示目标音频文件对应的音效展示界面;音效展示界面包括:封面图像、音波展示元素以及类陀螺仪;音波展示元素为沿封面图像的边缘设置的环面,用于根据目标音频文件的预设声音属性向封面图像所在区域扩张,形成目标音频文件的预设声音属性对应的音波波形;类陀螺仪包括至少两个以预设方式沿自转轴自转的光环,至少两个光环的自转轴均为位于封面图像所在平面内的对称轴,且至少两个光环的自转轴相交于封面图像的几何中心。

Description

一种音效展示方法及终端设备
本申请要求于2021年10月25日提交的,申请名称为“一种音效展示方法及终端设备”的、中国专利申请号为“202111243078.2”的优先权,该中国专利申请的全部内容通过引用结合在本申请中。
技术领域
本申请涉及终端技术领域,尤其涉及一种音效展示方法及终端设备。
背景技术
随着多媒体技术的不断发展,用户已不再仅仅满足于播放设备能够提供高精度的还原音频或视频文件,而是对播放内容的整体感受提出了新的要求。
目前,大多数音频播放应用程序(Application)均将焦点放在了音频播放时用户的听觉体验上,而忽略了音效展示界面的视觉体验对音频播放的整体感受的影响。由于未考虑到音效展示界面的视觉体验对音频播放的整体感受的影响,因此很多音频播放应用程序会在播放音频文件等场景下,在终端设备的显示屏中显示一个极为单调的图像。例如:一些音乐播放应用程序在播放歌曲时会始终在音乐播放界面显示一个与所播放音乐相关的静态图片。然而,音效展示界面的视觉体验对音频播放的整体体验有着非常重要的影响,因此如何提升音效展示界面的视觉体验也是一个非常重要的研究课题。
发明内容
有鉴于此,本申请实施例提供了一种音效展示方法及终端设备,用于提升音效展示界面的视觉体验。
为了实现上述目的,本申请实施例提供技术方案如下:
第一方面,本申请的实施例提供了一种音效展示方法,包括:
接收对目标音频文件输入的第一操作;
响应于所述第一操作,显示所述目标音频文件对应的音效展示界面;
其中,所述音效展示界面包括:所述目标音频文件对应的封面图像、音波展示元素以及类陀螺仪;所述音波展示元素为沿所述封面图像的边缘设置的环面,用于根据所述目标音频文件的预设声音属性向所述封面图像所在区域扩张,形成所述目标音频文件的预设声音属性对应的音波波形;所述类陀螺仪包括至少两个以预设方式沿自转轴自转的光环,至少两个所述光环的自转轴均为位于所述封面图像所在平面内的对称轴,且至少两个所述光环的自转轴相交于所述封面图像的几何中心。
第二方面,本申请实施例提供一种终端设备,包括:
接收单元,用于接收对目标音频文件输入的第一操作;
显示单元,用于响应于所述第一操作,显示所述目标音频文件对应的音效展示界面;
其中,所述音效展示界面包括:所述目标音频文件对应的封面图像、音波展示元素以及类陀螺仪;所述音波展示元素为沿所述封面图像的边缘设置的环面,用于根据所述目标音频文件的预设声音属性向所述封面图像所在区域扩张,以形成所述目标音频文件的预设声音属性对应的音波波形;所述类陀螺仪包括至少两个以预设方式沿自转轴自转的光环,至少两个所述光环的自转轴均为位于所述封面图像所在平面内的对称轴,且至少两个所述光环的自转轴相交于所述封面图像的几何中心。
第三方面,本申请实施例提供一种电子设备,包括:存储器和处理器,所述存储器用于存储计算机程序;所述处理器用于在调用计算机程序时,使得所述电子设备实现上述任一实施例所述的音效展示方法。
第四方面,本申请实施例提供一种计算机可读存储介质,所述计算机可读存储介质上存储有计算机程序,当所述计算机程序被计算设备执行时,使得所述计算设备实现上述任一实施例所述的音效展示方法。
第五方面,本申请实施例提供一种计算机程序产品,当所述计算机程序产品在计算机上运行时,使得所述计算机实现上述任一实施例所述的音效展示方法。
本申请实施例提供的音效展示方法在接收到对目标音频文件输入的第一操作时,响应于所述第一操作,显示所述目标音频文件对应的音效展示界面;由于所述音效展示界面包括:所述目标音频文件对应的封面图像、音波展示元素以及类陀螺仪,所述音波展示元素为沿所述封面图像的边缘设置的环面,且可以根据所述目标音频文件的预设声音属性向所述封面图像所在区域扩张,形成所述目标音频文件的预设声音属性对应的音波波形;述类陀螺仪包括至少两个以预设方式沿自转轴自转的光环,至少两个所述光环的自转轴均为位于所述封面图像所在平面内的对称轴,且至少两个所述光环的自转轴相交于所述封面图像的几何中心,因此本申请实施例提供的可以通过封面图像、音波展示元素以及类陀螺仪造出三维立体的音效展示界面,使音效展示界面具有空间感和立体感,从而提升音频播放时音效展示界面的视觉体验。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本申请的实施例,并与说明书一起用于解释本申请的原理。
为了更清楚地说明本申请实施例或相关技术中的技术方案,下面将对实施例或相关技术描述中所需要使用的附图作简单地介绍,显而易见地,对于本领域普通技术人员而言,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
图1为本申请实施例提供的音效展示方法的步骤流程图;
图2为本申请实施例提供的音效展示界面的示意图之一;
图3为本申请实施例提供的音效展示界面的层结构示意图之一;
图4为本申请实施例提供的音效展示界面的层结构示意图之二;
图5为本申请实施例提供的音效展示界面的偏转角度示意图;
图6为本申请实施例提供的音效展示界面的偏移示意图;
图7为本申请实施例提供的音效展示界面的层结构示意图之三;
图8为本申请实施例提供的音效展示界面的示意图之二;
图9为本申请实施例提供的音波展示元素的示意图;
图10为本申请实施例提供的终端设备的结构示意图;
图11为本申请实施例提供的电子设备的硬件结构示意图。
具体实施方式
为了能够更清楚地理解本申请的上述目的、特征和优点,下面将对本申请的方案进行进一步描述。需要说明的是,在不冲突的情况下,本申请的实施例及实施例中的特征可以相互组合。
在下面的描述中阐述了很多具体细节以便于充分理解本申请,但本申请还可以采用其他不同于在此描述的方式来实施;显然,说明书中的实施例只是本申请的一部分实施例,而不是全部的实施例。
在本申请实施例中,“示例性的”或者“例如”等词用于表示作例子、例证或说明。本申请实施例中被描述为“示例性的”或者“例如”的任何实施例或设计方案不应被解释为比其它实施例或设计方案更优选或更具优势。确切而言,使用“示例性的”或者“例如”等词旨在以具体方式呈现相关概念。此外,在本申请实施例的描述中,除非另有说明,“多个”的含义是指两个或两个以上。
基于上述内容,本申请实施例提供了一种音效展示方法,参照图1所示,该音效展示方法包括如下步骤:
S11、接收对目标音频文件输入的第一操作。
本申请实施例中的第一操作可以为用于触发播放所述目标音频文件的操作,也可以为用于分享所述目标音频文件的操作,还可以为生成并预览所述目标音频文件的音效展示界面的操作。第一操作具体可以为对目标音频文件的点击操作,或者是语音指令,或者是特定手势。在本申请的一些实施例中,所述特定手势可以为单击手势、滑动手势、压力识别手势、长按手势、面积变化手势、双按手势、双击手势中的任意一种。
本申请实施例中的目标音频文件可以为任意类型的音频文件。例如:歌曲、有声小说、音乐伴奏等等。
S12、响应于所述第一操作,显示所述目标音频文件对应的音效展示界面。
其中,所述音效展示界面包括:所述目标音频文件对应的封面图像、音波展示元素以及类陀螺仪;所述音波展示元素为沿所述封面图像的边缘设置的环面,用于根据所述目标音频文件的预设声音属性向所述封面图像所在区域扩张,形成所述目标音频文件的预设声音属性对应的音波波形;述类陀螺仪包括至少两个以预设方式沿自转轴自转的光环,至少两个所述光环的自转轴均为位于所述封面图像所在平面内的对称轴,且至少两个所述光环的自转轴相交于所述封面图像的几何中心。
在一些实施方式中,本申请实施例中的目标音频文件的预设声音属可以为目标音频文件输出的声音的响度、目标音频文件输出的声音的音调等,本申请实施例对此不做限定。
进一步的,音波展示元素根据所述目标音频文件的预设声音属性向所述封面图像所在区域扩张,形成所述目标音频文件的预设声音属性对应的音波波形的实现方式可以包括:以预设时长为周期,周期性对目标音频文件的音频帧进行采样,获取目标音频文件的关键音频帧,提取各个关键音频帧的预设声音属性,并根据各个关键音频帧的预设声音属性控制音波展示元素向所述封面图像所在区域扩张,形成所述目标音频文件的预设声音属性对应的音波波形。示例性的,预设时长可以为2个音频帧的播放时长。即,每间隔一个音频帧进行一次关键音频帧的采样。
需要说明的是,当第一操作为对目标音频文件的不同操作时,音效展示界面为目标音频文件的不同显示界面。例如:当时第一操作为对目标音频文件输入的播放操作时,所述音效展示界面可以为目标音频文件的播放界面。再例如:当时第一操作为对目标音频文件输入的分享操作时,所述音效展示界面可以为目标音频文件的分享预览界面。
示例性的,参照图2所示,所述音效展示界面包括:所述目标音频文件对应的封面图像21、音波展示元素22以及类陀螺仪23;所述音波展示元素为22沿所述封面图像的边缘设置的环面,用于根据所述目标音频文件的预设声音属性向所述封面图像所在区域扩张,形成所述目标音频文件的预设声音属性对应的音波波形。所述类陀螺仪23包括三个以预设方式沿自转轴自转的圆形光环,三个所述圆形光环的自转轴为均位于所述封面图像21所在平面内的直径,且三个所述圆形光环的圆心均位于所述封面图像21的几何中心。
需要说明的是,图2中以类陀螺仪23包括三个圆形光环为例示出,但本申请实施例并不限定于此,在上述实施例的基础上本申请实施例中的类陀螺仪23还可以包括其它数量以及其它形状的光环,例如:类陀螺仪23还可包括两个圆形光环,再例如:类陀螺仪23也可包括四个圆形光环,再例如:类陀螺仪23也可包括三个矩形光环。
还需要说明的是,图2中以封面图像21为矩形图像,沿所述封面图像21的边缘设置的音波展示元素为22为矩形环面为例示出,但本申请实施例并不限定于此,在上述实施例的基础上本申请实施例中的封面图像21还可以为其它形状的图像,例如:圆形、六边形、八 边形、不规则图形等,响应的音波展示元素为22也可以为其它形状的环面。
本申请实施例提供的音效展示方法在接收到对目标音频文件输入的第一操作时,响应于所述第一操作,显示所述目标音频文件对应的音效展示界面;由于所述音效展示界面包括:所述目标音频文件对应的封面图像、音波展示元素以及类陀螺仪,所述音波展示元素为沿所述封面图像的边缘设置的环面,且可以根据所述目标音频文件的预设声音属性向所述封面图像所在区域扩张,形成所述目标音频文件的预设声音属性对应的音波波形;所述类陀螺仪包括至少两个以预设方式沿自转轴自转的光环,至少两个所述光环的自转轴均为位于所述封面图像所在平面内的对称轴,且至少两个所述光环的自转轴相交于所述封面图像的几何中心,因此本申请实施例提供的可以通过封面图像、音波展示元素以及类陀螺仪造出三维立体的音效展示界面,使音效展示界面具有空间感和立体感,从而提升音效展示界面的视觉体验。
在一些实施方式中,参照图3所示,所述类陀螺仪显示于所述音效展示界面的第一图层31上,所述音波展示元素显示于所述音效展示界面的第二图层32上,所述封面图像显示于所述音效展示界面的第三图层33上;
所述第一图层31位于所述第二图层32的上方,所述第二图层32位于所述第三图层33的上方。
由于显示类陀螺仪的第一图层31位于显示音波展示元素的第二图层32的上方,因此上述实施实施例可以使音效展示界面中的类陀螺仪覆盖于音波展示元素的上方显示。又因为显示音波展示元素的第二图层32位于显示封面图像的第三图层33上,因此上述实施实施例还可以使音效展示界面中的音波展示元素盖于封面图像的上方显示。
在一些实施方式中,所述方法还包括:
对所述音波展示元素进行模糊处理。
示例性的,对所述音波展示元素进行模糊处理的实现方式可以包括:对第二图层所显示的图像进行高斯模糊,从而将第二图层中各个像素点的颜色值设置为预设邻域范围内的各个像素点的颜色的平均值。在一些实施例中,预设邻域范围可以为包括40个像素点的邻域范围。
在一些实施方式中,上述步骤S12中显示所述目标音频文件对应的音效展示界面,包括如下步骤a和步骤b:
步骤a、生成所述类陀螺仪对应的第一序列帧。
其中,所述第一序列帧的各个图像帧中所述光环的自转位置依次变化。
步骤b、在所述第一图层上循环播放所述第一序列帧,以显示所述目标音频文件对应的音效展示界面。
上述实施例通过序列帧的方式显示音效展示界面中的类陀螺仪,因此相比于实施渲染类 陀螺仪得到音效展示界面,本申请实施例可以在实现类陀螺仪的动态效果的同时,避免使用粒子效果动画引擎,进而减少渲染音效展示界面的数据处理量以及避免性能较差的终端设备无法正常显示本申请实施例中的音效展示界面。
在一些实施方式中,参照图4所示,所述音效展示界面还包括:位于所述第三图层33下方的第四图层34以及位于所述第四图层34下方的第五图层35。
所述第四图层34用于显示第一图形41的边界,所述第五图层35用于显示第二图形42的边界。所述第一图形41和所述第二图形42均与所述封面图像21为相似图形,且所述第一图形41的几何中心、所述第二图形42的几何中心以及所述封面图像21的几何中心位于同一点,所述第一图形41的面积大于所述封面图像21的面积,所述第二图形42的面积大于所述第一图形41的面积。
由于上述实施例中音效展示界面还包括第一图形41的边界和第二图形42的边界,因此上述实施例可以通过第一图形41的边界和第二图形42的边界进一步营造音效展示界面的空间感,进而进一步提升音效展示界面的视觉体验。
在一些实施方式中,本申请实施例提供的音效展示方法还包括对所述第一图形的边界和所述第二图形的边界进行模糊处理。
同样,可以对第四图层和第五图层进行高斯模糊,以对所述第一图形的边界和所述第二图形的边界进行模糊处理。
在一些实施方式中,本申请实施例提供的音效展示方法还包括如下步骤a和步骤b:
步骤a、获取所述音效展示界面的偏转角度。
其中,所述偏转角度为垂直于所述音效展示界面的方向与重力方向的夹角。
示例性的,参照图5所示,图5中以重力方向与Z轴方向位于同一直线上为例示出。垂直于音效展示界面51的方向与重力方向的夹角为0°,因此音效展示界面52的偏转角度为0°,垂直于音效展示界面52的方向与重力方向的夹角为45°,因此音效展示界面52的偏转角度为45°,垂直于音效展示界面53的方向与重力方向的夹角为90°,因此音效展示界面53的偏转角度为90°。
步骤b、根据所述偏转角度控制所述第一图层、所述第二图层、所述第三图层、所述第四图层以及所述第五图层分别在对应的偏移范围内偏移。
在一些实施例中,所述第一图层(显示类陀螺仪的图层)和所述第三图层(显示封面图像的图层)对应的偏移范围为[0ps,30ps],所述第二图层(显示音波展示元素的图层)对应的偏移范围为[0ps,27ps],所述第四图层(显示第一图像的边界的图层)对应的偏移范围为[0ps,20ps],所述第五图层(显示第二图像的边界的图层)对应的偏移范围为[0ps,11ps]。
进一步的,根据所述偏转角度控制所述第一图层、所述第二图层、所述第三图层、所述 第四图层以及所述第五图层分别在对应的偏移范围内偏移具体可以包括:
当所述偏转角度为0°时,控制所述第一图层、所述第二图层、所述第三图层、所述第四图层以及所述第五图层偏移距离为0;
当所述偏转角度属于(0°,45°)时,控制所述第一图层、所述第二图层、所述第三图层、所述第四图层以及所述第五图层偏移距离与偏转角度正相关;
当所述偏转角度为45°时,控制所述第一图层、所述第二图层、所述第三图层、所述第四图层以及所述第五图层偏移距离分别为对应的偏移范围的最大值;
当所述偏转角度为(45°,90°]时,控制所述第一图层、所述第二图层、所述第三图层、所述第四图层以及所述第五图层偏移距离分别b保持为对应的偏移范围的最大值。
示例性的,参照图6所示,图6中以所述第三图层的偏移效果对上述实施例进行说明。当第三图层对应的偏移范围为[0,d]时,所述第三图层图层显示的封面图像的几何中心会在一个半径为d,圆心位于初始位置时封面图像的几何中心所在位置的圆内移动。
由于上述实施例提供的音效展示方法还包括:获取所述音效展示界面的偏转角度,并根据所述偏转角度控制所述第一图层、所述第二图层、所述第三图层、所述第四图层以及所述第五图层分别在对应的偏移范围内偏移,因此上述实施例可以使类陀螺仪、音波展示元素、封面图像、第一图形的边界以及第二图形的边界随显示音效展示界面的偏转而发生偏移,进而进一步提升音效展示界面的空间感。
在一些实施方式中,参照图7、图8所示,所述音效展示界面还包括:位于所述第五图层35下方的第六图层36、位于所述第六图层36下方的第七图层37以及位于所述第七图层37下方的第八图层38。
所述第六图层36用于显示点阵图像,所述第七图层37用于显示流光图像,所述第八图层38用于显示网格图像,所述点阵图像为三维点阵的投影图像;所述流光图像包括多个沿所述网格图像中的网格的边传播的流光线条,所述网格图像由包括多个水平线和多个竖直线相交形成的网格。
由于上述实施例提供的音效展示界面还包括:显示于第六图层上的点阵图像、显示于第七图层上的流光图像以及显示于第八图层上的网格图像,因此上述实施例可以通过点阵图像、流光图像以及网格图像使音效展示界面的空间感和立体感更强,进而进一步提升音效展示界面的视觉体验。
在一些实施方式中,本申请实施例提供的音效展示方法还包括如下步骤Ⅰ和步骤Ⅱ:
步骤Ⅰ、生成所述流光图像对应的第二序列帧。
其中,所述第二序列帧的各个图像帧中所述流光线条的位置依次变化。
步骤Ⅱ、在所述第七图层上循环播放所述第二序列帧,以显示所述目标音频文件对应的 音效展示界面。
上述实施例通过序列帧的方式显示音效展示界面中的流光图像,因此相比于实施渲染流光图像得到音效展示界面,本申请实施例可以在实现流光图像的动态效果的同时,避免使用粒子效果动画引擎,进而减少渲染音效展示界面的数据处理量以及避免性能较差的终端设备无法正常显示本申请实施例中的音效展示界面。
在一些实施方式中,所述音波展示元素的第一位置的颜色为第一颜色,所述音波展示元素的第二位置的颜色为第二颜色;
在所述音波展示元素的所述第一位置到所述第二位置之间,所述音波展示元素的颜色由所述第一颜色渐变为所述第二颜色。
在一些实施例中,第一位置和第二位置分别为目标直线与所述音波展示元素的两个交点位置;所述目标直线第一平面内经过所述音波展示元素的几何中心且与水平方向的夹角为预设角度的直线。示例性的,预设角度可以为45°。
参照图9所示,目标直线91与音波展示元素的两交点分别为点221和点222,因此点221和点222分别为音波展示元素的第一位置和第二位置,点221和点222的颜色分别为第一颜色和第二颜色,音波展示元素22上点221至点222的颜色由第一颜色渐变为第二颜色。
在一些实施方式中,在上步骤S12(显示所述目标音频文件对应的音效展示界面)之前,本申请实施例提供的音效展示方法还包括:根据所述封面图像的颜色确定所述第一颜色、所述第二颜色以及所述音效展示界面的背景颜色。
在一些实施例中,根据所述封面图像的颜色确定所述第一颜色、所述第二颜色以及所述音效展示界面的背景颜色的实现方式可以包括如下步骤1至步骤3:
步骤1、获取所述封面图像的各个像素点的平均颜色值。
即,获取封面图像的各个像素点的颜色值,并将各个像素点的颜色值相加后除以封面图像中的像素点的数量,以得到封面图像的各个像素点的平均颜色值。
步骤2、将所述平均颜色值转换为HSV颜色空间中的颜色,获取基础颜色。
具体的,HSV颜色空间是一种通过色相(Hue)、饱和度(Saturation)和明度(Value)表示颜色的颜色空间,HSV颜色空间中的任意颜色均包括用于表示色相的参数H,用于表示饱和度的参数S以及用于表示明度的参数V。
不同颜色空间的颜色之间具有特定的转换公式,因此可以根据封面图像所属的颜色空间确定转换公式,然后根据确定的转换公式对平均颜色值进行转换,以得到基础颜色。例如:封面图像属于RGB颜色空间,则根据RGB颜色空间与HSV颜色空间的颜色之间的转换公式对平均颜色值进行转换,以得到基础颜色。
步骤3、根据所述基础颜色确定所述第一颜色、所述第二颜色以及所述音效展示界面的 背景颜色。
在一些实施方式中,所述根据所述基础颜色确定所述第一颜色,包括:
确定所述第一颜色的色相与所述基础颜色的色相相同;
若所述基础颜色的饱和度大于或等于阈值饱和度,则确定所述第一颜色的饱和度与所述基础颜色的饱和度相同;若所述基础颜色的饱和度小于所述阈值饱和度,则确定所述第一颜色的饱和度为所述基础颜色的饱和度与预设饱和度的和;
确定所述第一颜色的明度为最大明度值。
设:基础颜色的明度、饱和度、明度分别为H 0、S 0、V 0,第一颜色的明度、饱和度、明度分别为H 1、S 1、V 1,阈值饱和度为S 阈值,预设饱和度为a,则有:
H 1=H 0
Figure PCTCN2022118617-appb-000001
V 1=100
在一些实施方式中,所述根据所述基础颜色确定所述第二颜色,包括:
确定所述第二颜色的色相为所述基础颜色的色相与预设色相的和;
若所述基础颜色的饱和度大于或等于阈值饱和度,则确定所述第二颜色的饱和度与所述基础颜色的饱和度相同;若所述基础颜色的饱和度小于所述阈值饱和度,则确定所述第二颜色的饱和度为所述基础颜色的饱和度与预设饱和度的和;
确定所述第二颜色的明度为最大明度值。
设:基础颜色的明度、饱和度、明度分别为H 0、S 0、V 0,第二颜色的明度、饱和度、明度分别为H 2、S 2、V 2,阈值饱和度为S 阈值,预设饱和度为a,预设色相为b,则有:
H 2=H 0+b
Figure PCTCN2022118617-appb-000002
V 2=100
在一些实施方式中,所述根据所述基础颜色确定所述背景颜色,包括:
确定所述背景颜色的色相与所述基础颜色的色相相同;
若所述基础颜色的饱和度大于或等于阈值饱和度,则确定所述背景颜色的饱和度与所述基础颜色的饱和度相同;若所述基础颜色的饱和度小于所述阈值饱和度,则确定所述背景颜 色的饱和度为所述基础颜色的饱和度与预设饱和度的和;
确定所述背景颜色的明度为所述基础颜色的明度与目标明度的差值,所述目标明度为所述基础颜色的明度所属的明度区间对应的明度,所述明度区间对应的明度与所述明度区间的中心明度值正相关。
示例性的,明度区间与明度的对应关系可以如下表1所示:
表1
明度区间 对应的明度
[100,90] 55
(90,80] 50
(80,70] 45
(70,60] 40
(60,50] 35
(50,40] 30
(40,30] 25
(30,25] 20
(25,20] 15
(20,15] 10
(15,10] 7
(10,5] 3
(5,0] 2
设:基础颜色的明度、饱和度、明度分别为H 0、S 0、V 0,背景颜色的明度、饱和度、明度分别为H 3、S 3、V 3,阈值饱和度为S 阈值,预设饱和度为a,明度区间与明度的对应关系如上表1所示,则有:
H 3=H 0
Figure PCTCN2022118617-appb-000003
V 3=V 0-c
其中,当100≥V 0≥90时,c=55;当90>V 0≥80时,c=50;当80>V 0≥70时,c=45;当70>V 0≥60时,c=40;当60>V 0≥50时,c=35;当50>V 0≥40时,c=30;当40>V 0≥30时,c=25;当30>V 0≥25时,c=20;当25>V 0≥20时,c=15;当20>V 0≥15时,c=15;当15>V 0≥10时,c=7;当10>V 0≥5时,c=3;当5>V 0≥0时,c=2。
由于上述实施例可以根据音频文件的封面图像确定音效展示界面中的第一颜色、第二颜色以及背景颜色,因此本申请实施例可以音效展示界面的颜色与封面图像更加匹配相关,进而提升用户的视觉体验体验。
基于同一发明构思,作为对上述方法的实现,本申请实施例还提供了一种终端设备,该装置实施例与前述方法实施例对应,为便于阅读,本装置实施例不再对前述方法实施例中的细节内容进行逐一赘述,但应当明确,本实施例中的终端设备能够对应实现前述方法实施例中的全部内容。
本申请实施例提供了一种终端设备。图10为该终端设备的结构示意图,如图10所示,该终端设备100包括:
接收单元101,用于接收对目标音频文件输入的第一操作;
显示单元102,用于响应于所述第一操作,显示所述目标音频文件对应的音效展示界面;
其中,所述音效展示界面包括:所述目标音频文件对应的封面图像、音波展示元素以及类陀螺仪;所述音波展示元素为沿所述封面图像的边缘设置的环面,用于根据所述目标音频文件的预设声音属性向所述封面图像所在区域扩张,以形成所述目标音频文件的预设声音属性对应的音波波形;所述类陀螺仪包括至少两个以预设方式沿自转轴自转的光环,至少两个所述光环的自转轴均为位于所述封面图像所在平面内的对称轴,且至少两个所述光环的自转轴相交于所述封面图像的几何中心。
在一些实施方式中,所述类陀螺仪显示于所述音效展示界面的第一图层上,所述音波展示元素显示于所述音效展示界面的第二图层上,所述封面图像显示于所述音效展示界面的第三图层上;
所述第一图层位于所述第二图层的上方,所述第二图层位于所述第三图层的上方。
在一些实施方式中,所述显示单元102,还用于对所述音波展示元素进行模糊处理。
在一些实施方式中,所述显示单元102,具体用于生成所述类陀螺仪对应的第一序列帧;所述第一序列帧的各个图像帧中所述光环的自转位置依次变化;在所述第一图层上循环播放所述第一序列帧,以显示所述目标音频文件对应的音波展示界面。
在一些实施方式中,所述音效展示界面还包括:位于所述第三图层下方的第四图层以及位于所述第四图层下方的第五图层;
所述第四图层用于显示第一图形的边界,所述第五图层用于显示第二图形的边界;所述第一图形和所述第二图形均与所述封面图像为相似图形,且所述第一图形的几何中心、所述第二图形的几何中心以及所述封面图像的几何中心位于同一点,所述第一图形的面积大于所述封面图像的面积,所述第二图形的面积大于所述第一图形的面积。
在一些实施方式中,所述显示单元102还用于对所述第一图形的边界和所述第二图形的 边界进行模糊处理。
在一些实施方式中,所述显示单元用于获取所述音效展示界面的偏转角度,所述偏转角度为垂直于所述音效展示界面的方向与重力方向的夹角;根据所述偏转角度控制所述第一图层、所述第二图层、所述第三图层、所述第四图层以及所述第五图层分别在对应的偏移范围内偏移。
在一些实施方式中,所述音效展示界面还包括:位于所述第五图层下方的第六图层、位于所述第六图层下方的第七图层以及位于所述第七图层下方的第八图层;
所述第六图层用于显示点阵图像,所述第七图层用于显示流光图像,所述第八图层用于显示网格图像,所述点阵图像为三维点阵的投影图像;所述流光图像包括多个沿所述网格图像中的网格的边传播的流光线条,所述网格图像由包括多个水平线和多个竖直线相交形成的网格。
在一些实施方式中,所述显示单元102,具体用于生成所述流光图像对应的第二序列帧;所述第二序列帧的各个图像帧中所述流光线条的位置依次变化;在所述第七图层上循环播放所述第二序列帧,以显示所述目标音频文件对应的音波展示界面。
在一些实施方式中,所述音波展示元素的第一位置的颜色为第一颜色,所述音波展示元素的第二位置的颜色为第二颜色;
在所述音波展示元素的所述第一位置到所述第二位置之间,所述音波展示元素的颜色由所述第一颜色渐变为所述第二颜色。
在一些实施方式中,所述显示单元102,还用于在显示所述目标音频文件对应的音效展示界面之前,获取所述封面图像的各个像素点的平均颜色值;将所述平均颜色值转换为HSV颜色空间中的颜色,获取基础颜色;根据所述基础颜色确定所述第一颜色、所述第二颜色以及所述音效展示界面的背景颜色。
在一些实施方式中,所述显示单元102,具体用于确定所述第一颜色的色相与所述基础颜色的色相相同;若所述基础颜色的饱和度大于或等于阈值饱和度,则确定所述第一颜色的饱和度与所述基础颜色的饱和度相同;若所述基础颜色的饱和度小于所述阈值饱和度,则确定所述第一颜色的饱和度为所述基础颜色的饱和度与预设饱和度的和;确定所述第一颜色的明度为最大明度值。
在一些实施方式中,所述显示单元102,具体用于确定所述第二颜色的色相为所述基础颜色的色相与预设色相的和;若所述基础颜色的饱和度大于或等于阈值饱和度,则确定所述第二颜色的饱和度与所述基础颜色的饱和度相同;若所述基础颜色的饱和度小于所述阈值饱和度,则确定所述第二颜色的饱和度为所述基础颜色的饱和度与预设饱和度的和;确定所述第二颜色的明度为最大明度值。
在一些实施方式中,所述显示单元102,具体用于确定所述背景颜色的色相与所述基础颜色的色相相同;若所述基础颜色的饱和度大于或等于阈值饱和度,则确定所述背景颜色的饱和度与所述基础颜色的饱和度相同;若所述基础颜色的饱和度小于所述阈值饱和度,则确定所述背景颜色的饱和度为所述基础颜色的饱和度与预设饱和度的和;确定所述背景颜色的明度为所述基础颜色的明度与目标明度的差值,所述目标明度为所述基础颜色的明度所属的明度区间对应的明度,所述明度区间对应的明度与所述明度区间的中心明度值正相关。
在一些实施方式中,所述第一位置和第二位置分别为目标直线与所述音波展示元素的两个交点位置;所述目标直线第一平面内经过所述音波展示元素的几何中心且与水平方向的夹角为预设角度的直线。
本实施例提供的终端设备可以执行上述方法实施例提供的音效展示方法,其实现原理与技术效果类似,此处不再赘述。
基于同一发明构思,本申请实施例还提供了一种电子设备。图11为本申请实施例提供的电子设备的结构示意图,如图11所示,本实施例提供的电子设备包括:存储器111和处理器112,所述存储器111用于存储计算机程序;所述处理器112用于在调用执行计算机程序时,使得所述电子设备实现上述实施例提供的音效展示方法。
本申请实施例还提供一种计算机可读存储介质,所述计算机可读存储介质上存储有计算机程序,当所述计算机程序被计算设备执行时,使得所述计算设备实现上述实施例提供的音效展示方法。
本申请实施例还提供一种计算机程序产品,当所述计算机程序产品在计算机上运行时,使得所述计算机实现上述实施例提供的音效展示方法。
本领域技术人员应明白,本申请的实施例可提供为方法、***、或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质上实施的计算机程序产品的形式。
处理器可以是中央处理单元(Central Processing Unit,CPU),还可以是其他通用处理器、数字信号处理器(Digital Signal Processor,DSP)、专用集成电路(Application Specific Integrated Circuit,ASIC)、现成可编程门阵列(Field-Programmable Gate Array,FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。
存储器可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM)。存储器是计算机可读介质的示例。
计算机可读介质包括永久性和非永久性、可移动和非可移动存储介质。存储介质可以由任何方法或技术来实现信息存储,信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带,磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。根据本文中的界定,计算机可读介质不包括暂存电脑可读媒体(transitory media),如调制的数据信号和载波。
最后应说明的是:以上各实施例仅用以说明本申请的技术方案,而非对其限制;尽管参照前述各实施例对本申请进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分或者全部技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本申请各实施例技术方案的范围。

Claims (19)

  1. 一种音效展示方法,其包括:
    接收对目标音频文件输入的第一操作;
    响应于所述第一操作,显示所述目标音频文件对应的音效展示界面;
    其中,所述音效展示界面包括:所述目标音频文件对应的封面图像、音波展示元素以及类陀螺仪;所述音波展示元素为沿所述封面图像的边缘设置的环面,用于根据所述目标音频文件的预设声音属性向所述封面图像所在区域扩张,形成所述目标音频文件的预设声音属性对应的音波波形;所述类陀螺仪包括至少两个以预设方式沿自转轴自转的光环,至少两个所述光环的自转轴均为位于所述封面图像所在平面内的对称轴,且至少两个所述光环的自转轴相交于所述封面图像的几何中心。
  2. 根据权利要求1所述的方法,其中,所述类陀螺仪显示于所述音效展示界面的第一图层上,所述音波展示元素显示于所述音效展示界面的第二图层上,所述封面图像显示于所述音效展示界面的第三图层上;
    所述第一图层位于所述第二图层的上方,所述第二图层位于所述第三图层的上方。
  3. 根据权利要求2所述的方法,其中,所述方法还包括:
    对所述音波展示元素进行模糊处理。
  4. 根据权利要求2所述的方法,其中,所述显示所述目标音频文件对应的音效展示界面,包括:
    生成所述类陀螺仪对应的第一序列帧;所述第一序列帧的各个图像帧中所述光环的自转位置依次变化;
    在所述第一图层上循环播放所述第一序列帧,以显示所述目标音频文件对应的音效展示界面。
  5. 根据权利要求2所述的方法,其中,所述音效展示界面还包括:位于所述第三图层下方的第四图层以及位于所述第四图层下方的第五图层;
    所述第四图层用于显示第一图形的边界,所述第五图层用于显示第二图形的边界;所述第一图形和所述第二图形均与所述封面图像为相似图形,且所述第一图形的几何中心、所述第二图形的几何中心以及所述封面图像的几何中心位于同一点,所述第一图形的面积大于所述封面图像的面积,所述第二图形的面积大于所述第一图形的面积。
  6. 根据权利要求5所述的方法,其中,所述方法还包括:
    对所述第一图形的边界和所述第二图形的边界进行模糊处理。
  7. 根据权利要求5所述的方法,其中,所述方法还包括:
    获取所述音效展示界面的偏转角度,所述偏转角度为垂直于所述音效展示界面的方向与 重力方向的夹角;
    根据所述偏转角度控制所述第一图层、所述第二图层、所述第三图层、所述第四图层以及所述第五图层分别在对应的偏移范围内偏移。
  8. 根据权利要求5所述的方法,其中,所述音效展示界面还包括:位于所述第五图层下方的第六图层、位于所述第六图层下方的第七图层以及位于所述第七图层下方的第八图层;
    所述第六图层用于显示点阵图像,所述第七图层用于显示流光图像,所述第八图层用于显示网格图像,所述点阵图像为三维点阵的投影图像;所述流光图像包括多个沿所述网格图像中的网格的边传播的流光线条,所述网格图像由包括多个水平线和多个竖直线相交形成的网格。
  9. 根据权利要求8所述的方法,其中,所述显示所述目标音频文件对应的音效展示界面,包括:
    生成所述流光图像对应的第二序列帧;所述第二序列帧的各个图像帧中所述流光线条的位置依次变化;
    在所述第七图层上循环播放所述第二序列帧,以显示所述目标音频文件对应的音效展示界面。
  10. 根据权利要求1-9任一所述的方法,其中,所述音波展示元素的第一位置的颜色为第一颜色,所述音波展示元素的第二位置的颜色为第二颜色;
    在所述音波展示元素的所述第一位置到所述第二位置之间,所述音波展示元素的颜色由所述第一颜色渐变为所述第二颜色。
  11. 根据权利要求10所述的方法,其中,在显示所述目标音频文件对应的音效展示界面之前,所述方法还包括:
    获取所述封面图像的各个像素点的平均颜色值;
    将所述平均颜色值转换为HSV颜色空间中的颜色,获取基础颜色;
    根据所述基础颜色确定所述第一颜色、所述第二颜色以及所述音效展示界面的背景颜色。
  12. 根据权利要求11所述的方法,其中,所述根据所述基础颜色确定所述第一颜色,包括:
    确定所述第一颜色的色相与所述基础颜色的色相相同;
    若所述基础颜色的饱和度大于或等于阈值饱和度,则确定所述第一颜色的饱和度与所述基础颜色的饱和度相同;若所述基础颜色的饱和度小于所述阈值饱和度,则确定所述第一颜色的饱和度为所述基础颜色的饱和度与预设饱和度的和;
    确定所述第一颜色的明度为最大明度值。
  13. 根据权利要求11所述的方法,其中,所述根据所述基础颜色确定所述第二颜色,包 括:
    确定所述第二颜色的色相为所述基础颜色的色相与预设色相的和;
    若所述基础颜色的饱和度大于或等于阈值饱和度,则确定所述第二颜色的饱和度与所述基础颜色的饱和度相同;若所述基础颜色的饱和度小于所述阈值饱和度,则确定所述第二颜色的饱和度为所述基础颜色的饱和度与预设饱和度的和;
    确定所述第二颜色的明度为最大明度值。
  14. 根据权利要求11所述的方法,其中,所述根据所述基础颜色确定所述背景颜色,包括:
    确定所述背景颜色的色相与所述基础颜色的色相相同;
    若所述基础颜色的饱和度大于或等于阈值饱和度,则确定所述背景颜色的饱和度与所述基础颜色的饱和度相同;若所述基础颜色的饱和度小于所述阈值饱和度,则确定所述背景颜色的饱和度为所述基础颜色的饱和度与预设饱和度的和;
    确定所述背景颜色的明度为所述基础颜色的明度与目标明度的差值,所述目标明度为所述基础颜色的明度所属的明度区间对应的明度,所述明度区间对应的明度与所述明度区间的中心明度值正相关。
  15. 根据权利要求10所述的方法,其中,所述第一位置和第二位置分别为目标直线与所述音波展示元素的两个交点位置;所述目标直线第一平面内经过所述音波展示元素的几何中心且与水平方向的夹角为预设角度的直线。
  16. 一种终端设备,其包括:
    接收单元,用于接收对目标音频文件输入的第一操作;
    显示单元,用于响应于所述第一操作,显示所述目标音频文件对应的音效展示界面;
    其中,所述音效展示界面包括:所述目标音频文件对应的封面图像、音波展示元素以及类陀螺仪;所述音波展示元素为沿所述封面图像的边缘设置的环面,用于根据所述目标音频文件的预设声音属性向所述封面图像所在区域扩张,以形成所述目标音频文件的预设声音属性对应的音波波形;所述类陀螺仪包括至少两个以预设方式沿自转轴自转的光环,至少两个所述光环的自转轴均为位于所述封面图像所在平面内的对称轴,且至少两个所述光环的自转轴相交于所述封面图像的几何中心。
  17. 一种电子设备,其包括:存储器和处理器,所述存储器用于存储计算机程序;所述处理器用于在调用所述计算机程序时,使得所述电子设备实现权利要求1-15任一项所述的音效展示方法。
  18. 一种计算机可读存储介质,其中,所述计算机可读存储介质上存储有计算机程序,当所述计算机程序被计算设备执行时,使得所述计算设备实现权利要求1-15任一项所述的 音效展示方法。
  19. 一种计算机程序产品,其中,当所述计算机程序产品在计算机上运行时,使得所述计算机实现权利要求1-15任一项所述的音效展示方法。
PCT/CN2022/118617 2021-10-25 2022-09-14 一种音效展示方法及终端设备 WO2023071571A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202111243078.2A CN113885829B (zh) 2021-10-25 2021-10-25 一种音效展示方法及终端设备
CN202111243078.2 2021-10-25

Publications (2)

Publication Number Publication Date
WO2023071571A1 true WO2023071571A1 (zh) 2023-05-04
WO2023071571A9 WO2023071571A9 (zh) 2024-02-01

Family

ID=79014090

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2022/118617 WO2023071571A1 (zh) 2021-10-25 2022-09-14 一种音效展示方法及终端设备

Country Status (2)

Country Link
CN (1) CN113885829B (zh)
WO (1) WO2023071571A1 (zh)

Families Citing this family (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113885829B (zh) * 2021-10-25 2023-10-31 北京字跳网络技术有限公司 一种音效展示方法及终端设备
CN114003150A (zh) * 2021-10-25 2022-02-01 北京字跳网络技术有限公司 一种音效展示方法及终端设备

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101080065A (zh) * 2006-05-24 2007-11-28 三星电子株式会社 提供待机屏幕图层的方法及提供待机屏幕的方法
CN106468997A (zh) * 2016-09-13 2017-03-01 华为机器有限公司 信息的显示方法和终端
CN108776565A (zh) * 2018-05-22 2018-11-09 北京金山安全软件有限公司 一种动画显示方法、装置、电子设备及存储介质
CN113885829A (zh) * 2021-10-25 2022-01-04 北京字跳网络技术有限公司 一种音效展示方法及终端设备

Family Cites Families (17)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN202445728U (zh) * 2012-02-20 2012-09-26 孙健 一种动感音乐杯
US9378611B2 (en) * 2013-02-11 2016-06-28 Incredible Technologies, Inc. Automated adjustment of audio effects in electronic game
CN104090883B (zh) * 2013-11-15 2017-05-17 广州酷狗计算机科技有限公司 一种音频文件的播控处理方法及装置
US9927957B1 (en) * 2014-12-11 2018-03-27 Audible, Inc. Rotary navigation of synchronized content
WO2017136854A1 (en) * 2016-02-05 2017-08-10 New Resonance, Llc Mapping characteristics of music into a visual display
CN106468998B (zh) * 2016-09-23 2019-10-22 华为机器有限公司 一种信息的显示方法以及终端
CN106445542B (zh) * 2016-09-30 2020-02-28 广州华多网络科技有限公司 一种在播放器上模拟音频波形的方法和装置
CN106502606B (zh) * 2016-10-19 2020-04-28 华为机器有限公司 一种显示边缘图像的方法和电子设备
CN106598537A (zh) * 2016-11-16 2017-04-26 上海斐讯数据通信技术有限公司 移动终端音乐播放的控制方法、***及移动终端
CN206762260U (zh) * 2017-06-06 2017-12-19 东莞市乐氏电子科技有限公司 一种具有蓝牙音响功能的指尖陀螺
CN108960250B (zh) * 2018-05-07 2020-08-25 广东数相智能科技有限公司 图像至旋律的转换方法、装置与计算机可读存储介质
CN110570841A (zh) * 2019-09-12 2019-12-13 腾讯科技(深圳)有限公司 多媒体播放界面的处理方法、装置、客户端及介质
CN112738634B (zh) * 2019-10-14 2022-08-02 北京字节跳动网络技术有限公司 视频文件的生成方法、装置、终端及存储介质
CN112883223A (zh) * 2019-11-29 2021-06-01 阿里巴巴集团控股有限公司 音频展示方法、装置、电子设备及计算机存储介质
CN113284523A (zh) * 2020-02-20 2021-08-20 腾讯数码(天津)有限公司 一种动效显示方法、装置、计算机设备和存储介质
CN112380379B (zh) * 2020-11-18 2023-05-02 抖音视界有限公司 歌词特效展示方法、装置、电子设备及计算机可读介质
CN113192152A (zh) * 2021-05-24 2021-07-30 腾讯音乐娱乐科技(深圳)有限公司 基于音频的图像生成方法、电子设备及存储介质

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101080065A (zh) * 2006-05-24 2007-11-28 三星电子株式会社 提供待机屏幕图层的方法及提供待机屏幕的方法
CN106468997A (zh) * 2016-09-13 2017-03-01 华为机器有限公司 信息的显示方法和终端
CN108776565A (zh) * 2018-05-22 2018-11-09 北京金山安全软件有限公司 一种动画显示方法、装置、电子设备及存储介质
CN113885829A (zh) * 2021-10-25 2022-01-04 北京字跳网络技术有限公司 一种音效展示方法及终端设备

Also Published As

Publication number Publication date
CN113885829B (zh) 2023-10-31
CN113885829A (zh) 2022-01-04
WO2023071571A9 (zh) 2024-02-01

Similar Documents

Publication Publication Date Title
WO2023071571A1 (zh) 一种音效展示方法及终端设备
US10388004B2 (en) Image processing method and apparatus
US10311548B2 (en) Scaling render targets to a higher rendering resolution to display higher quality video frames
WO2021143564A1 (zh) 直播控制方法和装置、电子设备、直播***及存储介质
WO2023071572A1 (zh) 一种音效展示方法及终端设备
CN107273079B (zh) 关联信息显示、图谱处理方法、装置、介质、设备和***
US20220122233A1 (en) Method and apparatus for presenting image for virtual reality device, device and non-transitory computer-readable storage medium
TW201816713A (zh) 在移動設備上動畫展現圖像的方法和裝置
TWI698834B (zh) 用於圖形處理之方法及裝置
WO2024001360A1 (zh) 绿幕抠图方法、装置及电子设备
CN102855482A (zh) 图片处理方法及装置
WO2023071596A1 (zh) 一种音效展示方法及终端设备
JP2023552771A (ja) 動画投稿の方法、装置、デバイス及び媒体
US8908964B2 (en) Color correction for digital images
WO2023071595A1 (zh) 一种音效展示方法及终端设备
US9678640B2 (en) View management architecture
CN107071574A (zh) 智能电视页面跳转方法
WO2023193664A1 (zh) 图像处理方法、装置及电子设备
WO2023103682A1 (zh) 图像处理方法、装置、设备及介质
WO2023124318A1 (zh) 媒体文件的展示处理方法、装置、电子设备和可读存储介质
US20120070080A1 (en) Color correction for digital images
TWI720628B (zh) 一種視頻圖像亮度、對比度增強方法、存儲介質及電子設備
CN116843812A (zh) 一种图像渲染方法、装置及电子设备
WO2023125097A1 (zh) 一种视频合成方法及装置
US8861894B2 (en) Methods and apparatus for edge-aware pixel data generation

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 22885458

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE