WO2024077492A1

WO2024077492A1 - Playback interface displaying method and apparatus, device, medium and program product

Info

Publication number: WO2024077492A1
Application number: PCT/CN2022/124701
Authority: WO
Inventors: 孙天塬; 黄逸琛; 梁俊文; 王志杰; 胡州华; 吴鸿琦; 党正军; 杨亚斌; 陈宙炜; 刘春宇; 张璞
Original assignee: 广州酷狗计算机科技有限公司
Priority date: 2022-10-11
Filing date: 2022-10-11
Publication date: 2024-04-18
Also published as: CN115997196A

Abstract

Provided are a playback interface displaying method and apparatus, a device, a medium and a program product, relating to the technical field of players. The method comprises: displaying an audio playback interface, wherein the audio playback interface comprises a three-dimensional shell element corresponding to a target audio work, and a three-dimensional audio carrier element is contained in the three-dimensional shell element; and displaying an opening animation of the three-dimensional shell element in response to switching of the target audio work to a playback state, so that the three-dimensional audio carrier element is displayed from the three-dimensional shell element along with the opening of the three-dimensional shell element.

Description

Playback interface display method, device, equipment, medium and program product

Technical Field

The embodiments of the present application relate to the field of player technology, and in particular to a method, device, equipment, medium and program product for displaying a playback interface.

Background technique

In a multimedia playback application, for example, a music application, when playing music, a music display area and an operation area are usually displayed in the music playback interface.

In the related art, the music display area will simply display the lyrics of the music being played, related album pictures, or music videos related to the music; in response to the user's operations such as play, pause, and song change in the operation area, the display information in the music display area will change accordingly.

However, in the related art, only music-related information can be simply displayed in the music display area, and the human-computer interaction efficiency is low.

Summary of the invention

The embodiments of the present application provide a method, device, equipment, medium and program product for displaying a playback interface, which can improve the human-computer interaction efficiency on the playback interface. The technical solution is as follows:

In one aspect, a method for displaying a playback interface is provided, the method comprising:

Displaying an audio playback interface, wherein the audio playback interface includes a three-dimensional shell element corresponding to the target audio work, wherein the three-dimensional shell element contains a three-dimensional audio carrier element;

In response to the target audio work being switched to a playing state, an opening animation of the three-dimensional shell element is displayed, and the three-dimensional audio carrier element appears from the three-dimensional shell element as the three-dimensional shell element opens.

In another aspect, a display device for a playback interface is provided, the device comprising:

A display module, used for displaying an audio playback interface, wherein the audio playback interface includes a three-dimensional shell element corresponding to the target audio work, wherein the three-dimensional shell element contains a three-dimensional audio carrier element;

The display module is also used to display the opening animation of the three-dimensional shell element in response to the target audio work switching to the playing state, and the three-dimensional audio carrier element appears from the three-dimensional shell element as the three-dimensional shell element opens.

On the other hand, a computer device is provided, comprising a processor and a memory, wherein the memory stores at least one instruction, at least one program, a code set or an instruction set, and the at least one instruction, the at least one program, the code set or the instruction set is loaded and executed by the processor to implement a method for displaying a playback interface as described in any of the above embodiments.

On the other hand, a computer-readable storage medium is provided, in which at least one instruction, at least one program, a code set or an instruction set is stored, and the at least one instruction, the at least one program, the code set or the instruction set is loaded and executed by a processor to implement a method for displaying a playback interface as described in any of the above embodiments.

On the other hand, a computer program product or a computer program is provided, the computer program product or the computer program includes a computer instruction, the computer instruction is stored in a computer-readable storage medium. A processor of a computer device reads the computer instruction from the computer-readable storage medium, and the processor executes the computer instruction, so that the computer device executes the display method of the playback interface described in any of the above embodiments.

The beneficial effects brought by the technical solution provided by the embodiment of the present application include at least:

By switching the target audio work to the playback state, the opening animation of the three-dimensional shell element is displayed on the audio playback interface, and the three-dimensional audio carrier element appears from the three-dimensional shell element as the three-dimensional shell element opens. In the process of switching the target audio state, the corresponding animation effect is displayed on the audio playback interface, which enriches the interaction form between user operation and interface display and improves the efficiency of human-computer interaction.

BRIEF DESCRIPTION OF THE DRAWINGS

In order to more clearly illustrate the technical solutions in the embodiments of the present application, the drawings required for use in the description of the embodiments will be briefly introduced below. Obviously, the drawings described below are only some embodiments of the present application. For ordinary technicians in this field, other drawings can be obtained based on these drawings without paying any creative work.

FIG1 is a flow chart of an implementation environment provided by an exemplary embodiment of the present application;

FIG2 is a flow chart of a method for displaying a playback interface provided by an exemplary embodiment of the present application;

FIG3 is a flow chart of a method for displaying a playback interface provided by another exemplary embodiment of the present application;

FIG4 is a schematic diagram of an animation display interface of a playback interface provided by an exemplary embodiment of the present application;

FIG5 is a schematic diagram of a plane display of a three-dimensional album element and a three-dimensional optical disc element provided by an exemplary embodiment of the present application;

FIG6 is a schematic diagram showing a spectrum animation provided by an exemplary embodiment of the present application;

FIG7 is a schematic diagram showing a background zoom animation provided by an exemplary embodiment of the present application;

FIG8 is a display diagram of a text dissipation animation provided by an exemplary embodiment of the present application;

FIG9 is a flowchart of a method for displaying a playback interface provided by yet another exemplary embodiment of the present application;

FIG10 is a schematic diagram of an animation display interface of a playback interface provided by another exemplary embodiment of the present application;

FIG11 is a flowchart of a method for displaying a playback interface provided by yet another exemplary embodiment of the present application;

FIG12 is a structural block diagram of a display device for a playback interface provided by an exemplary embodiment of the present application;

FIG13 is a structural block diagram of a display device for a playback interface provided by another exemplary embodiment of the present application;

FIG. 14 is a structural block diagram of a computer device provided by an exemplary embodiment of the present application.

Detailed ways

In order to make the purpose, technical solution and advantages of the present application clearer, the implementation mode of the present application will be further described in detail below in conjunction with the accompanying drawings. Obviously, the described embodiments are part of the embodiments of the present application, rather than all the embodiments. Based on the embodiments in the present application, all other embodiments obtained by ordinary technicians in this field without making creative work are within the scope of protection of the present application.

In this application, the terms "first", "second", etc. are used to distinguish identical or similar items with substantially the same effects and functions. It should be understood that there is no logical or temporal dependency between "first" and "second", nor is there any limitation on quantity and execution order.

In the related art, the music display area will simply display the lyrics of the music being played, the related album pictures, or the music short films related to the music, etc.; in response to the user's operation of playing, pausing and switching songs in the operation area, the display information in the music display area will change accordingly. However, in the related art, the music display area can only simply display the music-related information, and the human-computer interaction efficiency is low.

An embodiment of the present application provides a method for displaying a playback interface, which switches the target audio work to a playback state, displays an opening animation of a three-dimensional shell element on the audio playback interface, and a three-dimensional audio carrier element appears from the three-dimensional shell element as the three-dimensional shell element opens, so that in the process of switching the target audio state, a corresponding animation effect is displayed on the audio playback interface, thereby enriching the interaction form between user operation and interface display and improving the efficiency of human-computer interaction.

Figure 1 is a schematic diagram of an implementation environment provided by an exemplary embodiment of the present application. As shown in Figure 1, the implementation environment includes a terminal 110 and a server 120. The terminal 110 and the server 120 are connected via a communication network 130. In some optional embodiments, the communication network 130 can be a wired network or a wireless network, which is not limited in this embodiment.

In some optional embodiments, the terminal 110 is a smart phone, a tablet computer, a laptop computer, a desktop computer, a smart home appliance, a smart car terminal, a smart speaker, a digital camera, etc., but is not limited thereto. The terminal 110 is installed with a target application. Schematically, the target application can be a traditional application, a cloud application, a small program or an application module in a host application, or a web page platform, which is not limited in this embodiment. The target application provides a three-dimensional animation display function and an audio playback function.

In some optional embodiments, the server 120 provides background services for the target application installed in the terminal. Schematically, when the terminal 110 receives the target audio work playback operation, it sends the target audio work playback instruction to the server 120; after receiving the target audio work playback instruction, the server 120 feeds back the audio playback interface rendering data to the terminal 110; when the terminal 110 receives the audio playback interface rendering data, the opening animation of the three-dimensional shell element corresponding to the target audio work is displayed on the audio playback interface of the terminal 110, and the three-dimensional audio carrier element appears from the three-dimensional shell element as the three-dimensional shell element opens.

In some optional embodiments, the above-mentioned audio playback interface rendering data is offline data, that is, the terminal 110 can directly read the locally stored audio playback interface rendering data, and then render and display it on the audio playback interface.

It is worth noting that the server 120 can be an independent physical server, a server cluster or a distributed system composed of multiple physical servers, or a cloud server that provides basic cloud computing services such as cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communications, middleware services, domain name services, security services, CDN (Content Delivery Network), and big data and artificial intelligence platforms. Optionally, the server 120 can also be implemented as a node in the blockchain system.

It should be noted that the information (including but not limited to user device information, user personal information, etc.), data (including but not limited to data used for analysis, stored data, displayed data, etc.) and signals involved in this application are all authorized by the user or fully authorized by all parties, and the collection, use and processing of relevant data must comply with relevant laws, regulations and standards of relevant countries and regions. For example, the three-dimensional shell elements and three-dimensional audio carrier elements involved in this application are obtained with full authorization.

In combination with the above introduction and implementation environment, FIG2 is a flowchart of a method for displaying a playback interface provided by an embodiment of the present application, and the method is described by taking the method applied to the terminal shown in FIG1 as an example. The method includes:

Step 201, displaying the audio playback interface.

Among them, the audio playback interface includes a three-dimensional shell element corresponding to the target audio work, and the three-dimensional shell element contains a three-dimensional audio carrier element.

The audio playback interface is used to play the target audio work. Optionally, the audio playback interface includes a player element display area, which is implemented as a three-dimensional display space for displaying three-dimensional shell elements and three-dimensional audio carrier elements. Schematically, the terminal can obtain the coordinates of each vertex of the three-dimensional shell element and the three-dimensional audio carrier element, and transform them into the three-dimensional display space of the audio playback interface through the projection matrix to achieve the stereoscopic effect of the three-dimensional shell element and the three-dimensional audio carrier element.

Optionally, a three-dimensional audio carrier element refers to an element related to the playing of audio works, such as a three-dimensional optical disc element, a three-dimensional magnetic tape element, etc.; a three-dimensional shell element refers to an element that can accommodate a three-dimensional audio carrier element, such as a three-dimensional album element that can accommodate a three-dimensional optical disc element, the three-dimensional album element can be implemented in the form of an optical disc shell, and the three-dimensional album element can be opened like a physical optical disc shell to simulate the stereoscopic effect of opening an optical disc shell in the physical world; or, a three-dimensional tape box element that can accommodate a three-dimensional magnetic tape element, the three-dimensional tape box element can be opened like a physical tape box to simulate the stereoscopic effect of opening a tape box in the physical world.

Optionally, in the audio playback interface, the three-dimensional audio carrier element is completely contained in the three-dimensional shell element, that is, at this moment the three-dimensional audio carrier element is invisible in the audio playback interface, and indicatively, the three-dimensional optical disc element is contained in the three-dimensional album element, and only the three-dimensional album element is visible in the audio playback interface; in the audio playback interface, the three-dimensional audio carrier element is partially contained in the three-dimensional shell element, that is, at this moment the three-dimensional audio carrier element is visible in the audio playback interface, and indicatively, a part of the three-dimensional optical disc element is moved from the three-dimensional album element, and this part is visible in the audio playback interface, and the other part is contained in the three-dimensional shell element and is invisible in the audio playback interface.

Optionally, the method for displaying the audio playback interface includes at least one of the following methods:

1. In response to receiving a selection operation on a target audio work in a target list, displaying an audio playback interface.

Illustratively, the user can click on the target song to be played in the playlist interface of the target application, and the playlist interface will jump to the audio playback interface, displaying the three-dimensional shell element and three-dimensional audio carrier element corresponding to the target song.

2. In response to receiving a switch operation to switch to a target audio work in the audio playback interface, display the audio playback interface.

Illustratively, the user is currently playing other songs in the audio playback interface. When the user clicks the next/previous song control, the other songs being played can be switched to the target song, and the three-dimensional shell element and three-dimensional audio carrier element corresponding to the target song will be displayed.

3. In response to the target audio work being in a playback pause state, displaying an audio playback interface.

Indicatively, when the target song is in a playback pause state in the audio playback interface, the three-dimensional shell element and three-dimensional audio carrier element corresponding to the target song will also be displayed.

Step 202, in response to the target audio work switching to the playing state, the opening animation of the three-dimensional shell element is displayed, and the three-dimensional audio carrier element appears from the three-dimensional shell element as the three-dimensional shell element opens.

Optionally, switching to the playback state means loading the target audio work in an audio playback interface that does not load any audio work, and playing the target audio work; or, switching to the playback state means switching the target audio work in a paused state to a playback state in the audio playback interface; or, switching to the playback state means switching other audio works to the target audio work in an audio playback interface that is loaded with other audio works, and playing the target audio work.

Optionally, when the target audio work switches to the playback state, the three-dimensional shell element and the three-dimensional audio carrier element may cut into the audio playback interface from the specified edge of the audio playback interface, and then display the opening animation of the three-dimensional shell element; or, when the target audio work switches to the playback state, the three-dimensional shell element and the three-dimensional audio carrier element will be directly displayed in the audio playback interface, and then display the opening animation of the three-dimensional shell element.

Optionally, the three-dimensional shell element can be implemented as an openable three-dimensional box structure, and the opening animation of the three-dimensional shell element is to expand the accommodation space of the box. Schematically, if the three-dimensional box structure includes an upper box and a lower box, the opening animation is implemented as an opening animation in which the lower box is fixed and the upper box is opened upward; or, the opening animation is implemented as an opening animation in which the upper box is fixed and the lower box is opened downward; or, the opening animation is implemented as an opening animation in which the upper box is opened upward and the lower box is opened downward.

Optionally, the three-dimensional audio carrier element appears from the three-dimensional shell element as the three-dimensional shell element is opened, which includes at least one of the following situations:

Case 1: The three-dimensional audio carrier element switches from a completely invisible state to a completely visible state as the three-dimensional shell element is opened.

Indicatively, at the beginning moment of the playback of the target audio work, the three-dimensional audio carrier element is completely contained in the three-dimensional shell element and is invisible in the audio playback interface; when the opening animation of the three-dimensional shell element ends, the three-dimensional audio carrier element will appear and be fully displayed in the audio playback interface.

Case 2: As the three-dimensional shell element is opened, the three-dimensional audio carrier element switches from a completely invisible state to a partially visible state.

Indicatively, at the beginning moment of the playback of the target audio work, the three-dimensional audio carrier element is completely contained in the three-dimensional shell element and is invisible in the audio playback interface; at the end moment of the opening animation of the three-dimensional shell element, a part of the three-dimensional audio carrier element will appear and be visible in the audio playback interface, and the other part is contained in the three-dimensional shell element and is invisible in the audio playback interface.

Case 3: As the 3D shell element is opened, the 3D audio carrier element switches from a partially visible state to a fully visible state.

Indicatively, at the beginning moment of the playback of the target audio work, a part of the three-dimensional audio carrier element is in the three-dimensional shell element, and this part will begin to appear as the three-dimensional shell element opens; when the opening animation of the three-dimensional shell element ends, this part will be fully revealed, that is to say, when the opening animation of the three-dimensional shell element ends, the three-dimensional audio carrier element is fully visible in the audio playback interface.

Case 4: As the three-dimensional shell element is opened, the three-dimensional audio carrier element switches from a first-part visible state to a second-part visible state, wherein the first part accounts for a smaller proportion of the three-dimensional audio carrier element than the second part.

Indicatively, at the beginning moment of the playback of the target audio work, a part of the three-dimensional audio carrier element is in the three-dimensional shell element, and this part will begin to appear as the three-dimensional shell element opens; at the end of the opening animation of the three-dimensional shell element, this part will not be fully revealed, and only a small part will be displayed, that is to say, when the opening animation of the three-dimensional shell element ends, a part of the three-dimensional audio carrier element is still in the three-dimensional shell element and is invisible.

In some optional embodiments, in response to the target audio work switching to the playing state, the target audio work will be played on the audio playing interface; at the same time, the rotation animation of the three-dimensional audio carrier element will be displayed.

Schematically, taking the example of implementing the three-dimensional audio carrier element as a three-dimensional optical disc element and the three-dimensional shell element as a three-dimensional album element, when the target song is played, the opening animation of the three-dimensional album element will be displayed, and the three-dimensional optical disc element will appear from the three-dimensional album element as the three-dimensional album element opens; at the end of the opening animation of the three-dimensional album element, the three-dimensional optical disc element will rotate around the designated center, and the designated center can be located inside the three-dimensional album element or outside the three-dimensional album element.

Schematically, taking the example of implementing the three-dimensional audio carrier element as a three-dimensional magnetic tape element and the three-dimensional shell element as a three-dimensional tape box element, when the target song is played, the opening animation of the three-dimensional tape box element will be displayed, and the three-dimensional magnetic tape element will appear from the three-dimensional magnetic tape element as the three-dimensional tape box element opens; at the end of the opening animation of the three-dimensional album element, the magnetic tape in the three-dimensional magnetic tape element will rotate around the transmission structure in the three-dimensional magnetic tape element.

In some optional embodiments, the target audio work further includes a playback pause state and a switched state. The playback pause state and the switched state of the target audio work are respectively described below:

Playback pause state: Optionally, in response to the target audio work switching to the playback pause state, a closing animation of the three-dimensional shell element is displayed, and the three-dimensional audio carrier element is retracted into the three-dimensional shell element as the three-dimensional shell element closes.

Among them, the playback pause state means that the playback of the target audio work is paused in the audio playback interface, but the target audio work is still loaded in the audio playback interface.

Optionally, the three-dimensional shell element can be implemented as an openable three-dimensional box structure, and the closing animation of the three-dimensional shell element is to close the containing space of the box. Schematically, if the three-dimensional box structure includes an upper box and a lower box, the opening animation is implemented as a closing animation in which the lower box is fixed and the upper box moves toward the lower box; or, the opening animation is implemented as a closing animation in which the upper box is fixed and the lower box moves toward the upper box; or, the opening animation is implemented as a closing animation in which the upper box moves toward the lower box and the lower box moves toward the upper box.

Optionally, the situation in which the three-dimensional audio carrier element is retracted into the three-dimensional shell element as the three-dimensional shell element is collapsed includes at least one of the following situations:

Case 1: The three-dimensional audio carrier element switches from a fully visible state to a fully invisible state as the three-dimensional shell element is closed.

Case 2: As the three-dimensional shell element is closed, the three-dimensional audio carrier element switches from a fully visible state to a partially visible state.

Case 3: As the three-dimensional shell element is closed, the three-dimensional audio carrier element switches from a partially visible state to a completely invisible state.

Case 4: As the three-dimensional shell element is closed, the three-dimensional audio carrier element switches from the third part visible state to the fourth part visible state, wherein the proportion of the third part in the three-dimensional audio carrier element is greater than that of the fourth part.

In some optional embodiments, in response to the target audio work switching to a playback pause state, the target audio work is stopped from being played in the audio playback interface; and at the same time, the rotation animation of the three-dimensional audio carrier element is stopped.

It should be noted that, optionally, when the target audio work is switched to the playback pause state, only the rotation animation of the three-dimensional audio carrier element will be stopped, and the closing animation of the three-dimensional shell element will not be displayed, and there will be no process of the three-dimensional audio carrier element being retracted into the three-dimensional shell element as the three-dimensional shell element is closed; or, when the target audio work is switched to the playback pause state, the rotation animation of the three-dimensional audio carrier element will be stopped first, and then the closing animation of the three-dimensional shell element will be displayed, and the three-dimensional audio carrier element will be retracted into the three-dimensional shell element as the three-dimensional shell element is closed.

Switched state: Optionally, in response to the target audio work being switched to other audio works, a cut-out animation of the three-dimensional shell element and the three-dimensional audio carrier element in the audio playback interface is displayed.

Optionally, the target audio work being switched to other audio works means that other audio works are loaded in the audio playback interface instead of the target audio work.

Optionally, the cut-out animation can be implemented as an animation that moves the three-dimensional shell element and the three-dimensional audio carrier element from the current display position to outside the specified edge of the audio playback interface; the cut-out animation can also be implemented as an animation in which the three-dimensional shell element and the three-dimensional audio carrier element disappear directly from the audio playback interface.

Optionally, the case where the cut-out animation is displayed includes at least one of the following cases:

1. Directly display the cut-out animation of 3D shell elements and 3D audio carrier elements in the audio playback interface.

2. In the current audio playback interface, the closing animation of the three-dimensional shell element is displayed. As the three-dimensional shell element closes, the three-dimensional audio carrier element is retracted into the three-dimensional shell element. Then, the cutting-out animation of the three-dimensional shell element and the three-dimensional audio carrier element is displayed.

Optionally, the speed at which the three-dimensional shell element and the three-dimensional audio carrier element move from the current display position to the outside of the specified edge of the audio playback interface can be uniform or variable, wherein the acceleration of the variable speed will be determined by a preset friction force. Schematically, if the preset friction force is implemented as the friction between the three-dimensional shell element and the three-dimensional audio carrier element and the background with the audio playback interface, the speed of the three-dimensional shell element and the three-dimensional audio carrier element is uniform during the process of the display edge of the three-dimensional shell element and the three-dimensional audio carrier element moving from the current display position to the specified edge of the audio playback interface. When the display edge of the three-dimensional shell element and the three-dimensional audio carrier element moves outside the specified edge, the speed of the three-dimensional shell element and the three-dimensional audio carrier element will decrease.

To summarize, the display method of the playback interface provided in the embodiment of the present application switches the target audio work to the playback state, displays the opening animation of the three-dimensional shell element on the audio playback interface, and the three-dimensional audio carrier element appears from the three-dimensional shell element as the three-dimensional shell element opens, so that in the process of switching the target audio state, the corresponding animation effect is displayed on the audio playback interface, enriching the interaction form between user operation and interface display, and improving the efficiency of human-computer interaction.

The method provided in the embodiment of the present application switches the target audio work to a playback pause state, displays a closing animation of a three-dimensional shell element on the audio playback interface, and retracts the three-dimensional audio carrier element into the three-dimensional shell element as the three-dimensional shell element closes, thereby further enriching the interaction form between user operations and interface displays and improving human-computer interaction efficiency. In addition, since the opening animation and the closing animation are interrelated processes, the correlation between the play operation and the pause operation of the same audio work is improved.

In some optional embodiments, the three-dimensional shell element includes a three-dimensional album element, the three-dimensional audio carrier element includes a three-dimensional optical disc element, and the three-dimensional optical disc element is displayed by sliding out from the three-dimensional album element. FIG. 3 is a flowchart of a method for displaying a playback interface provided by another exemplary embodiment of the present application, and the method is described by taking the method applied to the terminal shown in FIG. 1 as an example. The method includes:

Step 301, display the audio playback interface.

The audio playback interface includes a three-dimensional album element corresponding to the target audio work, and the three-dimensional album element contains a three-dimensional optical disc element.

The audio playback interface is used to play the target audio work. Optionally, the audio playback interface includes a player element display area, a text display area, an operation area, etc.

Schematically, the player element display area is implemented as a three-dimensional display space for displaying three-dimensional album elements and three-dimensional optical disc elements, wherein the three-dimensional optical disc element is contained in the three-dimensional album element and is in an invisible state.

Schematically, please refer to Figure 4. In the interface 400, a three-dimensional display space 401 is displayed. When the song is at the beginning of the playback state, the three-dimensional display space 401 only displays the three-dimensional album element 402. The three-dimensional CD element is accommodated in the internal invisible space of the three-dimensional album element 402.

It should be noted that the start time of the song playing state can be the starting playing time point of the whole song (for example: 00:00), or it can be a certain playing time point in the middle of the whole song (for example: 01:01).

Optionally, the text display area is used to display text data corresponding to the target audio work, for example: displaying the name, singer and lyrics of the song, etc. For illustration, please refer to Figure 4. In the interface 400, a text display area 403 is displayed, in which the lyrics, name and lyrics of the currently playing song are displayed.

Optionally, the operation area is used to trigger specified operations on the target audio work, wherein the specified operations include play operation, pause operation, switch operation, add to specified list operation, comment operation, switch playback sound quality operation, play corresponding video operation, drag playback progress bar operation, etc., which is not limited to the embodiments of the present application.

In some optional embodiments, the user can adjust the position of the controls corresponding to the above-mentioned specified operations on the audio playback interface according to the operation habits, for example: the controls corresponding to the add to specified list operation and the comment operation are displayed in the lower left position or the lower right position of the audio playback interface. Schematically, please refer to Figure 4, in the interface 400, an operation area 404 is displayed, wherein controls 405, controls 406 and controls 407 are displayed in the right position of the operation area 404, so that the user can operate with one hand.

In some optional embodiments, the above-mentioned designated operations on the target audio work can also be triggered directly on the three-dimensional album element and the three-dimensional optical disc element, for example: when a song is playing, single-clicking the three-dimensional optical disc element will pause the song, and when the song is paused, single-clicking the three-dimensional optical disc element will play the song; sliding on the three-dimensional optical disc element to the left will switch to playing the previous song, and sliding on the three-dimensional optical disc element to the right will switch to playing the next song; sliding on the three-dimensional optical disc element clockwise will play the next sentence of the lyrics of the currently playing song, and sliding on the three-dimensional optical disc element counterclockwise will play the previous sentence of the lyrics of the currently playing song.

Step 302: In response to the target audio work being switched to a playing state, an album shell opening animation corresponding to the three-dimensional album element is displayed.

Schematically, please refer to Figure 4. When the song starts playing, the opening animation of the upper shell 413 and the lower shell 414 of the three-dimensional album element 417 is displayed in the three-dimensional display space 411 of the interface 410, wherein the opening animation can be implemented as an animation in which the upper shell 413 is fixed and the lower shell 414 is unfolded backward; it can also be implemented as an animation in which the upper shell 413 is unfolded forward and the lower shell 414 is fixed; it can also be implemented as an animation in which the upper shell 413 is unfolded forward and the lower shell 414 is unfolded backward, and the embodiments of the present application are not limited to this.

Optionally, during the playing of the opening animation of the upper shell 413 and the lower shell 414 displaying the three-dimensional album element 417, the overall movement animation of the three-dimensional album element 417 is also displayed, schematically showing that the three-dimensional album element 417 moves a distance to the right during the opening process.

In some optional embodiments, before displaying the opening animation, a cutting-in animation of a three-dimensional album element may also be displayed. Schematically, when the user switches from song 1 to song 2, the three-dimensional album element and the three-dimensional optical disc element corresponding to song 2 are moved in parallel from the designated edge of the audio playback interface to the three-dimensional display space of the audio playback interface. After reaching the designated position, the album shell opening animation of the three-dimensional album element corresponding to song 2 is displayed.

Step 303: Display a sliding-out animation of the 3D optical disc element sliding out of the 3D album element.

Optionally, during the display of the album shell opening animation corresponding to the three-dimensional album element, a slide-out animation of the three-dimensional optical disc element sliding out of the three-dimensional album element is displayed simultaneously; or, after the display of the album shell opening animation corresponding to the three-dimensional album element ends, a slide-out animation of the three-dimensional optical disc element sliding out of the three-dimensional album element is displayed.

Schematically, please refer to Figure 4. During the process of the upper shell 413 and the lower shell 414 of the three-dimensional album element 417 expanding the storage space, the three-dimensional optical disc element 415 begins to appear, and a sliding-out animation of the three-dimensional optical disc element 415 sliding out parallel to the right from the storage space in the three-dimensional album element 417 is displayed; or, after the upper shell 413 and the lower shell 414 of the three-dimensional album element 417 have completed expanding the storage space, a sliding-out animation of the three-dimensional optical disc element 415 sliding out parallel to the right from the storage space in the three-dimensional album element 417 is displayed.

Optionally, a first slide-out animation is displayed in which the three-dimensional optical disc element slides out of the three-dimensional album element at a constant speed; or a second slide-out animation is displayed in which the three-dimensional optical disc element slides out of the three-dimensional album element at a variable speed.

The second sliding animation of sliding out with variable speed determines the change of the moving speed according to the friction force corresponding to the preset three-dimensional optical disc element. Schematically, the friction force is set as the friction force between the three-dimensional optical disc element and the playback background of the audio playback interface, and the first speed of the three-dimensional optical disc element at the beginning of sliding out is greater than the speed in the subsequent sliding process, that is, the sliding speed decreases as the sliding distance increases.

Optionally, in response to the target audio work switching to the playing state, the target audio work is played; and after the sliding-out animation of the three-dimensional optical disc element sliding out of the three-dimensional album element is displayed, a rotation animation of the three-dimensional optical disc element rotating around a specified center point is displayed.

Next, the display animations of the 3D disc element and the 3D album element corresponding to the target audio work in the playback pause state and the switched state are described respectively:

Playback pause state: in response to the target audio work switching to the pause state, display the sliding animation of the 3D disc element sliding into the 3D album element; display the closing animation of the album shell corresponding to the 3D album element.

Schematically, please refer to Figure 4. When the song is paused, the sliding-in animation of the three-dimensional optical disc element 415 sliding parallel to the left from the storage space in the three-dimensional album element 417 will be displayed, and at the same time, the upper shell 413 and the lower shell 414 of the three-dimensional album element 417 will be displayed to close the storage space until the three-dimensional optical disc element 415 is completely received in the three-dimensional album element 417 and appears to be invisible; or, after the sliding-in animation of the three-dimensional optical disc element 415 sliding parallel to the left from the storage space in the three-dimensional album element 417 ends, the upper shell 413 and the lower shell 414 of the three-dimensional album element 417 will be displayed to close the storage space.

Optionally, in response to the target audio work switching to a playback pause state, the playback of the target audio work is paused; and the display of the rotation animation of the three-dimensional optical disc element rotating around a specified center point is paused.

Switched state: Optionally, in response to the target audio work being switched to other audio works, a cut-out animation of the three-dimensional album element and the three-dimensional optical disc element in the audio playback interface is displayed.

Schematically, please refer to FIG. 4 , when the next song control 416 in the interface 410 is clicked, the currently playing song will be switched, and the currently displayed 3D album element 417 and 3D optical disc element 415 will be moved from the current position to the designated edge of the audio playback interface and cut out of the display screen. That is, when the song is switched, the currently displayed 3D optical disc element and 3D album element will be directly cut out of the display screen.

Alternatively, when the next song control 416 in the interface 410 is clicked, the currently playing song will be switched, and the sliding-in animation of the 3D optical disc element 415 sliding parallel to the left from the accommodation space in the 3D album element 417 will be displayed, and the upper shell 413 and the lower shell 414 of the 3D album element 417 will be displayed to close the accommodation space, until the 3D optical disc element 415 is completely stored in the 3D album element 417 and becomes invisible, and then the 3D album element 417 and the 3D optical disc element 415 are cut out of the display screen. That is, when the song is switched, the 3D optical disc element will be stored in the 3D album element, and then the 3D album element and the 3D optical disc element contained therein will be cut out of the display screen.

In some optional embodiments, the 3D album element and the 3D optical disc element will display images matching the target audio work.

For illustration, please refer to Figure 5, which is a planar display diagram of a three-dimensional album element and a three-dimensional optical disc element, wherein the three-dimensional album element 501 displays the cover image corresponding to the target audio work; the inner circular area 503 of the three-dimensional optical disc element 502 displays the cover image corresponding to the target audio work, and the outer ring area 504 displays a specified color image.

The cover image displayed in the three-dimensional album element 501 and the inner circular area 503 can directly sample the cover image corresponding to the target audio work. The specified color in the specified color image displayed in the outer annular area 504 needs to be processed for the cover image corresponding to the target audio work, and the color processing method also includes the following steps:

Obtain color data corresponding to the cover image of the target audio work; determine color samples corresponding to the three-dimensional optical disc elements based on the color data corresponding to the cover image; match the color data corresponding to the cover image with a preset color library to determine color value data corresponding to the three-dimensional optical disc elements; superimpose the color samples corresponding to the three-dimensional optical disc elements with the color value data corresponding to the three-dimensional optical disc elements to determine the optical disc color corresponding to the three-dimensional optical disc elements.

Illustratively, after obtaining the cover image of the target audio work, first, obtain the image palette (i.e., color data) from the cover image, and determine multiple color samples therefrom; secondly, match the cover image of the target audio work with an existing color library (e.g., a set of colors given by a designer) to determine the target color value range; finally, match the target color value range with multiple color samples to determine the color samples and color value data corresponding to the three-dimensional optical disc element, and superimpose the color samples and color value data to obtain the optical disc color corresponding to the three-dimensional optical disc element, i.e., the specified color in the specified color picture displayed in the outer annular area 504.

Optionally, during the playback of the target audio work, the audio playback interface displays the opening animation of the 3D album element, and while showing the 3D disc element, it also displays the spectrum animation, background zoom animation, text dissipation animation, etc. corresponding to the target audio work. The following describes these three animations respectively:

Spectrum animation: In some optional embodiments, during the playback of the target audio work, a spectrum animation corresponding to the target audio work is displayed.

Indicatively, during the playback of a song, the spectrum animation will change with the music rhythm corresponding to the target audio work. When the pitch and rhythm of the target audio work are high and fast, the visual amplitude of the spectrum animation will increase; when the pitch and rhythm of the target audio work are low and slow, the visual amplitude of the spectrum animation will decrease.

Optionally, the method for obtaining the above-mentioned spectrum animation includes the following steps: performing short-time Fourier transform on the pulse-code modulation (PCM) data corresponding to the target audio work, and calculating the amplitude value corresponding to the target audio work; processing the calculated amplitude value in accordance with the human ear's auditory transformation, for example: A-weighted filtering algorithm and Mel scale conversion; finally, performing intra-frame and inter-frame data smoothing on the processed amplitude value, and visually displaying the processed data, which is the spectrum animation.

Optionally, the presentation forms of the spectrum animation include space spectrum animation and plane spectrum animation.

For the spatial spectrum animation, please refer to Figures 4 and 11. As shown in Figure 4, in a three-dimensional display space 411, a spectrum animation 418 is played throughout a three-dimensional album element 417 and a three-dimensional optical disc element 415; or, as shown in Figure 11, in a three-dimensional display space 1111, a spectrum animation 1117 is played around a three-dimensional album element 1112 and a three-dimensional optical disc element 1115.

For the two-dimensional spectrum animation, please refer to Figure 6. The two-dimensional spectrum animation can be displayed at any specified position of the audio playback interface, for example: the middle position of the three-dimensional display space; above the playback progress bar of the audio playback interface; at the bottom of the audio playback interface; on the sides (left and right) of the audio playback interface.

Optionally, the plane spectrum animation can be switched to a display position in the audio playback interface according to the playback progress of the target audio work. As shown in FIG6 , in the audio playback interface 600 , the spectrum animation 601 is displayed in the middle of the three-dimensional display space. When the target audio work is played for a period of time, in the audio playback interface 610 , the spectrum animation 611 is displayed at the bottom of the audio playback interface 610 ; when the target audio work is played again for a period of time, in the audio playback interface 620 , the spectrum animation 621 is displayed on the right side of the audio playback interface 620 .

Background zoom animation: In some optional embodiments, in response to the target audio work switching to the playback state, the amplification parameters of the current playback frame of the target audio work are obtained, and the amplification parameters are used to indicate the loudness data of the audio corresponding to the target audio work between frames; in response to the amplification parameters of the current playback frame of the target audio work being greater than a preset threshold, a zoom animation of the playback background is displayed on the audio playback interface.

Optionally, the method for obtaining the amplification parameters further includes the following steps:

The PCM data of the audio frame currently being played of the target audio work is obtained, the root mean square value of the loudness of the audio frame currently being played is calculated according to the PCM data, the root mean square value is normalized, and the amplification parameter is obtained.

Optionally, during the playback of the target audio work, if the amplification parameter corresponding to the first audio frame is greater than the preset data, the zooming animation of the playback background will start to play, because the playback time of the zooming animation is usually greater than the time corresponding to one audio frame; then during the playback of the zooming animation, the relationship between the amplification parameter corresponding to the second audio frame and the amplification parameter corresponding to the first audio frame will continue to be judged. If the amplification parameter corresponding to the second audio frame is greater than the amplification parameter corresponding to the first audio frame, the currently playing zooming animation will be interrupted and the new zooming animation will be restarted; if the amplification parameter corresponding to the second audio frame is less than or equal to the amplification parameter corresponding to the first audio frame, the currently playing zooming animation will continue to play.

Or, optionally, after the currently playing zoom animation is finished, it is determined whether it is necessary to play the zoom animation of the playback background, and the magnitude relationship between the amplification parameter corresponding to the first audio frame after the zoom animation is finished and the preset threshold is compared.

Optionally, a background image is displayed in the background interface of the audio playback interface, and the method for obtaining the background image includes: obtaining a cover image corresponding to the target audio work; performing Gaussian blur processing on the cover image to obtain a processed cover image, and the cover image is the background image of the audio playback interface. Optionally, the zoom animation of the playback background refers to an animation of restoring a part of the cover image that has been subjected to Gaussian blur processing from an enlarged display to a normal display; or an animation of restoring a part of the cover image that has been subjected to Gaussian blur processing from a reduced display to a normal display.

Schematically, please refer to Figure 7, the three-dimensional album element cover image is displayed in the playback background of the audio playback interface, that is, interface 700 is obtained, wherein element 701 displayed in the background of interface 700 is the magnified object of the magnification animation; in response to the magnification parameter of the current playback frame of the target audio work being greater than a preset threshold, the magnification animation of element 701 will be displayed, that is, in interface 710, the display element 701 is enlarged to become the animation effect of element 711.

Text dissipation animation: In some optional embodiments, the text data displayed in the above text display area is implemented as lyrics as an example for explanation, and the method for displaying text data also includes the following steps:

Step 1: In response to the target audio work switching to a playing state, a first text in the text to be displayed of the target audio work is determined according to the playing progress of the target audio work.

Illustratively, when a song starts playing, the lyrics corresponding to the song are displayed in real time in the text display area, where the first text refers to the lyrics of the current song being played. For example, if the sentence "I had a beautiful nightmare at night" is currently playing in the song, then the text corresponding to this sentence is the first text.

Step 2: Display the first text at a target position in the text display area with a first transparency, and display the second text below the first text with a second transparency.

The target position is a position whose distance from the first edge of the text display area is less than a preset distance, the first transparency is less than the second transparency, and the end display time of the second text is chronologically later than the end display time of the first text.

Illustratively, the second text is the next line of the lyrics of the current song being played. Please refer to Figure 4. The text display area 403 near the upper edge displays "I had a beautiful nightmare at night", which is the lyrics currently being played, or the first text; and below "I had a beautiful nightmare at night" displays "I want to wake up but I can't resist the beating of my heart", which is the next line of the lyrics currently being played, or the second text.

Alternatively, the second text is multiple lines of lyrics below the lyrics of the current song being played, that is, if the first text is the i-th line of lyrics, the i+1-th line of lyrics, the i+2-th line of lyrics, etc. are pre-displayed below the first text. This embodiment of the present application does not limit this.

Optionally, a first transparency of the first text is smaller than a second transparency of the second text; and a text size of the first text is larger than a text size of the second text, so as to highlight the first text.

Step three: in response to the display time of the first text ending, displaying a fading animation of the first text in the text display area.

The dissipation animation refers to an animation in which the text in the first text is dispersed into multiple particles and disappears in a preset direction. Schematically, the dissipation animation mainly includes two parts: first, reducing the first transparency corresponding to the first text to a specified transparency; second, displaying the particle dispersion animation.

Optionally, the specified transparency is the result of multiplying the transparency corresponding to the first text and the transparency corresponding to the particle dispersion animation. For example, if the transparency corresponding to the first text is 70% and the transparency corresponding to the particle dispersion animation is 20%, the specified transparency is 1.4%.

Schematically, at the position of the first text, a particle sequence frame matching the first text is played according to the texture length corresponding to the first text; at the same time, the transparency corresponding to the first text is reduced to a specified transparency, thereby realizing the dissipation animation of the first text.

Please refer to Figure 8, which shows a schematic diagram of the process of a dissipation animation of a first text. As shown in Figure 8, in interface 800, after the song finishes playing lyrics 801, the dissipation animation of lyrics 801 begins to be displayed; in interface 810, the transparency of the texture of lyrics 811 is less than the transparency of the texture of lyrics 801, and particle sequence frames are covered on lyrics 811; in interface 820, the lyrics have been completely dispersed into particles, and the dissipation animation display ends.

Optionally, when the fading animation of the first text ends, the second text will move to the display position of the first text, and the transparency corresponding to the second text will be increased to the first transparency, and the text size corresponding to the second text will be increased to the text size corresponding to the first text.

To summarize, by switching the target audio work to the playback state, the opening animation of the three-dimensional shell element is displayed on the audio playback interface, and the three-dimensional audio carrier element appears from the three-dimensional shell element as the three-dimensional shell element opens, so that in the process of switching the target audio state, the corresponding animation effect is displayed on the audio playback interface, which enriches the interaction form between user operation and interface display and improves the efficiency of human-computer interaction.

According to the method provided in the embodiment of the present application, the three-dimensional shell element can be implemented as a three-dimensional album element, and the three-dimensional audio carrier element can be implemented as a three-dimensional optical disc element, thereby enriching the animation display form of the three-dimensional shell element and the three-dimensional audio carrier element.

The method provided in the embodiment of the present application, when switching the target audio work to the playback state, will display the album shell opening animation corresponding to the three-dimensional album element, and display the sliding-out animation of the three-dimensional optical disc element sliding out of the three-dimensional album element. On the one hand, it enriches the display form of the three-dimensional optical disc element, and on the other hand, it enhances the stereoscopic effect of the three-dimensional optical disc element during the display process.

The method provided in the embodiment of the present application provides at least two display methods of slide-out animation when displaying the slide-out animation of the three-dimensional album element, namely, uniform-speed slide-out animation and variable-speed slide-out animation, further enriching the display form of the three-dimensional optical disc element.

The method provided in the embodiment of the present application displays the spectrum animation corresponding to the target audio work when the target audio work is switched to the playback state, and visualizes the audio data corresponding to the target audio work, thereby improving the efficiency of human-computer interaction.

The method provided in the embodiment of the present application, when switching the target audio work to the playback state, when the amplification parameter of the current playback frame of the target audio work is greater than a preset threshold, will display a zoom animation of the playback background on the audio playback interface, thereby enhancing the expressiveness of the audio display interface for the target audio work.

The method provided in the embodiment of the present application determines the disc color corresponding to the three-dimensional disc element according to the color data corresponding to the cover image of the target audio work, thereby improving the adaptability of the target audio work and the three-dimensional disc element during the display process.

The method provided in the embodiment of the present application displays a dissipation animation of text data on the audio playback interface when the target audio work is switched to the playback state, thereby enriching the display form of text data on the audio playback interface and improving the efficiency of human-computer interaction.

In some optional embodiments, the three-dimensional shell element includes a three-dimensional album element, the three-dimensional audio carrier element includes a three-dimensional optical disc element, and the three-dimensional optical disc element is placed in a disc slot in the three-dimensional album element, and appears as the album shell corresponding to the three-dimensional album element is opened. FIG9 is a flowchart of a method for displaying a playback interface provided by another exemplary embodiment of the present application, and the method is described by taking the method applied to the terminal shown in FIG1 as an example. The method includes:

Step 901, display the audio playback interface.

The audio playback interface is used to play the target audio work, and optionally, the audio playback interface includes a player element display area, a text display area, an operation area, etc. Schematically, the player element display area is implemented as a three-dimensional display space for displaying a three-dimensional album element and a three-dimensional optical disc element, wherein the three-dimensional optical disc element is contained in the three-dimensional album element and is invisible.

10 , in the interface 1000 , a three-dimensional display space 1001 is displayed. When the song starts playing, the three-dimensional display space 1001 only displays a three-dimensional album element 1002 , and a three-dimensional CD element is contained in the invisible space inside the three-dimensional album element 1002 .

Step 902, in response to the target audio work switching to the playing state, displaying the album shell opening animation corresponding to the three-dimensional album element; wherein the three-dimensional optical disc element is placed in the optical disc slot in the three-dimensional album element, and as the album shell corresponding to the three-dimensional album element opens, the three-dimensional optical disc element appears from the three-dimensional album element.

Schematically, please refer to Figure 10. When the song starts playing, the opening animation of the upper shell 1013 and the lower shell 1014 of the three-dimensional album element 1012 is displayed in the three-dimensional display space 1011 of the interface 1010, wherein the opening animation can be implemented as an animation in which the upper shell 1013 is fixed and the lower shell 1014 is unfolded downward; it can also be implemented as an animation in which the upper shell 1013 is unfolded upward and the lower shell 1014 is fixed; it can also be implemented as an animation in which the upper shell 1013 is unfolded upward and the lower shell 1014 is unfolded downward, and the embodiments of the present application are not limited to this.

Schematically, after the opening animation display of the upper shell 1013 and the lower shell 1014 is completed, that is, after the album shell corresponding to the three-dimensional album element 1012 is opened, the three-dimensional optical disc element 1015 contained therein is placed in the optical disc slot in the three-dimensional album element 1012, and appears as the album shell corresponding to the three-dimensional album element 1012 is opened.

Optionally, in response to the target audio work switching to the playing state, the target audio work is played; and after the album shell opening animation corresponding to the three-dimensional album element is displayed, a rotating animation of the three-dimensional optical disc element rotating around the center of the optical disc slot in the three-dimensional album element is displayed.

Playback pause state: in response to the target audio work switching to the pause state; the album shell closing animation corresponding to the three-dimensional album element is displayed.

Schematically, please refer to Figure 10. When the song is paused, the upper shell 1013 and the lower shell 1014 of the three-dimensional album element 1012 will be displayed to close the storage space until the three-dimensional optical disc element 1015 is completely received in the three-dimensional album element 1012, and it appears invisible.

Optionally, in response to the target audio work being switched to a playback pause state, playback of the target audio work is paused; and display of the rotation animation of the three-dimensional optical disc element rotating around the center of the optical disc slot in the three-dimensional album element is paused.

Schematically, please refer to FIG. 10 , when the next song control 1016 in the interface 1010 is clicked, the currently playing song will be switched, and the currently displayed 3D album element 1012 and 3D optical disc element 1015 will be moved from the current position to the designated edge of the audio playback interface and cut out of the display screen. That is, when the song is switched, the currently displayed 3D optical disc element and 3D album element will be directly cut out of the display screen.

Alternatively, when the next song control 1016 in the interface 1010 is clicked, the currently playing song will be switched, and the upper shell 1013 and the lower shell 1014 displaying the 3D album element 1012 will close the storage space until the 3D optical disc element 1015 is completely stored in the 3D album element 1012 and becomes invisible, and then the 3D album element 1012 and the 3D optical disc element 1015 are cut out of the display screen. That is, when the song is switched, the 3D album element will be closed, and the 3D album element and the 3D optical disc element contained therein will be cut out of the display screen.

The method provided in the embodiment of the present application displays an album shell opening animation corresponding to a three-dimensional album element after the target audio work is switched to the playback state; wherein the three-dimensional optical disc element is placed in a optical disc slot in the three-dimensional album element, and as the album shell corresponding to the three-dimensional album element opens, the three-dimensional optical disc element appears from the three-dimensional album element. On the one hand, the display form of the three-dimensional optical disc element is enriched, and on the other hand, during the display process of the three-dimensional optical disc element, the three-dimensional optical disc element may not be dynamically displayed, thereby saving the computing resources of the computer.

In some optional embodiments, the three-dimensional shell element includes a three-dimensional album element, the three-dimensional audio carrier element includes a three-dimensional optical disc element, and after the album shell opening animation is played, the optical disc picking animation is also displayed. FIG. 11 is a flowchart of a method for displaying a playback interface provided by another exemplary embodiment of the present application, and the method is described by taking the method applied to the terminal shown in FIG. 1 as an example. The method includes:

Step 1101, display the audio playback interface.

The audio playback interface is used to play the target audio work. Optionally, the audio playback interface includes a player element display area, a text display area, an operation area, etc. Schematically, the player element display area is implemented as a three-dimensional display space for displaying a three-dimensional album element and a three-dimensional optical disc element, wherein the three-dimensional optical disc element is contained in the three-dimensional album element and is invisible.

Step 1102, in response to the target audio work being switched to the playing state, displaying an album shell opening animation corresponding to the three-dimensional album element.

The method for displaying the album shell opening animation is specifically described in step 302 and will not be repeated here.

Step 1103, after the album shell opening animation is finished, the CD picking animation is displayed.

The CD-taking animation is used to instruct the three-dimensional hand element to take out the three-dimensional CD element from the three-dimensional album element and place the three-dimensional CD element at a designated position.

Optionally, in response to the target audio work switching to the playing state, the target audio work is played; and after the animation display of the three-dimensional optical disc element being placed at the specified position ends, a rotation animation of the three-dimensional optical disc element rotating around the specified center point is displayed.

Optionally, a 3D optical disc player is also displayed in the audio playback interface, and the designated position is the playback slot of the 3D optical disc player. Schematically, after the album shell corresponding to the 3D album element is opened, the 3D optical disc element in the optical disc slot of the 3D album element is taken out through the hand model, and the 3D optical disc element is placed in the playback slot of the 3D optical disc player, and a rotation animation of the 3D optical disc element starting to rotate around the center of the playback slot is displayed.

Playback pause state: In response to the target audio work switching to the pause state, the disc re-insertion animation is displayed; after the disc re-insertion animation is finished, the album shell closing animation corresponding to the three-dimensional album element is displayed.

The CD-replacing animation is used to instruct the three-dimensional hand element to take out the three-dimensional CD-ROM element from the specified position and put the three-dimensional CD-ROM element back into the CD-ROM slot of the three-dimensional album element.

The display method of the cut-out animation includes at least one of the following situations:

Case 1: The three-dimensional optical disc element displayed in the current audio playback interface is moved from a specified position to outside a specified edge of the audio playback interface and cut out of the display screen.

Case 2: Display the disc putting back animation. After the disc putting back animation is finished, move the 3D album element displayed in the current audio playback interface and the 3D disc element contained therein from the specified position to the outside of the specified edge of the audio playback interface and cut out of the display screen.

In some optional embodiments, after the opening animation is displayed, the cut-out animation of the 3D album element can also be displayed. Schematically, when the album shell corresponding to the 3D album element opens to reveal the 3D optical disc element, the 3D album element is moved from the current display position to the designated edge of the audio playback interface, and the 3D album element is cut out of the display screen. That is, when the song starts playing, the 3D album element and the 3D optical disc element corresponding to the song will be displayed, and the animation of the 3D optical disc element being taken out of the 3D album element will be displayed. After the 3D optical disc element is taken out of the 3D album element, the 3D album element can be moved out of the display screen, and only the 3D optical disc element will be displayed during the subsequent playback of the song.

The method provided in the embodiment of the present application will display the album shell opening animation corresponding to the three-dimensional album element after the target audio work is switched to the playback state; after the album shell opening animation is played, an animation of a three-dimensional hand element taking out the three-dimensional optical disc element from the three-dimensional album element and placing the three-dimensional optical disc element to a specified position will be displayed. On the one hand, the display form of the three-dimensional optical disc element is enriched, and on the other hand, the stereoscopic effect of the three-dimensional optical disc element during the display process is further enhanced.

FIG. 12 is a structural block diagram of a training device for a classification model provided by an exemplary embodiment of the present application. As shown in FIG. 12 , the device includes the following parts:

The display module 1200 is used to display an audio playback interface, wherein the audio playback interface includes a three-dimensional shell element corresponding to the target audio work, and the three-dimensional shell element contains a three-dimensional audio carrier element;

The display module 1200 is also used to display the opening animation of the three-dimensional shell element in response to the target audio work switching to the playing state, and the three-dimensional audio carrier element appears from the three-dimensional shell element as the three-dimensional shell element opens.

Please refer to FIG. 13 , in some optional embodiments, the three-dimensional shell element includes a three-dimensional album element, and the three-dimensional audio carrier element includes a three-dimensional optical disc element.

In some optional embodiments, the display module 1200 is further used to display an album shell opening animation corresponding to the three-dimensional album element in response to the target audio work being switched to a playback state; the display module 1200 is further used to display a sliding-out animation of the three-dimensional optical disc element sliding out of the three-dimensional album element.

In some optional embodiments, the display module 1200 is further used to display a first sliding-out animation in which the three-dimensional optical disc element slides out of the three-dimensional album element at a constant speed; or to display a second sliding-out animation in which the three-dimensional optical disc element slides out of the three-dimensional album element at a variable speed.

In some optional embodiments, the display module 1200 is further used to display an album shell opening animation corresponding to the three-dimensional album element in response to the target audio work being switched to a playback state; wherein the three-dimensional optical disc element is placed in a optical disc slot in the three-dimensional album element, and as the album shell corresponding to the three-dimensional album element opens, the three-dimensional optical disc element appears from the three-dimensional album element.

In some optional embodiments, the display module 1200 is further used to display an album shell opening animation corresponding to the three-dimensional album element in response to the target audio work being switched to a playback state; the display module 1200 is further used to display a CD picking animation after the album shell opening animation is finished playing, wherein the CD picking animation is used to indicate an animation in which a three-dimensional hand element takes out the three-dimensional CD element from the three-dimensional album element and places the three-dimensional CD element at a designated position.

In some optional embodiments, the display module 1200 is also used to display a closing animation of the three-dimensional shell element in response to the target audio work being switched to a playback pause state, and the three-dimensional audio carrier element is retracted into the three-dimensional shell element as the three-dimensional shell element is closed.

In some optional embodiments, the audio playback interface includes a playback background; and the device further includes:

The acquisition module 1210 is used for acquiring the amplification parameter of the current playback frame of the target audio work in response to the target audio work being switched to the playback state, wherein the amplification parameter is used to indicate the loudness data of the audio corresponding to the target audio work between frames;

The display module 1200 is further configured to display a zoom animation of the playback background on the audio playback interface in response to a magnification parameter of the current playback frame of the target audio work being greater than a preset threshold.

In some optional embodiments, the acquisition module 1210 is used to acquire color data corresponding to the cover image of the target audio work; the device further includes:

The determination module 1220 is used to determine the color sample corresponding to the 3D optical disc element based on the color data corresponding to the cover image;

The determination module 1220 is further used to match the color data corresponding to the cover image with a preset color library to determine the color value data corresponding to the 3D optical disc element;

The determination module 1220 is further configured to superimpose the color sample corresponding to the 3D optical disc element with the color value data corresponding to the 3D optical disc element to determine the optical disc color corresponding to the 3D optical disc element.

In some optional embodiments, the audio playback interface includes a text display area, and the text display area is used to display text data corresponding to the target audio work; the determination module 1220 is also used to determine the first text in the text to be displayed of the target audio work according to the playback progress of the target audio work in response to the target audio work switching to the playback state; the display module 1200 is also used to display the first text with a first transparency at a target position in the text display area, and display the second text with a second transparency below the first text, the target position is a position where the distance from the first edge of the text display area is less than a preset distance, the first transparency is less than the second transparency, and the end display time of the second text is chronologically after the end display time of the first text; the display module 1200 is also used to display a dissipation animation of the first text in the text display area in response to reaching the end of the display time of the first text, and the dissipation animation refers to an animation in which the text in the first text is dispersed into multiple particles and disappears in a preset direction.

To summarize, the display device of the playback interface provided in the embodiment of the present application switches the target audio work to the playback state, displays the opening animation of the three-dimensional shell element on the audio playback interface, and the three-dimensional audio carrier element appears from the three-dimensional shell element as the three-dimensional shell element opens, so that in the process of switching the target audio state, the corresponding animation effect is displayed on the audio playback interface, enriching the interaction form between user operation and interface display, and improving the efficiency of human-computer interaction.

It should be noted that the display device of the playback interface provided in the above embodiment is only illustrated by the division of the above functional modules. In actual applications, the above functions can be assigned to different functional modules as needed, that is, the internal structure of the device is divided into different functional modules to complete all or part of the functions described above. In addition, the display device of the playback interface provided in the above embodiment and the display method embodiment of the playback interface belong to the same concept. The specific implementation process is detailed in the method embodiment and will not be repeated here.

FIG14 shows a block diagram of a computer device 1400 provided by an exemplary embodiment of the present application. The computer device 1400 may be a portable mobile terminal, such as a smart phone, a tablet computer, an MP3 player (Moving Picture Experts Group Audio Layer III), an MP4 player (Moving Picture Experts Group Audio Layer IV), a laptop computer or a desktop computer. The computer device 1400 may also be referred to as a user device, a portable terminal, a laptop terminal, a desktop terminal or other names.

Typically, the computer device 1400 includes a processor 1401 and a memory 1402 .

The processor 1401 may include one or more processing cores, such as a 4-core processor, an 8-core processor, etc. The processor 1401 may be implemented in at least one hardware form of DSP (Digital Signal Processing), FPGA (Field-Programmable Gate Array), and PLA (Programmable Logic Array). The processor 1401 may also include a main processor and a coprocessor. The main processor is a processor for processing data in the awake state, also known as a CPU (Central Processing Unit); the coprocessor is a low-power processor for processing data in the standby state. In some embodiments, the processor 1401 may be integrated with a GPU (Graphics Processing Unit), which is responsible for rendering and drawing the content to be displayed on the display screen. In some embodiments, the processor 1401 may also include an AI (Artificial Intelligence) processor, which is used to process computing operations related to machine learning.

The memory 1402 may include one or more computer-readable storage media, which may be non-transitory. The memory 1402 may also include a high-speed random access memory, and a non-volatile memory, such as one or more disk storage devices, flash memory storage devices. In some embodiments, the non-transitory computer-readable storage medium in the memory 1402 is used to store at least one instruction, which is used to be executed by the processor 1401 to implement the training method and data classification method of the classification model provided in the method embodiment of the present application.

In some embodiments, the computer device 1400 may optionally include other components. Those skilled in the art will understand that the structure shown in FIG. 14 does not constitute a limitation on the computer device 1400, and may include more or fewer components than shown in the figure, or combine certain components, or adopt a different component arrangement.

A person skilled in the art can understand that all or part of the steps in the various methods of the above embodiments can be completed by instructing the relevant hardware through a program, and the program can be stored in a computer-readable storage medium, which can be a computer-readable storage medium contained in the memory in the above embodiments; or a computer-readable storage medium that exists independently and is not assembled in the terminal. The computer-readable storage medium stores at least one instruction, at least one program, code set or instruction set, and the at least one instruction, the at least one program, the code set or instruction set is loaded and executed by the processor to implement the classification model training method and data classification method described in any of the above embodiments.

Optionally, the computer-readable storage medium may include: a read-only memory (ROM), a random access memory (RAM), a solid-state drive (SSD), or an optical disk. Among them, the random access memory may include a resistive random access memory (ReRAM) and a dynamic random access memory (DRAM). The serial numbers of the above-mentioned embodiments of the present application are only for description and do not represent the advantages and disadvantages of the embodiments.

A person skilled in the art will understand that all or part of the steps to implement the above embodiments may be accomplished by hardware or by instructing related hardware through a program, and the program may be stored in a computer-readable storage medium, and the above-mentioned storage medium may be a read-only memory, a disk or an optical disk, etc.

The above description is only a preferred embodiment of the present application and is not intended to limit the present application. Any modifications, equivalent substitutions, improvements, etc. made within the spirit and principles of the present application should be included in the protection scope of the present application.

Claims

A method for displaying a playback interface, characterized in that the method comprises:

Displaying an audio playback interface, wherein the audio playback interface includes a three-dimensional shell element corresponding to the target audio work, wherein the three-dimensional shell element contains a three-dimensional audio carrier element;

In response to the target audio work being switched to a playing state, an opening animation of the three-dimensional shell element is displayed, and the three-dimensional audio carrier element appears from the three-dimensional shell element as the three-dimensional shell element opens.
The method according to claim 1, characterized in that

The three-dimensional shell element includes a three-dimensional album element, and the three-dimensional audio carrier element includes a three-dimensional optical disc element.
The method according to claim 2, characterized in that, in response to the target audio work being switched to a playing state, displaying an opening animation of the three-dimensional shell element comprises:

In response to the target audio work being switched to a playing state, displaying an album shell opening animation corresponding to the three-dimensional album element;

A slide-out animation of the 3D optical disc element sliding out of the 3D album element is displayed.
The method according to claim 3, characterized in that the step of displaying the slide-out animation of the 3D optical disc element sliding out of the 3D album element comprises:

Displaying a first sliding-out animation in which the three-dimensional optical disc element slides out of the three-dimensional album element at a constant speed; or,

A second slide-out animation is displayed in which the three-dimensional optical disc element slides out from the three-dimensional album element at a variable speed.
The method according to claim 2, characterized in that, in response to the target audio work being switched to a playing state, displaying an opening animation of the three-dimensional shell element comprises:

In response to the target audio work being switched to a playback state, an album shell opening animation corresponding to the three-dimensional album element is displayed; wherein the three-dimensional optical disc element is placed in a optical disc slot in the three-dimensional album element, and as the album shell corresponding to the three-dimensional album element opens, the three-dimensional optical disc element appears from the three-dimensional album element.
The method according to claim 2, characterized in that, in response to the target audio work being switched to a playing state, displaying an opening animation of the three-dimensional shell element comprises:

In response to the target audio work being switched to a playing state, displaying an album shell opening animation corresponding to the three-dimensional album element;

After the album shell opening animation is finished, the CD picking animation is displayed, and the CD picking animation is used to instruct the three-dimensional hand element to take out the three-dimensional CD element from the three-dimensional album element and place the three-dimensional CD element to a specified position.
The method according to any one of claims 1 to 6, characterized in that the method further comprises:

In response to the target audio work being switched to a playback pause state, a collapse animation of the three-dimensional shell element is displayed, and the three-dimensional audio carrier element is retracted into the three-dimensional shell element as the three-dimensional shell element collapses.
The method according to any one of claims 1 to 6, characterized in that the audio playback interface includes a playback background;

The method further comprises:

In response to the target audio work being switched to a playing state, obtaining an amplification parameter of a current playing frame of the target audio work, wherein the amplification parameter is used to indicate loudness data of audio corresponding to the target audio work between frames;

In response to a magnification parameter of a current playback frame of the target audio work being greater than a preset threshold, a zoom animation of the playback background is displayed on the audio playback interface.
The method according to any one of claims 2 to 6, characterized in that the method further comprises:

Obtaining color data corresponding to the cover image of the target audio work;

Determine the color sample corresponding to the three-dimensional optical disc element based on the color data corresponding to the cover image;

Matching the color data corresponding to the cover image with a preset color library to determine the color value data corresponding to the three-dimensional optical disc element;

The color sample corresponding to the three-dimensional optical disc element is superimposed with the color value data corresponding to the three-dimensional optical disc element to determine the optical disc color corresponding to the three-dimensional optical disc element.
The method according to any one of claims 1 to 6, characterized in that the audio playback interface includes a text display area, and the text display area is used to display text data corresponding to the target audio work;

The method further comprises:

In response to the target audio work being switched to a playing state, determining a first text in the texts to be displayed of the target audio work according to the playing progress of the target audio work;

Displaying a first text at a target position of the text display area with a first transparency, and displaying a second text at a second transparency below the first text, wherein the target position is a position whose distance from a first edge of the text display area is less than a preset distance, the first transparency is less than the second transparency, and an end display time of the second text is located after an end display time of the first text in terms of timing;

In response to reaching the end of the display time of the first text, a dissipation animation of the first text is displayed in the text display area, where the dissipation animation refers to an animation in which text in the first text is dispersed into multiple particles and disappears in a preset direction.
A display device for a playback interface, characterized in that the device comprises:

A display module, used for displaying an audio playback interface, wherein the audio playback interface includes a three-dimensional shell element corresponding to the target audio work, wherein the three-dimensional shell element contains a three-dimensional audio carrier element;

The display module is also used to display the opening animation of the three-dimensional shell element in response to the target audio work switching to the playing state, and the three-dimensional audio carrier element appears from the three-dimensional shell element as the three-dimensional shell element opens.
A computer device, characterized in that the computer device includes a processor and a memory, the memory stores at least one instruction, and the at least one instruction is loaded and executed by the processor to implement the display method of the playback interface as described in any one of claims 1 to 10.
A computer-readable storage medium, characterized in that at least one instruction is stored in the storage medium, and the at least one instruction is loaded and executed by a processor to implement the display method of the playback interface as described in any one of claims 1 to 10.
A computer program product, characterized in that it includes computer instructions, and when the computer instructions are executed by a processor, the display method of the playback interface as described in any one of claims 1 to 10 is implemented.