Project session display method and apparatus, electronic device, and storage medium

Abstract

The present invention relates to the technical field of computers, and disclosed are a project session display method and apparatus, an electronic device, and a storage medium. The method comprises: displaying a song playback page, the song playback page comprising a first area and a second area, the first area being used for displaying song information, the second area being used for displaying identifiers of participants of a current project session, and the current project session comprising playback of songs in the song information; and if there is a new participant joining in the current project session, displaying an identifier of the new participant in the second area, wherein the identifier of the new participant is movable in the second area. The identifier of the new participant is displayed in the second area in a motion manner.

Description

Project display method, device, electronic device and storage medium

[0001] CROSS-REFERENCE TO RELATED APPLICATIONS

[0002] This application claims priority to the Chinese invention patent application with application number 202410121796.X, entitled “Project display method, device, electronic device and storage medium” and filing date January 29, 2024, and the entire application is incorporated herein by reference. Technical Field

[0003] The present disclosure relates to the field of computer technology, and in particular to a project display method, device, electronic device, and storage medium. Background Art

[0004] In an application scenario with multiple participants, the songs selected by the participants need to be played, and in order to achieve the corresponding project atmosphere, the project effects also need to be demonstrated.

[0005] Summary of the Invention

[0006] In view of this, the present disclosure provides a project display method, device, electronic device and storage medium to solve the problem of displaying project effects.

[0007] In a first aspect, the present disclosure provides a project display method, the method comprising:

[0008] Displaying a song playing page, the song playing page including a first area and a second area, the first area being used to display song information, the second area being used to display identifications of participants in a current project, the current project including playing songs in the song information;

[0009] If a new participant joins the current project, the identifier of the new participant is displayed in the second area and the identifier of the new participant is active in the second area.

[0010] In a second aspect, the present disclosure provides a project display device, the device comprising:

[0011] A song page display module, configured to display a song playing page, wherein the song playing page includes a first area and a second area, wherein the first area is configured to display song information, and the second area is configured to display identifications of participants in the current project;

[0012] The participant identification display module is used to display the identification of the new participant in the second area if a new participant joins the current project, and the identification of the new participant is active in the second area.

[0013] In a third aspect, the present disclosure provides an electronic device comprising: a memory and a processor, the memory and the processor being communicatively connected to each other, computer instructions being stored in the memory, and the processor executing the project display method of the first aspect or any corresponding embodiment thereof by executing the computer instructions.

[0014] In a fourth aspect, the present disclosure provides a computer-readable storage medium having computer instructions stored thereon, the computer instructions being used to enable a computer to execute the project display method of the first aspect or any corresponding embodiment thereof. BRIEF DESCRIPTION OF THE DRAWINGS

[0015] In order to more clearly illustrate the specific embodiments of the present disclosure or the technical solutions in the prior art, the following briefly introduces the drawings required for use in the specific embodiments or the description of the prior art. Obviously, the drawings described below are some embodiments of the present disclosure. For ordinary technicians in this field, other drawings can be obtained based on these drawings without paying any creative work.

[0016] FIG1 is a schematic diagram of a flow chart of a project display method according to an embodiment of the present disclosure;

[0017] FIG2 is a schematic diagram of a song playing page according to an embodiment of the present disclosure;

[0018] FIG3 is a schematic diagram of another song playing page according to an embodiment of the present disclosure;

[0019] FIG4 is a schematic diagram of a marking motion according to an embodiment of the present disclosure;

[0020] FIG5 is a schematic diagram of a newly added control according to an embodiment of the present disclosure;

[0021] FIG6 is a schematic diagram of first comment information according to an embodiment of the present disclosure;

[0022] FIG7 is a schematic diagram of a preset visual effect according to an embodiment of the present disclosure;

[0023] FIG8 is a schematic diagram of another preset visual effect according to an embodiment of the present disclosure;

[0024] FIG9 is a schematic diagram of a second comment picture according to an embodiment of the present disclosure;

[0025] FIG10 is a schematic diagram of a second comment picture and a preset visual effect according to an embodiment of the present disclosure;

[0026] FIG11 is a schematic diagram of the first region after adjustment according to an embodiment of the present disclosure;

[0027] FIG12 is a schematic diagram of first interaction prompt information according to an embodiment of the present disclosure;

[0028] FIG13 is a schematic diagram of second interaction prompt information according to an embodiment of the present disclosure;

[0029] FIG14 is a schematic diagram of a participant page according to an embodiment of the present disclosure;

[0030] FIG15 is a schematic diagram of a host selection page according to an embodiment of the present disclosure;

[0031] FIG16 is a schematic diagram of a volume indication control according to an embodiment of the present disclosure;

[0032] FIG17 is a schematic diagram of a newly added song page according to an embodiment of the present disclosure;

[0033] FIG18 is a structural block diagram of a project display device according to an embodiment of the present disclosure;

[0034] FIG19 is a schematic diagram of the hardware structure of the electronic device according to an embodiment of the present disclosure. DETAILED DESCRIPTION

[0035] To make the purpose, technical solutions, and advantages of the embodiments of the present disclosure more clear, the technical solutions in the embodiments of the present disclosure will be clearly and completely described below in conjunction with the drawings in the embodiments of the present disclosure. Obviously, the described embodiments are part of the embodiments of the present disclosure, not all of the embodiments. Based on the embodiments of the present disclosure, all other embodiments obtained by those skilled in the art without making creative efforts shall fall within the scope of protection of the present disclosure.

[0036] It is understandable that before using the technical solutions disclosed in the various embodiments of this disclosure, the type, scope of use, usage scenarios, etc. of the personal information involved in this disclosure should be informed to the user and the user's authorization should be obtained in an appropriate manner in accordance with relevant laws and regulations.

[0037] For example, in response to a user's active request, a prompt message is sent to the user to clearly inform the user that the requested operation will require the acquisition and use of the user's personal information. This allows the user to independently choose whether to provide personal information to the electronic device, application, server, storage medium, or other software or hardware that performs the operations of the disclosed technical solution based on the prompt message.

[0038] As an optional but non-limiting implementation, in response to receiving a user's active request, the prompt information may be sent to the user in the form of a pop-up window, in which the prompt information may be presented in text form. Furthermore, the pop-up window may also contain a selection control for the user to select "agree" or "disagree" to provide personal information to the electronic device.

[0039] It is understandable that the above notification and user authorization process are merely illustrative and do not limit the implementation of the present disclosure. Other methods that comply with relevant laws and regulations may also be applied to the implementation of the present disclosure.

[0040] It is understandable that the data involved in this technical solution (including but not limited to the data itself, the acquisition or use of the data) must comply with the requirements of relevant laws, regulations and relevant provisions.

[0041] According to an embodiment of the present disclosure, an embodiment of a project display method is provided. It should be noted that the steps shown in the flowchart of the accompanying drawings can be executed in a computer system such as a set of computer executable instructions, and although a logical order is shown in the flowchart, in some cases, the steps shown or described can be executed in an order different from that shown here.

[0042] In this embodiment, a project display method is provided, which can be used in electronic devices, such as mobile terminals such as mobile phones and tablet computers. FIG1 is a flow chart of the project display method according to an embodiment of the present disclosure. As shown in FIG1 , the flow chart includes the following steps:

[0043] Step S101: display the song playing page.

[0044] The song playing page includes a first area and a second area. The first area is used to display song information, and the second area is used to display the identification of the participants of the current project. The current project includes the songs in the playing song information.

[0045] The current project includes the songs in the song information. The current project can be a function in a song playing application that supports multiple people to participate in the current project online. The current project can also be a function in another application, etc. There is no restriction on the source of the current project. You can set it according to your actual needs.

[0046] The song playback page includes a first area and a second area. The first area displays song information. The song information can be playlist information or lyrics information of the currently playing song. For example, as shown in Figure 2, the song information displayed in the first area includes a playlist list. By interacting with the first area, switching to Figure 3, the song information displayed in the first area accordingly includes lyrics information of the currently playing song.

[0047] In some optional embodiments, the first area displays an identifier for the currently playing song, including but not limited to the song title or cover. The content displayed in the first area varies for different roles in the current project. Participants in the current project may include a host and other participants, depending on their roles. The host's song playback page displays playback controls for the currently playing song in the first area; however, other participants' song playback pages do not display playback controls for the currently playing song in the first area.

[0048] For example, the song playback page shown in Figure 2 is for the host. In the first area, corresponding to the currently playing song, there are playback controls for the currently playing song and comment controls. The playback controls include a pause control and a next song control, and the comment controls include a control for liking the currently playing song. Correspondingly, in the first area corresponding to other participants, there are comment controls for the currently playing song, but no playback controls.

[0049] The second area is used to display the identification of the participants of the current project. The identification of the participants can be a text identification, a picture identification, etc., which is set according to actual needs and is not limited here. Among them, displaying the identification of the participants in the second area is used to intuitively represent the participants of the current project.

[0050] Step S102: If a new participant joins the current project, the identifier of the new participant is displayed in the second area and the identifier of the new participant is active in the second area.

[0051] A new participant may join the current project by being invited by a participant of the current project, or the new participant may take the initiative to join, etc. When a new participant joins the current project, an identifier of the new participant is displayed in the second area and the identifier of the new participant is active in the second area.

[0052] Specifically, the identification of the new participant may be displayed in the second area only when the new participant joins the current project; or, if a participant of the current project sends an invitation to the new participant, the identification of the new participant may be displayed in the first form in the second area, and when the new participant actually joins the current project, the identification of the new participant may be displayed in the second form in the second area. The second form is the same as the identification display method of the participants of the current project. For example, the first form is represented by a dotted frame, and the second form is represented by a solid frame. The first form is used to represent the new participant to be added to the current project, which intuitively indicates that the corresponding new participant has been invited to avoid repeated invitations. Of course, the display method of the new participant's identification in the second area is not limited here, and is set according to actual needs.

[0053] After a new participant joins the current event, the new participant's identifier becomes active in the second area, and the new participant's movements may include, but are not limited to, random movement or movement according to a preset path. Random movement refers to a randomly generated movement path, while preset path movement refers to a pre-set movement path and the participant's movements follow the preset path.

[0054] When a new participant joins the current project, their logo is active in the second area, dynamically representing the new participant's entry and distinguishing the display of logos of existing participants in the current project. For example, as shown in FIG2 , the second area is located at the top of the song display page. When a new participant joins the current project, the second area displays the new participant's logo falling from the top of the page, thereby creating a dynamic display effect.

[0055] It should be noted that for participants with different roles in the current project, the content displayed in the second area of ​​the corresponding song display page is the same. The difference between the song display pages corresponding to participants with different roles is the information corresponding to the currently playing song in the first area.

[0056] The project display method provided by this embodiment includes a first area and a second area on the song playing page. The first area is used to display song information, and the second area is used to display the identification of the participants of the current project. By displaying the song information and the identification of the participants on the same page at the same time, the participants can intuitively understand the situation of the current project. The current project includes the songs in the playing song information, that is, the participants can intuitively understand the participation status of the current project and the progress of the current project during the progress of the current project. When a new participant joins the current project, the identification of the new participant is displayed in the second area and the identification of the new participant is active in the second area. For the identification of the new participant, it is displayed in the second area in a motion manner. And because of the movement of the identification of the new participant, it can be distinguished from the identification of the participants that already exist in the current project, which is convenient for intuitively displaying the situation of the new participant while the song is playing, thereby improving the dynamic display effect of the project effect.

[0057] In some optional embodiments, the second area includes an identification display sub-area and an identification movement sub-area. Specifically, the identification display sub-area is used to display the identifications of participants in the current project, and the identification movement sub-area is used to display the movement of the identifications of new participants. By dividing the second area into regions, the display of the participant identifications is controlled. That is, the display of the identifications of existing participants in the current project and the movement of the identifications of new participants are independent of each other and do not affect each other.

[0058] Based on this, the identification of the new participant in the above step S102 is active in the second area, including: the identification of the new participant moves along the first preset path in the identification movement sub-area to the identification display sub-area, and the identification of the new participant is displayed in the identification display sub-area, and the identification of the participants of the current project is displayed in the identification display sub-area.

[0059] Specifically, the new participant's logo moves along a first preset path in the logo movement sub-area. The first preset path can be a straight line or a curve, and its specific type is not limited herein and is set according to actual needs. After the new participant's logo moves to the logo display sub-area, it is displayed in the logo display sub-area.

[0060] It should be noted that there is no obvious division between the identification display sub-area and the identification movement sub-area in the second area, and they are only divided according to different functions. Since the range of the song display page is limited, the identification of the participants that can be displayed in one line is limited. Accordingly, when there are a large number of participants in the current project, the identification display sub-area may require multiple lines to display the identification of all participants. For example, one line of the identification display sub-area can only provide the display of the identification of 10 participants at most. If there are 12 participants in the current project, two lines are required to display the identification of these 12 participants. Alternatively, the identification of the participants can be displayed in one line by reducing the identification of the participants, and so on.

[0061] When the size of the second area remains unchanged, the sizes of the marker motion sub-area and the marker display sub-area can be adaptively adjusted according to actual conditions. As shown above, there is no obvious boundary between the marker motion sub-area and the marker display sub-area, and they are only distinguished from each other in terms of display function.

[0062] The second area includes a logo display sub-area and a logo movement sub-area. New participants' logos move along a first preset path from the logo movement sub-area to the display sub-area. This path allows for the movement of newly added participants' logos to be managed accordingly, ensuring both a dynamic display effect and regular management of the logos.

[0063] In some optional implementations, the second area also displays a new control. Based on this, the project display method further includes: obtaining an interaction instruction with the new control, displaying an invitation information page, and the invitation information page is used to generate invitation information for joining the current project.

[0064] The second area also displays new controls, which can be displayed in the same manner as the participant's ID. For example, if the participant's ID is represented by a picture, the new control can also be represented by a picture; if the participant's ID is represented by text, the new control can also be represented by text, and so on.

[0065] By interacting with the newly added control, the invitation information page is displayed. The invitation information page is used to generate an invitation to join the current project. For example, the invitation information can be at least one of a QR code, an invitation link, and an invitation code, with no specific restrictions.

[0066] Get interaction instructions for the newly added control, which trigger the display of the invitation information page. The invitation information page is used to generate invitation information to join the current project. Furthermore, the invitation information page also includes an invitation information sharing control. By interacting with the sharing control, the invitation information can be sent to the corresponding invitees.

[0067] For example, as shown in Figure 2, the invitation control and the participant's identification are displayed together in the identification display sub-area of ​​the second area. The invitation control can also be understood as a special participant's identification.

[0068] The second area also displays a new control for inviting new participants to join the current project. Since the new control is set in the second area, and the second area is used to display the identifiers of the participants of the current project, the operation can be simplified.

[0069] In some optional embodiments, the above-mentioned project display method also includes: if the local current participant is the first participant of the current project, the current participant's identifier and newly added controls are displayed in the second area, and the current participant's identifier and newly added controls are active in the second area.

[0070] The first participant's ID is displayed in the current project, and the current participant's ID and the newly added control are displayed in the second area, and both the current participant's ID and the newly added control are active in the second area. The current participant's ID and the newly added control can move in the same or different ways, depending on actual needs.

[0071] For example, as shown in Figure 4, the current participant's logo and the newly added control are both active in the second area. The movement paths and speeds of the two can be the same or different, and there is no limitation on this. Combined with the second area division shown above, the current participant's logo and the newly added control both move in the logo movement sub-area. Finally, as shown in Figure 5, the current participant's logo and the newly added control are both displayed in the logo display sub-area.

[0072] For the first participant of the current project, the first participant's logo and the newly added controls are active in the second area, increasing the dynamic display effect of the current project.

[0073] In some optional implementations, the above-mentioned item display method further includes: displaying the participant's first comment information on the song information at a position corresponding to the participant's identifier in the second area.

[0074] Participants of the current project can interact with the comment control to leave comments on the currently playing song. The comments can be in the form of images or text, etc.

[0075] As shown above, the second area is used to display the participant's ID. The corresponding position of each participant's ID also displays the participant's first comment on the song information. For example, from the participant dimension, the comments participated by the participant are counted. Accordingly, the comments participated by the participant are displayed in the corresponding position of the participant's ID. If a participant has participated in multiple comments, the first comment information can be displayed in a rotating manner. Alternatively, only the participant's comments on the currently playing song can be displayed, and so on.

[0076] The display content and display format of the first comment information are set according to actual needs and are not limited here. The first comment information of each participant on the song information is displayed at the corresponding position of the participant's logo, which is convenient for intuitively displaying the comments of each participant on the song information.

[0077] In some optional embodiments, the first comment information includes a first comment picture and a corresponding number of comments. The first comment picture and the corresponding number of comments may be displayed in correspondence. If there are multiple first comment pictures, and each first comment picture has a corresponding number of comments, then the first comment picture and the corresponding number of comments are displayed in correspondence when displayed. Alternatively, in the case where there are multiple first comment pictures, only one of the pictures can be selected as the displayed picture, and the total number of comments corresponding to all first comment pictures can be displayed as the number of comments corresponding to the displayed picture. For example, the first comment pictures corresponding to participant A are pictures 1 to 5, the number of comments corresponding to picture 3 is at most 10, and the total number of comments corresponding to all pictures is 20, then picture 3 and the total number of comments 20 are displayed at the position corresponding to participant A's identifier.

[0078] Alternatively, when selecting the picture to be displayed, a picture may be randomly selected as the picture to be displayed. It should be noted that the randomly selected picture may be one of all the comment pictures corresponding to the participant, or may be a picture that does not belong to the participant.

[0079] For example, as shown in Figure 6, the first comment picture and the number of comments corresponding to each participant are displayed at the corresponding position of the participant's logo. By displaying the comment picture and the number of comments, the participation rate and display effect of the current project are increased.

[0080] In some optional implementations, the above-mentioned project display method further includes: if the total number of comments by all participants in the current project exceeds a preset number of comments, triggering the display of a preset visual effect in the second area.

[0081] During the current project, all participants' comments are counted to obtain a total number of comments. This total number of comments is compared with a preset number of comments. If the total number of comments exceeds the preset number of comments, a preset visual effect is triggered in the second area.

[0082] The preset visual effects include, but are not limited to, the display of preset dynamic effects, for example, the display of fireworks represented by dynamic effects, or the display of corresponding text represented by dynamic effects, etc. There is no limitation on the display method of the preset visual effects, and they can be set according to actual needs.

[0083] In some optional embodiments, the preset visual effect includes a preset animation effect and / or a first prompt message representing the total number of comments. For example, as shown in Figure 7, a preset animation effect is used to represent the display of fireworks. As another example, as shown in Figure 8, the preset visual effect includes the first prompt message, which is expressed in text form. Figure 8 shows a fusion display of the preset animation effect and the first prompt message. However, in specific applications, at least one of the preset animation effect and the first prompt message may be displayed.

[0084] When the total number of comments by all participants exceeds the preset number of comments, the display of the preset visual effect is triggered in the second area to further highlight the playback atmosphere of the current project.

[0085] In some optional embodiments, the song playback page further includes an area adjustment control, which is used to adjust the proportion of the first area and the second area on the song playback page. It should be noted that the area adjustment control can be a visual control, or a preset gesture, etc., and the specific form of the area adjustment control is not limited here. Based on this, the above-mentioned item display method also includes:

[0086] Step a1: Obtaining an interaction instruction with the region adjustment control, wherein the interaction instruction with the region adjustment control is used to adjust the proportion of the first region and the second region on the song playing page.

[0087] Step a2: If the proportion of the second area after adjustment is greater than the proportion of the second area before adjustment, the second comment information of the participant on the song information is displayed in the second area after adjustment and the second comment information moves in the second area after adjustment. The second area after adjustment is also used to display the identification of the participant of the current project.

[0088] By interacting with the region adjustment control, an interaction instruction with the region adjustment control is generated. The interaction instruction is used to adjust the proportion of the first region and the second region on the song playback page. The proportion adjustment can be to increase the proportion of the first region on the song playback page and correspondingly reduce the proportion of the second region on the song playback page; or, it can be to reduce the proportion of the first region on the song playback page and correspondingly increase the proportion of the second region on the song playback page.

[0089] If the proportion of the second area after adjustment is greater than the proportion of the second area before adjustment, the second comment of the participant on the song information will be displayed in the second area after adjustment, and the second comment will move in the second area after adjustment. Corresponding to the second area before adjustment, the second area after adjustment is also used to display the identifier of the participant of the current project.

[0090] When the proportion of the second area is increased, the second area is adjusted to dynamically display the second comment information. The second comment information can be the comment information corresponding to all participants or randomly generated comment information. The second comment information can be pictures or text, etc.

[0091] If the second comment information is an image, as shown in Figure 9, the images are randomly displayed in the adjusted second area, and each displayed image is moved in the adjusted second area. The number and format of the second comment information are set according to actual needs. If there are multiple second comment information, the multiple second comment information can be displayed simultaneously and dynamically, according to preset rules, or randomly generated and displayed, etc. The specific format is not limited.

[0092] By interacting with the area adjustment control, the proportion of the first and second areas on the song playback page is adjusted to meet display requirements in different situations. At the same time, the proportion of the second area after adjustment is adjusted to the proportion of the second area before adjustment, and the second comment information of the participant on the song information is displayed in the second area after adjustment, and the second comment information moves in the adjusted second area, increasing the interactivity and dynamic display effect of the current project, and further enhancing the visual effect of the song playback.

[0093] In some optional implementations, the second comment information includes a second comment picture, wherein the second comment picture may be derived from the first comment picture, or may be a randomly generated comment picture that is unrelated to the first comment picture.

[0094] Based on this, the second comment information moves in the adjusted second area in step a2, including: the second comment image moves along a second preset path in the adjusted second area. The second preset path can be a straight line, a curve, or the like.

[0095] After the second comment picture moves to the logo display sub-area, it is displayed together with the participant's logo in the logo display sub-area. Alternatively, the second comment picture is hidden after moving to the representation display sub-area, and no second comment picture is displayed in the logo display sub-area.

[0096] The second comment information includes a second comment picture, and the second comment picture moves along the second preset path in the adjusted second area, thereby improving the dynamic visual effect of the current project.

[0097] In some optional embodiments, the comparison of the total number of comments with the preset number of comments is performed in real time. If the proportion of the second region after adjustment is greater than the proportion of the second region before adjustment, and the total number of comments exceeds the preset number of comments, the display of the preset dynamic effect is triggered in the adjusted second region. For example, as shown in Figure 10, the movement of the second comment image and the display of the dynamic visual effect have no impact on each other and are independent of each other.

[0098] By interacting with the area adjustment control, the proportion of the first and second areas on the song playback page is adjusted to meet display requirements in different situations. At the same time, the proportion of the second area after adjustment is adjusted to the proportion of the second area before adjustment, and the second comment information of the participant on the song information is displayed in the second area after adjustment, and the second comment information moves in the adjusted second area, increasing the interactivity and dynamic display effect of the current project, and further enhancing the visual effect of the song playback.

[0099] In some optional embodiments, if the proportion of the first area after adjustment is greater than the proportion of the first area before adjustment, the detailed content of the song information is displayed in the first area after adjustment. The detailed content includes a list of playlists to be played and a list of historical playlists. For example, as shown in Figure 11, the list of playlists to be played and a list of historical playlists, as well as the corresponding number of each, are displayed in the first area after adjustment.

[0100] Among them, since the display space of the first area is limited after adjustment, the list of songs to be played and the list of historical songs can only be partially displayed, and the display of the list of songs to be played and the list of historical songs can be adjusted through interactive operations.

[0101] For each song in the playlist to be played, you can adjust its position in the playlist to be played through the position adjustment control, for example, move the song up or down. For songs in the historical playlist, you can comment on the historical played songs through their corresponding comment controls.

[0102] In some optional embodiments, the item display method further includes: obtaining a first interaction instruction with the first participant's identifier, the first interaction instruction being used to trigger the display of interaction prompt information with the first participant in the second area. The interaction prompt information includes the first interaction prompt information displayed in the local second area and the second interaction prompt information displayed in the second area corresponding to the first participant.

[0103] Different interactions with the participant's ID generate different interaction commands. These commands trigger different functions. For example, single-clicking a participant's ID generates interaction command 1, triggering function 1; double-clicking a participant's ID generates interaction command 2, triggering function 2; and long-pressing a participant's ID generates interaction command 3, triggering function 3. The correspondence between interaction methods, interaction commands, and triggered functions is determined based on actual needs and is not limited here.

[0104] A first interaction is performed with the first participant's identifier, generating a corresponding first interaction instruction. For example, the first interaction can be a single click. The first interaction instruction triggers the display of interaction prompt information with the first participant in the second area. Specifically, the interaction prompt information indicates that the local participant has triggered an interaction with the first participant. Accordingly, the first interaction prompt information is displayed in the local second area, and the second interaction prompt information is displayed in the second area corresponding to the first participant.

[0105] As shown in FIG12 , the first interaction prompt information is displayed in the local second area as “You poked ***”. Correspondingly, as shown in FIG13 , the second interaction prompt information is displayed in the second area corresponding to the first participant as “*** poked you”.

[0106] Comparing Figures 12 and 13, Figure 12 shows the host's song playback page, while Figure 13 shows the other participants' song playback pages. Besides the difference in interactive prompts, the two also differ in the display of content related to the currently playing song. Figure 12 shows the playback controls and comment controls for the currently playing song, while Figure 13 shows the comment controls for the currently playing song. In other words, only the host's corresponding song playback page in the current project displays the playback controls for the currently playing song.

[0107] The first interaction instruction with the identifier of the first participant triggers the display of the interaction prompt information with the first participant in the second area, thereby increasing the interaction effect between the participants in the current project.

[0108] In some optional implementations, the above-mentioned project display method further includes:

[0109] Step b1: Acquire a second interaction instruction with the identifier of the first participant, where the second interaction instruction is used to trigger display of a participant page.

[0110] Step b2: displaying a participant page, which includes entries of all participants of the current project. The entries include participant identifiers and interaction controls corresponding to the participants. The interaction controls corresponding to the participants are used to trigger interaction information corresponding to the participants.

[0111] A second interaction is performed with the first participant's identifier to generate a corresponding second interaction instruction. For example, the second interaction may be a double-click, etc. The second interaction instruction is used to trigger the display of the participant page. For example, as shown in Figure 14, the participant page includes content corresponding to the currently playing song and a list of participants.

[0112] The participant page includes entries for all participants of the current project. Each participant entry includes the participant's ID and its corresponding interaction control. The interaction control is used to trigger interaction information corresponding to the participant, and different interaction controls correspond to different interaction information.

[0113] The second interaction instruction with the first participant's identifier triggers the display of the participant page, which displays the participant's detailed information and interaction controls with the participant through the display of the participant's entry, thereby facilitating interaction between participants.

[0114] In some optional implementations, the control corresponding to the participant includes a first interactive control. Based on this, the above-mentioned project display method further includes:

[0115] Step c1: Obtain interaction instructions with the first interactive control and determine the second participant.

[0116] Step c2: triggering the display of interaction prompt information with the second participant in the second area.

[0117] As shown above, each participant entry corresponds to the participant's identifier and the interaction control. By interacting with the first interaction control, an interaction instruction corresponding to the first interaction control is generated and the second participant is determined. Accordingly, the interaction prompt information with the second interactor is triggered and displayed in the second area.

[0118] The interaction instruction of the first interaction control has the same function as the first interaction instruction shown above, which is to trigger the display of interaction prompt information corresponding to the interactor in the second area. For example, as shown in FIG14 , the first interaction control may be a “poke” control.

[0119] The controls corresponding to the participants include a first interactive control. The interaction with the first interactive control determines the second participant. Accordingly, the interaction prompt information with the second participant is triggered to be displayed in the second area, thereby increasing the interaction effect between the current participant and the second participant.

[0120] In some optional implementations, the control corresponding to the participant includes a second interactive control. Based on this, the above-mentioned project display method further includes:

[0121] Step d1: Obtain interaction instructions with the second interactive control and determine the third participant.

[0122] Step d2: triggering the establishment of an association relationship between the local current participant and the third participant.

[0123] By interacting with the second interactive control, an interaction instruction is generated and the corresponding third participant is determined. The interaction instruction corresponding to the second interactive control is used to trigger the establishment of an association relationship between the local participant and the third participant, such as adding a follower or adding a friend.

[0124] For example, as shown in Figure 14, the second interactive control may be the "Follow" control in the figure. Of course, the "Follow" control is only an example and does not limit the scope of protection of the present disclosure, and may be set according to actual needs.

[0125] The controls corresponding to the participants include a second interactive control. The third participant is determined by interacting with the second interactive control, and the establishment of an association relationship between the current participant and the third participant is triggered, thereby meeting the requirement for establishing an association relationship between the current participant and the third participant.

[0126] In some optional implementations, the above-mentioned project display method further includes:

[0127] Step e1: If the local current participant is the host of the current project and obtains the interaction information with the exit control in the song playing page, the host selection page is displayed, which includes the identifier of the participant of the current project and the selection control corresponding to the participant.

[0128] Step e2: Obtain interaction information of the selection control corresponding to the fourth participant, and determine that the fourth participant is the host of the current project.

[0129] For the current project, there may be only one host. When the current host quits the current project, it is necessary to determine the next host. The next host may be designated by the current host.

[0130] Specifically, if the current participant is the host of the current project and receives interaction information with the exit control on the song playback page, it indicates that the current participant needs to exit the current project. Accordingly, a host selection page is displayed to re-determine the host. The host selection page includes the participant identifiers of the current project and the corresponding selection controls for the participants. For example, Figure 15 shows an example display of the host selection page.

[0131] By interacting with the selection control in the host selection page, corresponding interaction information is obtained and a fourth participant is determined. Accordingly, the determined fourth participant is used as the host of the current project.

[0132] When the host of the current project exits, the fourth participant is determined to be the host of the current project through interaction with the host selection page, thereby ensuring that the current project can proceed normally.

[0133] In some optional implementations, the above-mentioned project display method further includes:

[0134] Step f1: Acquire interaction information with the volume adjustment control and display the volume indication control.

[0135] Step f2: Obtain interaction information with the volume indicator control to determine the target volume of the currently playing song in the current project.

[0136] The song playback page also includes a volume control for adjusting the volume of the currently playing song in the current project. As shown in FIG16 , the volume control is displayed in the form of a speaker. By interacting with the volume control, a volume indicator is displayed on the song playback page. The volume indicator is used to visually indicate the current volume level. For example, as shown in FIG16 , the volume indicator is displayed as a rectangular bar.

[0137] By interacting with the volume indicator control, interaction information with the volume indicator control is obtained, thereby obtaining the target volume of the currently playing song in the current project. For example, the target volume of the currently playing song can be obtained by detecting the position of the interaction point with the volume indicator control.

[0138] The interaction with the volume adjustment control is used to display the volume indicator control, and the volume of the currently playing song can be adjusted through the interaction with the volume indicator control, thereby improving the smoothness and intuitiveness of the volume adjustment.

[0139] In some optional implementations, the above-mentioned project display method further includes:

[0140] Step g1, obtaining interaction information with the newly added song control in the first area, displaying the newly added song page, and the newly added song page including at least one song source tag.

[0141] Step g2, obtaining interaction information with at least one song source tag, and determining the current song source tag.

[0142] Step g3: If the current song source tag is the previous project, the song list sub-page is displayed. The song list sub-page is used to display the song information of the previous project and the add song control.

[0143] Step g4, obtain the interactive information with the song adding control, and add the song information of the previous project to the song information of the current project.

[0144] Since the first area is used to display the song information of the current project, a new song control is provided in the first area accordingly. By interacting with the new song control, the interaction information with the new song control is obtained, and the new song page is displayed. The new song page includes at least one song source tag. For example, as shown in FIG17 , the new song page includes relevant content of the currently playing song and song source tags, i.e., tags 1 to 3. Of course, the song source tags included in the new song page are not limited to the three shown in FIG17 , and can also be more than three, etc.

[0145] By interacting with the song source tag, the current song source tag is determined. If the current song source tag is the previous project, the song list subpage of the previous project is displayed. The song list subpage includes the song information of the previous project and the song add control. For example, as shown in Figure 17, the song list information of the previous project and the song add control "Add all songs (15)" are displayed, where the previous project involves a total of 15 songs. By interacting with the song add control, these 15 songs are added with one click. That is, a one-click song add control is provided to enable batch addition of multiple songs.

[0146] By adding the song information of the previous project to the song information of the current project in batches, the efficiency of adding songs is improved.

[0147] As a specific application example of the disclosed embodiments, the current project is a party feature within a song playback application. While playing a song within the song playback application, the current participant triggers the party feature, displaying the song playback page shown in Figure 4 . Specifically, the current participant and the newly added controls appear and move within the second area of ​​the song playback page. By interacting with the newly added controls within the song playback page, an invitation page is displayed to invite new participants to the current party. If a new participant joins the current party, the song playback page shown in Figure 2 is displayed, with the new participant's logo active in the second area. During the current project, a first comment image and the number of comments appear in the second area corresponding to the participant's logo. If the total number of comments by all participants exceeds a preset number, the preset display effect shown in Figures 7 or 8 is triggered within the second area. Furthermore, by interacting with the adjustment control, the proportion of the second area within the song playback page is adjusted. If the adjusted proportion of the second area is greater than the pre-adjusted proportion, a second comment image, shown in Figure 9, appears in the adjusted second area and moves within the adjusted second area.

[0148] Furthermore, if a first interaction is performed with the identifier of a participant in the second area, the first interaction information is displayed in the local second area (for example, as shown in FIG12 ), and the second interaction information is displayed in the second area corresponding to the corresponding participant (for example, as shown in FIG13 ). If the current participant is the host and needs to leave the current party, the host needs to be re-determined. By interacting with the exit control, the host subpage shown in FIG15 is displayed. By interacting with the host subpage, the host of the current party is re-determined.

[0149] In this embodiment, a project display device is also provided, which is used to implement the above-mentioned embodiments and preferred embodiments. Details already described will not be repeated here. As used below, the term "module" may refer to a combination of software and / or hardware that implements a predetermined function. Although the devices described in the following embodiments are preferably implemented in software, implementation using hardware, or a combination of software and hardware, is also possible and contemplated.

[0150] This embodiment provides a project display device, as shown in FIG18 , including:

[0151] The song page display module 1801 is used to display the song playing page. The song playing page includes a first area and a second area. The first area is used to display song information, and the second area is used to display the identification of the participants of the current project.

[0152] The participant identification display module 1802 is configured to display the identification of the new participant in the second area if a new participant joins the current project, and the identification of the new participant is active in the second area.

[0153] In some optional implementations, the second area includes an identification display sub-area and an identification movement sub-area, and the participant identification display module 1802 includes:

[0154] The identification display unit is used to move the identification of the new participant in the identification movement sub-area along the first preset path to the identification display sub-area, and display the identification of the new participant in the identification display sub-area, and display the identification of the participants of the current project in the identification display sub-area.

[0155] In some optional implementations, the second area further displays a new control, and the item display device further includes:

[0156] The invitation information display module is used to obtain interaction instructions with the newly added controls and display the invitation information page, which is used to generate invitation information for joining the current project.

[0157] In some optional embodiments, the project display device further includes:

[0158] The newly added control display module is used to display the current participant's identifier and the newly added control in the second area if the local current participant is the first participant of the current project, and the current participant's identifier and the newly added control are active in the second area.

[0159] In some optional embodiments, the project display device further includes:

[0160] The first comment information display module is used to display the participant's first comment information on the song information at a corresponding position of the participant's identifier in the second area.

[0161] In some optional implementations, the first comment information includes a first comment picture and a corresponding number of comments.

[0162] In some optional embodiments, the project display device further includes:

[0163] The first preset visual effect display module is used to trigger the display of a preset visual effect in the second area if the total number of comments by all participants in the current project exceeds a preset number of comments.

[0164] In some optional implementations, the preset visual effect includes a preset animation effect and / or a first prompt information representing the total number of comments.

[0165] In some optional implementations, the song playback page further includes a region adjustment control, and the item display device further includes:

[0166] An interactive instruction acquisition module, used to acquire interactive instructions with the region adjustment control, where the interactive instructions with the region adjustment control are used to adjust the proportions of the first region and the second region on the song playback page;

[0167] The second comment information display module is used to display the participant's second comment information on the song information in the adjusted second area if the proportion of the second area after adjustment is greater than the proportion of the second area before adjustment, and the second comment information moves in the adjusted second area. The adjusted second area is also used to display the identification of the participant of the current project.

[0168] In some optional implementations, the second comment information includes a second comment picture, and the second comment information display module includes:

[0169] The preset path movement unit is used to move the second area of ​​the second comment picture along the second preset path after adjustment.

[0170] In some optional embodiments, the project display device further includes:

[0171] The second preset visual effect display module is used to trigger the display of the preset visual effect in the adjusted second area if the total number of comments by all participants in the current project exceeds the preset number of comments.

[0172] In some optional embodiments, the project display device further includes:

[0173] A first interaction instruction acquisition unit is used to acquire a first interaction instruction with the identifier of the first participant, where the first interaction instruction is used to trigger the display of interaction prompt information with the first participant in the second area, where the interaction prompt information includes first interaction prompt information displayed in the local second area and second interaction prompt information displayed in the second area corresponding to the first participant.

[0174] In some optional embodiments, the project display device further includes:

[0175] a second interaction instruction acquisition unit, configured to acquire a second interaction instruction with the identifier of the first participant, the second interaction instruction being used to trigger display of a participant page;

[0176] The participant page display unit is used to display the participant page, which includes entries of all participants of the current project. The entries include participant identifiers and interaction controls corresponding to the participants. The interaction controls corresponding to the participants are used to trigger interaction information corresponding to the participants.

[0177] In some optional implementations, the control corresponding to the participant includes a first interactive control, and the item display device further includes:

[0178] A second participant determination module is used to obtain an interaction instruction with the first interactive control and determine a second participant;

[0179] The interaction prompt information display module is used to trigger the display of the interaction prompt information with the second participant in the second area.

[0180] In some optional implementations, the control corresponding to the participant includes a second interactive control, and the item display device further includes:

[0181] The third participant determination module is configured to obtain an interaction instruction with the second interaction control and determine a third participant.

[0182] The association relationship establishment module is used to trigger the establishment of an association relationship between the local current participant and the third participant.

[0183] In some optional embodiments, the project display device further includes:

[0184] The host selection page display module is used to display the host selection page if the local current participant is the host of the current project and obtains the interaction information with the exit control in the song playback page. The host selection page includes the identifier of the participant of the current project and the selection control corresponding to the participant.

[0185] The moderator determination module is used to obtain interaction information of the selection control corresponding to the fourth participant and determine the fourth participant as the moderator of the current project.

[0186] In some optional implementations, the song playback page further includes a volume adjustment control, and the item display device further includes:

[0187] The volume indicator control display module is used to obtain interaction information with the volume adjustment control and display the volume indicator control.

[0188] The target volume determination module is used to obtain interaction information with the volume indicator control and determine the target volume of the currently playing song in the current project.

[0189] In some optional embodiments, the project display device further includes:

[0190] The newly added song page display module is used to obtain interaction information with the newly added song control in the first area and display the newly added song page, which includes at least one song source tag.

[0191] The current song source tag determination module is used to obtain interactive information with at least one song source tag and determine the current song source tag.

[0192] The playlist sub-page display module is used to display the playlist sub-page if the current song source label is the previous project. The playlist sub-page is used to display the song information of the previous project and the add song control.

[0193] The song information adding module is used to obtain interactive information with the song adding control and add the song information of the previous project to the song information of the current project.

[0194] The project display device in this embodiment is presented in the form of a functional unit, where the unit refers to an ASIC (Application Specific Integrated Circuit) circuit, a processor and memory that executes one or more software or fixed programs, and / or other devices that can provide the above functions.

[0195] The further functional description of each of the above modules and units is the same as that of the above corresponding embodiments and will not be repeated here.

[0196] An embodiment of the present disclosure further provides an electronic device having the item display device shown in FIG. 18 .

[0197] Please refer to Figure 19, which is a structural diagram of an electronic device provided by an optional embodiment of the present disclosure. As shown in Figure 19, the electronic device includes: one or more processors 10, a memory 20, and interfaces for connecting various components, including high-speed interfaces and low-speed interfaces. The various components are connected to each other using different buses and can be installed on a common motherboard or installed in other ways as needed. The processor can process instructions executed in the electronic device, including instructions stored in or on the memory to display graphical information of the GUI on an external input / output device (such as a display device coupled to the interface). In some optional embodiments, if necessary, multiple processors and / or multiple buses can be used together with multiple memories and multiple memories. Similarly, multiple electronic devices can be connected, and each device provides some necessary operations (for example, as a server array, a group of blade servers, or a multi-processor system). Figure 19 takes a processor 10 as an example.

[0198] The processor 10 may be a central processing unit, a network processor, or a combination thereof. The processor 10 may further include a hardware chip. The hardware chip may be an application-specific integrated circuit, a programmable logic device, or a combination thereof. The programmable logic device may be a complex programmable logic device, a field programmable gate array, a general purpose array logic, or any combination thereof.

[0199] The memory 20 stores instructions that can be executed by at least one processor 10, so that the at least one processor 10 executes the method shown in the above embodiment.

[0200] The memory 20 may include a program storage area and a data storage area, wherein the program storage area may store an operating system and applications required for at least one function; the data storage area may store data created based on the use of the electronic device, etc. In addition, the memory 20 may include a high-speed random access memory, and may also include a non-transient memory, such as at least one disk storage device, a flash memory device, or other non-transient solid-state storage device. In some optional embodiments, the memory 20 may optionally include a memory remotely located relative to the processor 10, and these remote memories may be connected to the electronic device via a network. Examples of the above-mentioned network include, but are not limited to, the Internet, an intranet, a local area network, a mobile communication network, and combinations thereof.

[0201] The memory 20 may include a volatile memory, such as a random access memory; the memory may also include a non-volatile memory, such as a flash memory, a hard disk or a solid-state drive; the memory 20 may also include a combination of the above types of memory.

[0202] The electronic device further includes an input device 30 and an output device 40. The processor 10, the memory 20, the input device 30, and the output device 40 may be connected via a bus or other means, with FIG19 taking the bus connection as an example.

[0203] The input device 30 can receive input digital or character information and generate key signal input related to user settings and function control of the electronic device, such as a touch screen, a keypad, a mouse, a trackpad, a touch pad, an indicator stick, one or more mouse buttons, a trackball, a joystick, etc. The output device 40 can include a display device, an auxiliary lighting device (e.g., an LED), and a tactile feedback device (e.g., a vibration motor). The above-mentioned display device includes but is not limited to a liquid crystal display, a light emitting diode, a display, and a plasma display. In some optional embodiments, the display device can be a touch screen.

[0204] The embodiments of the present disclosure also provide a computer-readable storage medium. The above-mentioned method according to the embodiments of the present disclosure can be implemented in hardware, firmware, or implemented as a computer code that can be recorded in a storage medium, or implemented as a computer code that is originally stored in a remote storage medium or a non-temporary machine-readable storage medium and downloaded through a network and will be stored in a local storage medium, so that the method described herein can be stored in such software processing on a storage medium using a general-purpose computer, a dedicated processor, or programmable or dedicated hardware. Among them, the storage medium can be a magnetic disk, an optical disk, a read-only storage memory, a random access memory, a flash memory, a hard disk or a solid-state drive, etc.; further, the storage medium can also include a combination of the above-mentioned types of memory. It can be understood that a computer, a processor, a microprocessor controller or programmable hardware includes a storage component that can store or receive software or computer code. When the software or computer code is accessed and executed by a computer, a processor or hardware, the method shown in the above embodiment is implemented.

[0205] Although the embodiments of the present disclosure have been described with reference to the accompanying drawings, those skilled in the art may make various modifications and variations without departing from the spirit and scope of the present disclosure, and such modifications and variations are all within the scope defined by the appended claims.

Claims

1. A project display method, the method comprising: Displaying a song playing page, the song playing page including a first area and a second area, the first area being used to display song information, the second area being used to display identifications of participants in a current project, the current project including playing songs in the song information; If a new participant joins the current project, the identifier of the new participant is displayed in the second area and the identifier of the new participant is active in the second area.

2. The method according to claim 1, wherein the second area includes a logo display sub-area and a logo movement sub-area, and the logo of the new participant is active in the second area, comprising: The identifier of the new participant moves along a first preset path in the identifier movement sub-area to the identifier display sub-area, and the identifier of the new participant is displayed in the identifier display sub-area, and the identifiers of the participants of the current project are displayed in the identifier display sub-area.

3. The method according to claim 1, wherein the second area further displays a new control, the method further comprising: An interaction instruction with the newly added control is obtained, and an invitation information page is displayed, where the invitation information page is used to generate invitation information for joining the current project.

4. The method according to claim 3, further comprising: If the local current participant is the first participant of the current project, the identifier of the current participant and the newly added control are displayed in the second area, and the identifier of the current participant and the newly added control are active in the second area.

5. The method according to claim 1, further comprising: The corresponding position of the participant's logo in the second area also displays the participant's first comment information on the song information. The method according to claim 5 , wherein the first comment information includes a first comment picture and a corresponding number of comments.

7. The method according to claim 6, further comprising: If the total number of comments by all participants in the current project exceeds a preset number of comments, the display of a preset visual effect is triggered in the second area.

8. The method according to claim 7, wherein the preset visual effect comprises a preset animation effect and / or a first prompt information representing the total number of comments.

9. The method according to claim 1, wherein the song playing page further includes a region adjustment control, and the method further includes: Obtaining an interaction instruction with the area adjustment control, where the interaction instruction with the area adjustment control is used to adjust the proportions of the first area and the second area on the song playback page; If the proportion of the second area after adjustment is greater than the proportion of the second area before adjustment, the second comment information of the participant on the song information will be displayed in the second area after adjustment and the second comment information will move in the second area after adjustment. The second area after adjustment is also used to display the identification of the participant of the current project.

10. The method according to claim 9, wherein the second comment information comprises a second comment picture, and the second comment information comprises: The second comment picture moves along a second preset path in the adjusted second area.

11. The method according to claim 9, further comprising: If the total number of comments by all participants in the current project exceeds a preset number of comments, the display of a preset visual effect is triggered in the adjusted second area.

12. The method according to claim 1, further comprising: Obtain a first interaction instruction with the identifier of the first participant, where the first interaction instruction is used to trigger the display of interaction prompt information with the first participant in the second area, where the interaction prompt information includes first interaction prompt information displayed in the local second area and second interaction prompt information displayed in the second area corresponding to the first participant.

13. The method according to claim 1, further comprising: Obtaining a second interaction instruction with the identifier of the first participant, wherein the second interaction instruction is used to trigger display of a participant page; The participant page is displayed, and the participant page includes entries of all participants of the current project, and the entries include identifiers of the participants and interaction controls corresponding to the participants, and the interaction controls corresponding to the participants are used to trigger interaction information corresponding to the participants.

14. The method according to claim 13, wherein the control corresponding to the participant comprises a first interactive control, the method further comprising: Obtaining an interaction instruction with the first interactive control and determining a second participant; Triggering display of interaction prompt information with the second participant in the second area.

15. The method according to claim 13, wherein the control corresponding to the participant includes a second interactive control, and the method further comprises: Obtaining an interaction instruction with the second interactive control and determining a third participant; Triggering the establishment of an association relationship between the local current participant and the third participant.

16. The method according to claim 1, further comprising: If the local current participant is the host of the current project and the interaction information with the exit control in the song playing page is obtained, a host selection page is displayed, wherein the host selection page includes an identifier of the participant of the current project and a selection control corresponding to the participant; Interaction information of a selection control corresponding to a fourth participant is obtained, and the fourth participant is determined to be a host of the current project.

17. The method according to any one of claims 1 to 16, further comprising: Obtaining interaction information with a newly added song control in the first area, and displaying a newly added song page, the newly added song page including at least one song source tag; Obtaining interaction information with the at least one song source tag to determine a current song source tag; If the current song source tag is the previous item, a playlist subpage is displayed, wherein the playlist subpage is used to display the song information of the previous item and a song add control; The interactive information with the add song control is obtained, and the song information of the previous project is added to the song information of the current project.

18. An item display device, comprising: A song page display module, configured to display a song playing page, wherein the song playing page includes a first area and a second area, wherein the first area is configured to display song information, and the second area is configured to display identifications of participants in the current project; The participant identification display module is used to display the identification of the new participant in the second area if a new participant joins the current project, and the identification of the new participant is active in the second area.

19. An electronic device, comprising: A memory and a processor, wherein the memory and the processor are communicatively connected to each other, the memory stores computer instructions, and the processor executes the item display method according to any one of claims 1 to 17 by executing the computer instructions. 20 . A computer-readable storage medium having computer instructions stored thereon, wherein the computer instructions are used to enable a computer to execute the item display method according to claim 1 .

Images