Audio Interaction Method, Medium, Device, and Computing Device

Abstract

Embodiments of the present disclosure provide an audio interaction method. The audio interaction method includes: in response to a request for creating a sharing card for a target audio, displaying a card creation page, the card creation page including a first area and a second area, the first area being used to display a plurality of card templates, and the second area being used to display a preview image of the sharing card; receiving a selection operation for a target card template among the plurality of card templates, and in the second area, displaying a preview image of the sharing card corresponding to the target card template. By displaying a plurality of card templates and a preview image of the sharing card corresponding to the selected card template, the user can flexibly select a card template based on the preview image to create a sharing card, realizing the personalized customization of the sharing card, providing personalized sharing cards for different users, improving the diversity of the sharing cards, and enhancing the user experience. In addition, embodiments of the present disclosure provide a medium, a device, and a computing device.

Description

Technical Field

[0001] Embodiments of the present disclosure relate to the field of computer technology, and more particularly, to an audio interaction method, medium, device, and computing device. Background Art

[0002] This section aims to provide background or context for the embodiments of the present disclosure recited in the claims. The description herein is not admitted to be prior art merely because it is included in this section.

[0003] With the development of front-end technologies, on an audio playback platform, users can share audio to social platforms or social friends by means of card sharing or link sharing.

[0004] Currently, in the card sharing method, the audio playback platform generates sharing cards corresponding to multiple sharing channels based on the cover image of the audio. In the case of the same audio, the sharing cards generated for different users are the same. It can be seen that the production process of the sharing cards lacks personalized customization and cannot provide more personalized and diversified sharing cards for different users, resulting in poor user experience. Summary of the Invention

[0005] The present disclosure provides an audio interaction method, medium, device, and computing device to solve the problem that the production process of sharing cards lacks personalized customization and cannot provide more personalized and diversified sharing cards for different users, resulting in poor user experience.

[0006] In a first aspect of the embodiments of the present disclosure, an audio interaction method is provided, including:

[0007] In response to a request for creating a sharing card for a target audio, display a card creation page, where the card creation page includes a first area and a second area, the first area is used to display a plurality of card templates, and the second area is used to display a preview image of the sharing card;

[0008] Receive a selection operation on a target card template among the plurality of card templates;

[0009] In the second area, display a preview image of the sharing card corresponding to the target card template.

[0010] In an embodiment of the present disclosure, an editable area is displayed on the preview image in the second area, and the editable area includes a text editing area and / or a pattern editing area.

[0011] In another embodiment of the present disclosure, after displaying the preview image of the sharing card corresponding to the target card template in the second area, further include:

[0012] In response to an interaction operation on the editable area, display an interaction control and / or recommended content, where the interaction control includes an input box;

[0013] In response to the target content obtained from the input box, or in response to a selection operation on the target content in the recommended content, replace the content in the editable area with the target content.

[0014] In another embodiment of the present disclosure, the displaying of the interaction control and / or recommended content in response to an interaction operation on the editable area includes:

[0015] In response to an interaction operation on the editable area, in the first area, stop displaying the multiple card templates and display the interaction control and / or the recommended content.

[0016] In another embodiment of the present disclosure, when the editable area includes the copywriting editing area, the recommended content includes recommended copywriting, and the displaying of the interaction operation and / or recommended content in response to an interaction operation on the editable area includes:

[0017] In response to an interaction operation on the editable area, display the interaction control and display the recommended copywriting according to the matching degree between the copywriting in the copywriting library and the target card template.

[0018] In another embodiment of the present disclosure, the interaction control further includes at least one of a delete or disable control, a refresh control, and a save or confirm control. After displaying the interaction control and / or recommended content in response to a selection operation on the editable area, at least one of the following is further included:

[0019] In response to an interaction operation on the delete or disable control, delete the editable area;

[0020] Or, in response to an interaction operation on the refresh control, update the recommended content to the next batch of recommended content;

[0021] Or, in response to an interaction operation on the save or confirm control, display a preview image of the completed sharing card in the second area;

[0022] Or, in response to an interaction operation on the save or confirm control, display multiple sharing channels in the first area.

[0023] In another embodiment of the present disclosure, after displaying the interaction control and / or recommended content in response to an interaction operation on the editable area, the following is further included:

[0024] When it is detected that the content entered in the input box conforms to a preset rule, a prompt message for prompting to replace the content is displayed.

[0025] In another embodiment of the present disclosure, after displaying a preview image of a sharing card corresponding to the target card template in the second region, it further includes:

[0026] In response to a position adjustment operation for the editable region, the editable region is displayed at a specified target position.

[0027] In another embodiment of the present disclosure, the content in the pattern editing region is a character cartoon pattern for representing emotions or states.

[0028] In another embodiment of the present disclosure, the first region is used to scroll and display the multiple card templates; or, the first region is used to randomly display the multiple card templates; or, the first region is used to traverse and display the multiple card templates in response to an interaction operation for the first region.

[0029] In another embodiment of the present disclosure, the traversing the multiple card templates in response to an interaction operation for the first region includes:

[0030] Receiving an interaction operation for the first region, and the interaction operation for the first region includes a sliding operation for the card region;

[0031] In response to an interaction operation for the first region, the multiple card templates are displayed in the first region.

[0032] In another embodiment of the present disclosure, the displaying the multiple card templates in the first region includes:

[0033] Determining a card template to be displayed according to the displacement of the sliding operation;

[0034] Displaying the card template to be displayed in the first region.

[0035] In another embodiment of the present disclosure, the card template includes a parent card template and a child card template, and one parent card template corresponds to one or more child card templates. The receiving a selection operation for a target card template among the multiple card templates includes:

[0036] In response to a selection operation for a parent card template among the multiple card templates, displaying child card templates corresponding to the selected parent card template;

[0037] Receiving a selection operation for the target card template among the child card templates.

[0038] In yet another embodiment of the present disclosure, the multiple card templates correspond to different sharing scenarios, and the sharing scenarios include at least two of the following: no - theme sharing scenario, life record scenario, emotion expression scenario, music sharing scenario, user status sharing scenario.

[0039] In yet another embodiment of the present disclosure, the order of the multiple card templates displayed in the first area is determined according to at least one of user characteristic data, template update time, and template sharing frequency.

[0040] In yet another embodiment of the present disclosure, in response to a request for creating a sharing card for a target audio, displaying a card creation page includes:

[0041] In response to an interaction operation on a target interaction area in a sharing method selection page, displaying the card creation page, wherein multiple interaction areas are displayed on the sharing method selection page, different interaction areas correspond to different sharing methods, and the sharing method corresponding to the target interaction area is card sharing.

[0042] In yet another embodiment of the present disclosure, the target interaction area is used to display a sharing card sharing video, and the sharing card sharing video is used to display at least one of the sharing card creation process, sharing card display effect, and functions available for sharing card creation.

[0043] In yet another embodiment of the present disclosure, a reminder mark is displayed in the target interaction area, and the reminder mark is used to remind that the target interaction area is a newly added area.

[0044] In yet another embodiment of the present disclosure, on the sharing method selection page, the target interaction area is the first - ranked interaction area among the multiple interaction areas.

[0045] In the second aspect of the implementation manner of the present disclosure, a computer - readable storage medium is provided, and computer - executable instructions are stored in the computer - readable storage medium. When a processor executes the computer - executable instructions, the audio interaction method described in the first aspect above is implemented.

[0046] In the third aspect of the implementation manner of the present disclosure, an audio interaction device is provided, including:

[0047] A page display unit, configured to display a card creation page in response to a request for creating a sharing card for a target audio. The card creation page includes a first area and a second area. The first area is used to display multiple card templates, and the second area is used to display a preview image of the sharing card;

[0048] A receiving unit, configured to receive a selection operation on a target card template among the multiple card templates;

[0049] A preview image display unit for displaying a preview image of a sharing card corresponding to the target card template in the second region.

[0050] In an embodiment of the present disclosure, an editable area is displayed on the preview image in the second region, and the editable area includes a text editing area and / or a pattern editing area.

[0051] In another embodiment of the present disclosure, it further includes an editing unit for:

[0052] In response to an interaction operation on the editable area, display an interaction control and / or recommended content, and the interaction control includes an input box;

[0053] In response to the target content obtained from the input box, or in response to a selection operation on the target content in the recommended content, replace the content in the editable area with the target content.

[0054] In another embodiment of the present disclosure, the editing unit is further configured to:

[0055] In response to an interaction operation on the editable area, stop displaying the multiple card templates in the first region, and display the interaction control and / or the recommended content.

[0056] In another embodiment of the present disclosure, when the editable area includes the text editing area, the recommended content includes recommended texts, and the editing unit is further configured to:

[0057] In response to an interaction operation on the editable area, display the interaction control, and display the recommended texts according to the matching degree between the texts in the text library and the target card template.

[0058] In another embodiment of the present disclosure, the interaction control further includes at least one of a delete or disable control, a refresh control, and a save or confirm control, and the editing unit is further configured to perform at least one of the following:

[0059] In response to an interaction operation on the delete or disable control, delete the editable area;

[0060] Or, in response to an interaction operation on the refresh control, update the recommended content to the next batch of recommended content;

[0061] Or, in response to an interaction operation on the save or confirm control, display a preview image of the completed sharing card in the second region;

[0062] Or, in response to an interaction operation on the save or confirm control, display multiple sharing channels in the first region.

[0063] In another embodiment of the present disclosure, the editing unit is further configured to:

[0064] When it is detected that the content input in the input box conforms to a preset rule, display a prompt message for prompting to replace the content.

[0065] In another embodiment of the present disclosure, it further includes a position adjustment unit, which is configured to:

[0066] In response to a position adjustment operation on the editable area, display the editable area at a specified target position.

[0067] In another embodiment of the present disclosure, the content in the pattern editing area is a character cartoon pattern for representing emotions or states.

[0068] In another embodiment of the present disclosure, the first area is configured to scroll and display the multiple card templates; or, the first area is configured to randomly display the multiple card templates; or, the first area is configured to traverse and display the multiple card templates in response to an interaction operation on the first area.

[0069] In another embodiment of the present disclosure, the traversing of the multiple card templates in response to an interaction operation on the first area includes:

[0070] Receive an interaction operation on the first area, and the interaction operation on the first area includes a sliding operation on the card area;

[0071] In response to the interaction operation on the first area, display the multiple card templates in the first area.

[0072] In another embodiment of the present disclosure, the displaying of the multiple card templates in the first area includes:

[0073] Determine the card template to be displayed according to the displacement of the sliding operation;

[0074] In the first area, display the card template to be displayed.

[0075] In another embodiment of the present disclosure, the card template includes a parent card template and a child card template, and one parent card template corresponds to one or more child card templates. The receiving unit is further configured to:

[0076] In response to a selection operation on the parent card template among the multiple card templates, display the child card templates corresponding to the selected parent card template;

[0077] Receive a selection operation on the target card template among the child card templates.

[0078] In yet another embodiment of the present disclosure, the multiple card templates correspond to different sharing scenarios, and the sharing scenarios include at least two of the following: a no - theme sharing scenario, a life record scenario, an emotion expression scenario, a music sharing scenario, and a user status sharing scenario.

[0079] In yet another embodiment of the present disclosure, the order of the multiple card templates displayed in the first area is determined according to at least one of user characteristic data, template update time, and template sharing frequency.

[0080] In yet another embodiment of the present disclosure, the page display unit is further configured to:

[0081] In response to an interaction operation on a target interaction area in the sharing method selection page, display the card making page, where multiple interaction areas are displayed on the sharing method selection page, different interaction areas correspond to different sharing methods, and the sharing method corresponding to the target interaction area is card sharing.

[0082] In yet another embodiment of the present disclosure, the target interaction area is used to display a sharing card sharing video, and the sharing card sharing video is used to show at least one of the sharing card production process, the sharing card display effect, and the functions possessed by the sharing card production.

[0083] In yet another embodiment of the present disclosure, a reminder mark is displayed in the target interaction area, and the reminder mark is used to remind that the target interaction area is a newly added area.

[0084] In yet another embodiment of the present disclosure, on the sharing method selection page, the target interaction area is the first - ranked interaction area among the multiple interaction areas.

[0085] In a fourth aspect of the embodiments of the present disclosure, a computing device is provided, including:

[0086] At least one processor and a memory;

[0087] The memory stores computer - executable instructions;

[0088] The at least one processor executes the computer - executable instructions stored in the memory, so that the at least one processor executes the audio interaction method as described in the first aspect above.

[0089] An audio interaction method, medium, device, and computing device according to an embodiment of the present disclosure, in response to a request for creating a sharing card for a target audio, display a card creation page. On the card creation page, a first area is used to display a plurality of card templates, and a second area is used to display a preview image of the sharing card. In response to a selection operation on a target card template among the plurality of card templates, display a preview image of the sharing card corresponding to the target card template in the second area. When creating a sharing card, a user can flexibly select a desired card template from the plurality of card templates displayed in the first area, and can also, based on the preview image of the sharing card displayed in the second area, timely check whether the created sharing card meets their expectations. If not, the sharing card can be modified again.

[0090] It can be seen that the embodiment of the present disclosure realizes the personalized customization of sharing cards for audio, can provide more personalized and diverse sharing cards for different users, increases the interaction between the user and the terminal during the creation process of the sharing card, and moreover, the sharing card creation process is simple and convenient for the user to operate. Therefore, in the process of creating sharing cards for audio, a better experience is brought to the user. BRIEF DESCRIPTION OF THE DRAWINGS

[0091] By reading the following detailed description with reference to the accompanying drawings, the above and other objects, features, and advantages of the exemplary embodiments of the present disclosure will become readily understood. In the drawings, several embodiments of the present disclosure are shown by way of illustration and not limitation, in which:

[0092] Figure 1 Schematically shows a schematic diagram of an application scenario according to an embodiment of the present disclosure;

[0093] Figure 2 Schematically shows a flowchart of an audio interaction method provided according to an embodiment of the present disclosure Figure 1 ;

[0094] Figure 3 Schematically shows a page example of a card creation page provided according to an embodiment of the present disclosure Figure 1 ;

[0095] Figure 4 Schematically shows a page example of a card creation page provided according to an embodiment of the present disclosure Figure 2 ;

[0096] Figure 5 Schematically shows a page example of a card creation page provided according to an embodiment of the present disclosure Figure 3 ;

[0097] Figure 6 Schematically shows a page example of a card creation page provided according to an embodiment of the present disclosure Figure 4;

[0098] Figure 7 Schematically shows the flowchart of the audio interaction method provided according to an embodiment of the present disclosure Figure 2 ;

[0099] Figure 8 Schematically shows a page example of a card-making page provided according to an embodiment of the present disclosure Figure 5 ;

[0100] Figure 9 Schematically shows a page example of a card-making page provided according to an embodiment of the present disclosure Figure 6 ;

[0101] Figure 10 Schematically shows a page example of a card-making page provided according to an embodiment of the present disclosure Figure 7 ;

[0102] Figure 11 Schematically shows a page example of a card-making page provided according to an embodiment of the present disclosure Figure 8 ;

[0103] Figure 12 Schematically shows a page example of a sharing method selection page provided according to an embodiment of the present disclosure Figure 1 ;

[0104] Figure 13 Schematically shows a schematic diagram of a program product for implementing a page interaction method provided according to an embodiment of the present disclosure;

[0105] Figure 14 Schematically shows a schematic diagram of the structure of a page interaction device provided according to an embodiment of the present disclosure;

[0106] Figure 15 Schematically shows a schematic diagram of the structure of a computing device for implementing a page interaction method provided according to an embodiment of the present disclosure.

[0107] In the drawings, the same or corresponding reference numerals indicate the same or corresponding parts. Detailed embodiments

[0108] The principles and spirit of the present disclosure will be described below with reference to several exemplary embodiments. It should be understood that these embodiments are given only to enable those skilled in the art to better understand and then implement the present disclosure, and do not limit the scope of the present disclosure in any way. On the contrary, these embodiments are provided to make the present disclosure more thorough and complete, and to be able to fully convey the scope of the present disclosure to those skilled in the art.

[0109] Those skilled in the art know that the embodiments of the present disclosure can be implemented as a system, device, equipment, method, or computer program product. Therefore, the present disclosure can be specifically implemented in the following forms: completely hardware, completely software (including firmware, resident software, microcode, etc.), or a combination of hardware and software.

[0110] According to the embodiments of the present disclosure, an audio interaction method, medium, device, and computing device are provided.

[0111] In this article, it should be understood that the terms involved are explained as follows:

[0112] Audio card template: A picture containing fixed content and adaptively changing content. When applied to different audios, the adaptively changing content on the card template will change according to the characteristics of the audio to obtain the sharing card corresponding to the audio. For example: In the card template of a song, the background picture, the position of the song name, the position of the singer's name, the font of the song name, and the font of the singer's name belong to the fixed content, while the song name and the singer's name belong to the adaptively changing content; when generating the song card corresponding to the song using the card template, the content on the card template is adjusted according to the song name and the singer's name of the song to obtain the song card. Another example: In the card template of a song, the position of the song name and the position of the singer's name belong to the fixed content; the background picture, the song name, the singer's name, the font of the song name, and the font of the singer's name can change according to the cover picture of the song and belong to the adaptively changing content. Of course, the position of the song name in the card template and the position of the singer's name in the card template can also be the adaptively changing content in the card template. The fixed content and the adaptively changing content in the card template can also include other content, which will not be described one by one here.

[0113] In the present disclosure, any number of elements in the drawings is used for illustration rather than limitation, and any naming is only used for distinction and does not have any limiting meaning.

[0114] Next, with reference to several representative embodiments of the present disclosure, the principles and spirit of the present disclosure will be elaborated in detail. Summary of the Invention

[0116] The inventor of the present disclosure has found that the prior art cannot support users to customize and generate personalized and emotional sharing cards (also called audio sharing cards, such as song sharing cards). Generally, the cover picture of the audio is used as the sharing card, or the sharing card is generated according to a single card template. When the audios are the same, the same sharing card is provided for different users, lacking personalized customization and resulting in a poor user experience.

[0117] In the embodiments of the present disclosure, on the card-making page, multiple card templates are displayed in the first area, and a preview image of the shared card is displayed in the second area. In response to a selection operation on a target card template among the multiple card templates, a preview image of the shared card corresponding to the target card template is displayed in the second area. The user can select a card template in the first area and promptly observe the preview image of the shared card corresponding to the selected card template in the second area. If the effect of the preview image is average, the user can reselect the card template until the preview image meets the user's needs such as emotion, personality, state, and aesthetics. Thus, personalized customization of the shared card is achieved, and personalized shared cards can be provided for different users, significantly improving the diversity and personalization of the shared cards, enhancing the flexibility and convenience of making shared cards. Moreover, the method of making shared cards is simple, providing a better experience for users.

[0118] Among them, the page involved in the embodiments of the present disclosure is a software page.

[0119] Furthermore, the page involved in the embodiments of the present disclosure is a page of an application program.

[0120] Furthermore, the application program is an audio processing application program. The audio processing application program can be, for example, an audio recording application program, an audio playback application program, an audio sharing application program, etc. Taking a song as an example, the application program can be an application program for implementing one or more functions of song playback, song upload, song sharing, and song recording, such as a music player.

[0121] After introducing the basic principles of the present disclosure, various non-limiting embodiments of the present disclosure will be specifically introduced below.

[0122] Overview of Application Scenarios

[0123] First, refer to Figure 1 , Figure 1 which is a schematic diagram of a scenario provided according to an embodiment of the present disclosure.

[0124] As Figure 1 shown, the application scenario can be a user interaction scenario, and the devices involved include the terminal 101. In this application scenario, the user interacts with the page displayed on the terminal 101, for example, by means of mouse control, keyboard control, or touch screen, to perform custom production of shared cards.

[0125] Optionally, the application scenario further includes a server 102. The server 102 can, in response to a request from the terminal 101, send corresponding page resources to the terminal 101 for the terminal 101 to display the page. Taking the page of an application as an example, when the user opens a certain page of the application on the terminal 101, the terminal 101 sends a request to the server 102, and the server 102 sends the page resources of the page requested by the terminal 101 to the terminal 101. At this time, the server 103 is the product server of the application.

[0126] Among them, the terminal can be a personal digital assistant (PDA) device, a handheld device with wireless communication function (such as a smart phone, a tablet computer), a computing device (such as a personal computer (PC)), a vehicle-mounted device, a wearable device (such as a smart watch, a smart bracelet), a smart home device (such as a smart display device), etc.

[0127] Exemplary Method

[0128] Next, in combination with Figure 1 the application scenario, refer to Figures 2 - 12 to describe the audio interaction method according to the exemplary embodiments of the present disclosure. It should be noted that the above application scenarios are only shown for the convenience of understanding the spirit and principle of the present disclosure, and the embodiments of the present disclosure are not limited in this regard. On the contrary, the embodiments of the present disclosure can be applied to any applicable scenario.

[0129] Exemplarily, the embodiments of the present disclosure can be applied to a terminal with a display screen.

[0130] Refer to Figures 2 - 5 , Figure 2 is a flowchart of the audio interaction method provided according to the embodiments of the present disclosure Figure 1 , Figure 3 is a page example of the card making page provided according to the embodiments of the present disclosure Figure 1 , Figure 4 is a page example of the card making page provided according to the embodiments of the present disclosure Figure 2 , Figure 5 is a page example of the card making page provided according to the embodiments of the present disclosure Figure 3 .

[0131] As Figure 2 shown, the audio interaction method includes:

[0132] S201. In response to a request for creating a sharing card for a target audio, display a card creation page, which includes a first area and a second area. The first area is used to display multiple card templates, and the second area is used to display a preview of the sharing card.

[0133] In one example, the target audio is the audio displayed on the audio playback page. In other words, the target audio is the currently playing audio. For example, when the user is on the song playback page and clicks the sharing control, a request for creating a song card for the currently playing song is triggered.

[0134] In another example, the target audio is the audio selected by the user from among multiple audios displayed on the audio list page. For example, when the user selects a song from among multiple songs displayed on the song list page and clicks the sharing control, a request for creating a song card for the selected song is triggered.

[0135] In yet another example, the target audio is the audio input by the user. For example, when the user records a song on the song recording page and then triggers a request for creating a song card for the recorded song; or when the user uploads a song and triggers a request for creating a song card for the uploaded song.

[0136] Among them, the user can trigger a request for creating a sharing card for the target audio through touch screen, keyboard input, mouse click, voice input, remote control, etc.

[0137] In this embodiment, after receiving a request for creating a sharing card for the target audio, obtain the page resources of the card creation page. Among them, the page resources include some view elements, such as the page background, page layout (such as dividing the card creation page into a first area and a second area), multiple card templates, etc., and may also include some configuration information, such as the page title, page background color, etc. After obtaining the page resources, page rendering can be performed based on the page resources to implement the display of the card creation page.

[0138] In this embodiment, the card creation page includes a first area and a second area. The first area displays multiple card templates. For example, in Figures 3 - 5 , multiple card templates: card templates A1 - A4 are displayed in the first area 310. Before the user selects a card template, the second area may not display a preview of the sharing card, or may display a preview of the sharing card corresponding to the default card template. Among them, the default card template is any one of the following: the card template arranged first in the first area, the card template that is the first to be loaded in the first area, the card template randomly determined in the first area, the card template selected by the user the last time when creating a sharing card. For example, in Figures 3 - 5 , the second area 320 can display a preview 321 of the sharing card corresponding to the card template A1 arranged first.

[0139] Among them, the first area and the second area are different areas of the card-making page. Thus, a plurality of selectable card templates and preview images of shared cards are respectively displayed in different areas, avoiding mutual occlusion between the display of card templates and the display of preview images of shared cards, and improving the display effect.

[0140] Optionally, regarding the positional relationship between the first area and the second area, there are the following several examples:

[0141] In one example, the positional relationship between the first area and the second area is an up-and-down relationship, and the first area is located below or above the second area. For example, in Figure 3 and Figure 5 , the first area 310 is located below the second area 320, that is, preview images are displayed in the upper area of the card-making page, and a plurality of selectable card templates are displayed in the lower area of the card-making page.

[0142] In another example, the positional relationship between the first area and the second area is a left-and-right relationship, and the first area is located on the left or right side of the second area. For example, in Figure 4 , the first area 310 is located on the right side of the second area 320, that is, preview images are displayed in the left area of the card-making page, and a plurality of selectable card templates are displayed in the right area of the card-making page.

[0143] Optionally, regarding the area sizes of the first area and the second area, there are the following several examples:

[0144] In one example, the area size of the first area and the area size of the second area are fixed sizes. Thus, the unity of page display is improved.

[0145] In another example, the area size of the second area is equal to the picture size of the preview image.

[0146] In another example, the area size of the second area changes with the size of the target card template to improve the display effect of the preview image in the second area. For example, when the size of the selected target card template is large, the size of the second area is enlarged, otherwise the size of the second area is reduced.

[0147] In another example, in response to a region size adjustment operation for the first region or the second region, the size of the first region or the second region is adjusted, thereby improving the flexibility of the sizes of the first region and the second region. For example, taking the adjustment of the size of the first region as an example, the user performs a two-finger touch on the display screen of the first region. By increasing the distance between the two fingers on the screen, the size of the first region is increased, and by shortening the distance between the two fingers on the screen, the size of the first region is decreased; another example is that the user long-presses the adjacent boundary between the first region and the second region and moves the position of the adjacent boundary up or down, causing the sizes of the first region and the second region to change.

[0148] Optionally, there are the following examples regarding the remaining display content on the card making page:

[0149] In one example, the card making page also displays the page title of the card making page, so that the user can understand the functions that can be achieved on this page through the page title. For example, in Figure 3 , the page title 330 displayed on the card making page is "Make Song Card". Through the page title 330, the user can know that custom song cards can be made on the card making page.

[0150] In another example, the first region also displays the region title of the first region, so that the user can understand the content displayed in the first region through the region title of the first region. For example, in Figure 5 , the region title 311 displayed in the first region 310 is "Mood Template". Through this title, the user knows that the first region 310 displays card templates and can select card templates according to their mood.

[0151] In another example, the first region also displays the template names of multiple card templates. Among them, the template names of the card templates reflect the preset styles or types of the card templates. Displaying the template names of multiple card templates in the first region serves to show the card templates to the user in a way that combines pictures and texts, better assisting the user in selecting card templates. Specifically, there are the following beneficial effects: on the one hand, it can help the user immediately understand the style or type of the card template through the template name of the card template; on the other hand, it can help the user more comprehensively and accurately discover their own sharing needs; on the other hand, it is convenient for the user to select a card template whose style or type is more in line with their own sharing needs, improving the efficiency of the user in selecting card templates and saving the user's time. Therefore, the user experience is significantly improved.

[0152] Among them, the template names of the card templates can be displayed below or above the card templates. For example, in Figure 5In [the figure], in the first region 310, corresponding template names are displayed below each card template: below the card template A1, the template name of the card template A1, "Music Card", is displayed; below the card template A2, the template name of the card template A2, "Today's Share", is displayed; below the card template A3, the template name of the card template A3, "Current Mood", is displayed; below the card template A4, the template name of the card template A4, "Life Record", is displayed. If the user mainly wants to share music, the user can select the card template A1; if the user wants to record life or share some life fragments by sharing music, the user can select the card template A2 or the card template A4; if the user wants to express their emotions by sharing music, the user can select the card template A3.

[0153] S202. Receive a selection operation for a target card template among multiple card templates.

[0154] In this embodiment, after multiple card templates are displayed in the first region, a selection operation input by the user in the first region can be received, and the card template selected by the selection operation is the target card template.

[0155] Among them, the selection operation can be a touch screen operation, a mouse click operation, a keyboard control operation, etc. For example, as Figure 5 shown, the user touches and clicks a certain card template in the first region with a finger to select the card template. Alternatively, the selection operation can also be a voice command operation. For example, the user can input a voice command containing the template name of the target card template through the voice input button on the terminal or through the voice input control displayed on the screen.

[0156] S203. In the second region, display a preview image of the sharing card corresponding to the target card template.

[0157] In this embodiment, in response to the selection operation for the target card template among multiple card templates, a preview image of the sharing card corresponding to the target card template is generated according to the audio information of the target audio and the target card template, and the preview image is displayed in the second region. By observing the preview image, the user determines whether the preview image meets the requirements in subjective aspects such as their aesthetics and mood. If it meets the requirements, the preview image can be determined as the final sharing card of the target audio. Otherwise, the user can reselect other card templates in the first region and observe the preview images of the sharing cards corresponding to the other card templates.

[0158] Among them, the audio information includes at least one of the following: audio name, audio author name, audio link. In this way, the audio name, audio author name, and audio link of the target audio can be added at preset positions on the target card template to obtain the preview image of the sharing card corresponding to the target card template.

[0159] Taking an audio song as an example, such as Figure 5 As shown, the target card template selected by the user is card template A1. The song name "XXX", the singer name "Xiaoming", and the encoded graph (such as a QR code) corresponding to the song link are added to card template A1 to obtain the preview graph displayed in the second area.

[0160] In the embodiments of the present disclosure, multiple card templates are displayed in the first area of the card making page. According to the selection operation for the target card template among the multiple card templates, a preview graph of the sharing card corresponding to the target card template is displayed in the second area of the card making page. Thus, by providing the user with multiple selectable card templates and responding to the user's selection operation among the multiple card templates to timely feedback the preview graph of the sharing card to the user, the personalized customization of the sharing card is realized, personalized sharing cards can be provided for different users, the diversity and personalization of the sharing cards are improved, the interaction between the user and the terminal is increased, the flexibility and convenience of the sharing card making are improved, and moreover, the sharing card making process is simple and easy to operate, providing a better experience for the user.

[0161] In some embodiments, an editable area is displayed on the preview graph in the second area, where the editable area refers to an area where the user can perform content editing operations such as input and deletion. After the preview graph is displayed in the second area, the content in the editable area can be updated in response to the interaction operation for the editable area. Thus, after the preview graph is displayed in the second area, the user can edit the content on the preview graph by interacting with the editable area, further increasing the content that can be personalized customized on the sharing card and providing a more personalized and emotional sharing card for the user.

[0162] Optionally, regarding the editable area on the preview graph in the second area, there are the following several examples:

[0163] In one example, the editable area includes a copywriting editing area and / or a pattern editing area.

[0164] Among them, the copywriting editing area refers to an area where the user can perform copywriting editing operations such as copywriting input and copywriting deletion, and the pattern editing area refers to an area where the user can perform pattern editing operations such as pattern input and pattern deletion. After the preview graph is displayed in the second area, the copywriting in the copywriting editing area can be updated in response to the interaction operation for the copywriting editing area (for example, the user inputs copywriting in the copywriting editing area); and / or, the pattern in the pattern editing area can be updated in response to the interaction operation for the pattern editing area (for example, the user performs a pasting operation in the pattern editing area).

[0165] For example, referring to Figure 6 , Figure 6It is a page example of a card making page provided according to an embodiment of the present disclosure. Figure 4 . As Figure 6 shown, a copywriting editing area 322 is displayed on the preview image 321, and the copywriting "single loop" input by the user is displayed in the copywriting editing area 322.

[0166] Among them, the copywriting can include text and / or emojis, so that users can edit on the preview image in the form of text, or emojis, or a combination of text and emojis, and record life and express emotions more richly, etc., improving the user experience.

[0167] Among them, the pattern (or content) in the pattern editing area can be a character cartoon pattern expressing emotions or states, and the character cartoon pattern expresses the emotions or states of the character through an animated image. Users can input a character cartoon pattern in the pattern editing area to express their emotions or states, providing users with a way of self-expression other than copywriting. Users with different personalities can express themselves in a way suitable for themselves, which is beneficial to improving the user's willingness to express and the vividness of sharing cards.

[0168] In another example, when the editable area includes a copywriting editing area and a pattern editing area, the copywriting editing area and the pattern editing area are different areas, avoiding mutual occlusion between the copywriting editing area and the pattern editing area on the preview image, and improving the display effect and interaction experience.

[0169] In another example, the card template also includes an editable area.

[0170] Among them, the editable areas of different card templates can be different. For example, the positions of the editable areas on different card templates are different. Another example is that the editable area of some card templates only includes a copywriting editing area, the editable area of some card templates only includes a pattern editing area, and the editable area of some card templates includes a copywriting editing area and a pattern editing area.

[0171] In another example, when the target card template includes an editable area, the editable area on the preview image is the same as the editable area on the target card template.

[0172] In another example, when the target card template includes an editable area, the editable area is randomly displayed on the preview image, or a specified editable area is displayed at a preset position of a preset image.

[0173] In another example, the position of the editable area on the preview image is adjustable. Specifically, the editable area can be displayed at the specified target position in response to a position adjustment operation for the editable area. The position adjustment operation is, for example, a finger long press and drag operation, a mouse selection and drag operation, etc., and the specified target position is the target position specified by the position adjustment operation. For example, the user long presses the editable area with a finger and drags the editable area to another position on the preview image. Thus, by adjusting the position of the editable area on the preview image, the flexibility and interactivity of the sharing card production are improved, the diversity and personalization of the sharing card are improved, and the user experience is improved.

[0174] Based on the fact that the editable area is displayed on the preview image in the second area, the following describes the audio interaction and page display involving the editable area on the card making page through an embodiment. Figures 7 - 11 , Figure 7 The following is a flow diagram of an audio interaction method according to an embodiment of the present disclosure. Figure 2 , Figures 8 - 11 This is an example of a card making page provided according to an embodiment of the present disclosure. Figures 5 - 8 .

[0175] like Figure 7 As shown, after the preview image is displayed in the second area, the audio interaction method further includes:

[0176] S701: In response to an interactive operation on an editable area in a preview image displayed in a second area, display an interactive control and / or recommended content, where the interactive control includes an input box.

[0177] In this embodiment, the interactive operation for the editable area in the preview image displayed in the second area is an interactive operation for calling out interactive controls and / or recommended content. For example, when the terminal detects that the user double-clicks the editable area, the interactive controls and / or recommended content are displayed on the card making page.

[0178] The input box in the interactive control is used for users to input content into the editable area.

[0179] When the editable area targeted by the interactive operation is a text editing area (for example, the user single-clicks or double-clicks the text editing area), the terminal displays an input box for the text editing area, through which the user can input text into the text editing area; and / or, when the editable area targeted by the interactive operation is a pattern editing area (for example, the user single-clicks or double-clicks the pattern editing area), the terminal displays an input box for the pattern editing area, through which the user can input a pattern into the pattern editing area.

[0180] The recommended content is the content entered into the editable area and recommended to the user.

[0181] When the editable area targeted by the interaction operation is a text editing area, the terminal displays multiple recommended texts; and / or when the editable area targeted by the interaction operation is a pattern editing area, the terminal displays multiple recommended patterns.

[0182] Optionally, regarding the display area of the interaction control and / or the recommended content, there are the following examples:

[0183] In one example, in response to an interaction operation on the editable area in the preview image displayed in the second area, in the first area, the display of multiple card templates stops, and the interaction control and / or the recommended content is displayed. In other words, during the selection phase of the card template, the first area is used to display multiple card templates, and during the editing phase of the editable area, the first area is used to display the interaction control and / or the recommended content. Thus, without affecting the page display effect, the utilization rate of the page area is improved.

[0184] For example, as Figure 8 shown, in the preview image 321, a text editing area 322 is displayed. After the user double-clicks on the text editing area 322, an input box 312 is displayed in the first area 310, and multiple recommended texts: "Single Loop", "Summer Routine", "Lucky Day" are displayed below the input box 312.

[0185] In another example, in response to an interaction operation on the editable area in the preview image displayed in the second area, in a part of the first area, multiple card templates are displayed, and in another part of the first area, the interaction control and / or the recommended content is displayed. For example, after the user double-clicks on the text editing area, multiple card templates are displayed in the left area of the first area, an input box is displayed in the right area of the first area, and multiple recommended texts are displayed below the input box.

[0186] In another example, in response to an interaction operation on the editable area in the preview image displayed in the second area, the preview image in the second area is reduced, and in the remaining area of the second area except the preview image, the interaction control and / or the recommended content is displayed.

[0187] For example, when the user double-clicks on the text editing area, the preview image displayed in the second area is reduced to obtain the remaining area, an input box is displayed in the remaining area, and multiple recommended texts are displayed below the input box.

[0188] In another example, in a pop-up window manner, the interaction control and / or the recommended content is superimposed and displayed in the first area, the second area, or the area on the card production page other than the first area or the second area.

[0189] In another example, the interactive control and the recommended content can be synchronously displayed in adjacent areas. For example, the interactive control and the recommended content are displayed in the first area, and the recommended content is displayed below the interactive control; or, the interactive control is displayed first, and when the user interacts with the input box in the interactive control, the recommended content is displayed in the dropdown box of the input box; or, when the user performs an interaction operation on the editable area, the recommended content is displayed in the dropdown box of the editable area, and the interactive control is displayed in the second area.

[0190] Optionally, when the editable area on the preview image includes a copywriting editing area and the recommended content includes recommended copywriting, there are the following examples regarding the display logic of the recommended copywriting:

[0191] In one example, different terminals correspond to the same copywriting library, and the display order of the recommended copywriting on different terminals is the same. Among them, a copywriting library containing multiple pieces of copywriting can be pre-configured on the terminal or the server, and the copywriting recommendation order can be pre-set, and the recommended copywriting is displayed according to the copywriting recommendation order.

[0192] In one display mode, the recommended copywriting can be displayed in the storage order of the copywriting in the copywriting library.

[0193] In another display mode, the recommended copywriting can be displayed in the order from high to low according to the frequency of selection of the copywriting in the copywriting library. The frequency of selection of the copywriting refers to the number of times the copywriting is selected by the user when it is displayed as the recommended copywriting, and the number of times the copywriting is selected can be collected with the consent of the user.

[0194] In another example, different terminals correspond to the same copywriting library, and the display order of the recommended copywriting on different terminals is different. Among them, a copywriting library containing multiple pieces of copywriting can be pre-configured on the terminal or the server.

[0195] In one display mode, multiple recommended copywriting can be randomly displayed based on the copywriting library.

[0196] Specifically, the terminal responds to the interaction operation on the editable copywriting in the preview image, sends a recommended copywriting acquisition request to the server, the server randomly acquires multiple recommended copywriting from the copywriting library and sends them to the terminal, and the terminal displays the multiple received recommended copywriting.

[0197] In another example, the recommended copywriting is displayed according to the matching degree between the copywriting in the copywriting library and the target card template. Thus, the accuracy of copywriting recommendation is improved, and the user experience is improved.

[0198] Specifically, the terminal responds to the interaction operation on the editable copywriting in the preview image, sends a recommended copywriting acquisition request to the server, and the request includes the identification information of the target card template selected by the user (where the identification information is used to distinguish different card templates, and the identification information is, for example, the template ID).

[0199] In one way, the corresponding relationship between multiple card templates and the copywriting in the copywriting library is preset. For example, in this corresponding relationship, one card template corresponds to one or more copywritings in the copywriting library. The server can determine the copywriting corresponding to the target card template based on the identification information of the target card template. Among them, the copywriting corresponding to the target card template is the copywriting with a relatively high matching degree with the target card template, and the remaining copywriting in the copywriting library is the copywriting with a relatively low matching degree with the target card template. The server preferentially sends the copywriting corresponding to the target card template to the terminal for display.

[0200] For example, the copywriting corresponding to the card template with the template name "Current Mood" (which can be referred to Figure 5 ) includes: "Happy", "Don't be afraid", "Love", "Capture happiness". When the target card template selected by the user is the card template with the template name "Current Mood", as Figure 9 shown, the input box 312 and the above-mentioned copywriting corresponding to this card template can be displayed in the first area 310.

[0201] In another way, the server can match the copywriting in the copywriting library with the feature information of the target card template to obtain the matching degree between the copywriting in the copywriting library and the target matching template, and return the copywriting to the terminal in the order from high to low according to the matching degree. The terminal displays the received copywriting as the recommended copywriting. Among them, the feature information of the card template can be the keyword corresponding to the card template, such as the name of the card template, the description information (such as sad, happy, time and space).

[0202] Optionally, when the editable area on the preview image includes a pattern editing area and the recommended content includes recommended patterns, the display logic of the recommended patterns can refer to the display logic of the recommended copywriting and will not be elaborated. In addition, the same display order of the recommended patterns can be adopted for different terminals.

[0203] S702. In response to the target content obtained from the input box, or in response to the selection operation on the target content in the recommended content, replace the content in the editable area with the target content.

[0204] In this embodiment, when an input box is displayed in response to an interaction operation on the editable area of the preview image, the user can enter target content in the input box. The terminal obtains the target content entered by the user from the input box and replaces the content in the editable area with the target content. When recommended content is displayed in response to an interaction operation on the editable area of the preview image, the user can select content from the recommended content. The terminal replaces the content in the editable area with the target content in response to a selection operation on the target content in the recommended content. At this time, the target content is the recommended content selected by the user. Among them, replacing the content in the editable area with the target content is equivalent to displaying the target content in the variable area.

[0205] For example, as Figure 9 shown, the user enters "lovely" in the input box 312. Correspondingly, the copywriting editing area 322 displays this copywriting.

[0206] For example, as Figure 8 shown, the user selects "single loop" from multiple recommended copywritings. Correspondingly, the copywriting editing area 322 displays this recommended copywriting.

[0207] Optionally, when it is detected that the content entered in the input box conforms to a preset rule, a prompt message for reminding to replace the content is displayed. The prompt message is used to prompt the user to replace the content entered in the input box. In other words, it is used to prompt the user to re-enter new content. For example, the prompt message is "Try another copywriting". The preset rule is, for example, some rules that violate ethics, laws, or customs.

[0208] Optionally, when an interaction control is displayed in response to an interaction operation on the editable area of the preview image displayed in the second area, in addition to the input box, the interaction control further includes at least one of a delete or disable control, a refresh control, and a save or confirm control. Specific examples are as follows:

[0209] In one example, the interaction control includes a delete or disable control. After the interaction control is displayed, the editable area on the preview image can be deleted in response to an interaction operation on the delete or disable control. The interaction operation on the delete or disable control is, for example, a click operation on the delete or disable control, or a long press operation on the delete or disable control, etc.

[0210] Furthermore, the delete or disable control can be displayed beside the input box. For example, it can be displayed on the left side of the input box, or on the right side of the input box.

[0211] For example, as Figure 8 shown, a delete or disable control 313 is displayed on the right side of the input box 312. After the user clicks the delete or disable control 313, the terminal deletes the copywriting editing area 322 on the preview image 321. Among them,Figure 8 The deletion or disabling of the control 313 is represented by an icon in a prohibited style.

[0212] In another example, the interactive control includes a refresh control. After the interactive control is displayed, in response to an interactive operation on the refresh control, the recommended content can be refreshed, that is, the recommended content is updated to the next batch of recommended content. Among them, the interactive operation on the refresh control is, for example, a click operation on the refresh control, or a long press operation on the refresh control, etc. The next batch of recommended content includes one or more recommended contents.

[0213] Furthermore, the refresh control can be displayed next to the recommended content. For example, it can be displayed below multiple recommended contents, or on the right side of multiple recommended contents.

[0214] For example, as Figure 9 shown, a refresh control "Get a new batch" is displayed below multiple recommended texts. After the user clicks "Get a new batch", the terminal updates the current multiple recommended texts to other recommended texts.

[0215] In another example, the interactive control includes a save or confirm control. After the interactive control is displayed, in response to an interactive operation on the save or confirm control, a preview image of the completed sharing card is displayed in the second area. Among them, the interactive operation on the save or confirm control is, for example, a click operation on the save or confirm control, or a long press operation on the save or confirm control, etc.

[0216] Furthermore, the save or confirm control can be displayed next to the input box. For example, it can be displayed on the left side of the input box, or on the right side of the input box.

[0217] For example, as Figure 8 shown, a save or confirm control 314 is displayed on the right side of the input box 312. After the user clicks the save or confirm control 314, it means that the user has completed the editing of the text editing area 322. At this time, the preview image 321 displayed in the second area 320 is the completed preview image. Among them, in Figure 8 it, the save or confirm control 314 is represented by an icon in a tick style.

[0218] In another example, the interactive control includes a save or confirm control. After the interactive control is displayed, in response to an interactive operation on the save or confirm control, multiple sharing channels are displayed in the first area.

[0219] Among them, the sharing channels can also be referred to as sharing platforms, sharing objects, etc. After detecting the user's interaction operation on the save or confirmation control, by displaying multiple sharing channels, the user is instructed to select a suitable sharing channel to share the sharing card, or in other words, the user is instructed to share the shared audio through the corresponding sharing channel, thereby further improving the user experience.

[0220] Among them, multiple sharing channels are displayed in the first area, including the following optional display methods: In one method, multiple sharing channels are superimposed and displayed in the first area in a pop-up window manner, and multiple sharing channels can partially or completely cover multiple card templates displayed in the first area or interactive controls and / or recommended content displayed in the first area; or, in another method, after detecting the user's interaction operation on the save or confirmation control, stop displaying the content related to the editing of the editable area (including interactive controls, recommended content) in the first area, and display multiple sharing channels in the first area, thereby improving the utilization rate of the page area without affecting the display effect.

[0221] Subsequently, the user can select one of the multiple sharing channels. In response to the selection operation for the target sharing channel among the multiple sharing channels, the terminal displays a sharing page to share the final sharing card through the target sharing channel on the sharing page.

[0222] For example, as Figure 10 shown, multiple sharing channels such as B1, B2, B3 are displayed in the first area 310. When the number of sharing channels exceeds the display range of the first area 310, the user can view more sharing channels by swiping, such as sharing channels B4, B5,... (sharing channels B4 and B5 are not shown in Figure 10 ).

[0223] Optionally, in addition to triggering the display of sharing channels by interacting with the save or confirmation control, the card making page can also display a sharing control. In response to the interaction operation for the sharing control (such as a click operation, a long press operation), multiple sharing channels are displayed in the first area.

[0224] For example, as Figure 11 shown, a sharing control 340 is displayed on the card making page. After the user clicks the sharing control 340, sharing channels such as B1, B2, B3 are displayed on the first area 310.

[0225] In the embodiments of the present disclosure, on the card making page, after the preview image of the sharing card is displayed in the second area, content editing (such as content input, content deletion, content update, etc.) is performed on the preview image through the editable area displayed on the preview image, which improves the diversity and personalization of the sharing card, enhances the interaction between the terminal and the user during the card making process, and improves the user experience.

[0226] Next, multiple display methods for multiple card templates in the first area are provided through embodiments.

[0227] In some embodiments, when the total number of card templates is relatively large, it may be impossible to display all card templates in the first area at one time. To solve this problem and improve the display effect of the card templates, the card modules can be displayed in any of the following ways: Way 1, the first area is used to scroll and display multiple card templates; or, Way 2, the first area is used to randomly display multiple card templates; or, Way 3, the first area is used to traverse and display multiple card templates in response to an interaction operation facing the first area.

[0228] In Way 1, multiple card templates in the card template library can be scrolled and displayed in the first area in a preset order. During the scrolling process of the card templates, the user selects the target card template.

[0229] In Way 2, multiple card modules can be randomly obtained from the card template library and the obtained multiple card templates are displayed in the first area. In this way, the card templates displayed in the first area can be refreshed every once in a while, or a refresh control is displayed in the first area, and the user controls the refresh of the card templates displayed in the first area by performing an interaction operation on the refresh control.

[0230] In Way 3, the interaction operation facing the first area, such as a long press operation or a click operation in the first area. When an interaction operation facing the first area is detected, multiple card templates can be traversed and displayed (displayed in sequence) in a preset order.

[0231] Optionally, in Way 3, traversing and displaying multiple card templates in response to an interaction operation facing the first area includes: receiving an interaction operation facing the first area; in response to the interaction operation facing the first area, multiple card templates are displayed in the first area. Among them, the interaction operation facing the first area includes a sliding operation facing the card template. Thus, the user can control the display of multiple card templates in the first area by performing a sliding operation in the first area. For example, when the user swipes left in the first area, the card templates in the first area also move left accordingly, showing the card templates that were previously hidden on the right side of the first area; when the user swipes right in the first area, the card templates in the first area also move right accordingly, showing the card templates that were previously hidden on the left side of the first area.

[0232] Among them, the sliding operation is, for example, that the user slides on the first area with a finger, or the user drags the progress bar of the card template in the first area with a mouse.

[0233] Furthermore, in response to the interaction operation facing the first area, in the first area, multiple card templates are displayed. It includes: determining the card template to be displayed according to the displacement of the sliding operation; and displaying the card template to be displayed in the first area. Thus, based on the displacement of the sliding operation, the accuracy of the card template to be displayed is improved, and the user's interaction experience is enhanced.

[0234] Specifically, when the sliding operation of the user is detected, the displacement of the sliding operation is obtained. According to the displacement of the sliding operation, the moving displacement of the card template in the first area is determined, where the displacement of the sliding operation is proportional to the moving displacement of the card template. For example, the moving displacement of the card template is equal to the displacement of the sliding operation. According to this moving displacement, the currently displayed card template, and the display interval between adjacent card templates, the card template to be displayed is determined. In the first area, the card template to be displayed is displayed.

[0235] In some embodiments, the card template includes a parent card template and a child card template, and one parent card template corresponds to one or more child card templates. At this time, when multiple card templates are displayed in the first area, the parent card template and the card template without a corresponding child card template can be displayed first, while the child card templates are not displayed. Then, in response to the selection operation on the parent card template among the multiple card templates, the child card templates corresponding to the selected parent card template are displayed, and the selection operation on the target card template in the child card templates is received. Thus, the selection of the target card template in the child card templates is realized.

[0236] Among them, the parent card template is equivalent to a large category, and the child card template corresponding to the parent card template is equivalent to a small category belonging to this large category. In practical applications, at first, according to relatively broad and vague classification criteria, card templates corresponding to different categories are set, and the number of card templates is small. With the subsequent development of the business and the refinement of user needs, the number of card templates will gradually increase, and in some categories, there will be further sub-category card templates. The sub-category card templates are the child card templates, and the card templates corresponding to the larger category range are the parent card templates. For example, at first, a card template corresponding to the category of mood is set. Subsequently, the mood is divided into sub-categories such as happy, sad, calm, and painful, and corresponding card templates are set for these sub-categories. At this time, the original card template corresponding to the mood is the parent card template, and the card templates corresponding to the sub-categories are the child card templates.

[0237] Optionally, during the process of displaying the sub - card templates corresponding to the selected parent card template in response to the selection operation for the parent card template among multiple card templates, the sub - card templates corresponding to the parent card template can be displayed in the surrounding area of the parent card template. For example, in the form of a pop - up window, the sub - card templates corresponding to the parent card template can be displayed above, below, to the left, or to the right of the sub - card template.

[0238] Optionally, when the number of parent card templates and / or the sub - card templates corresponding to the parent card template is excessive, in response to the sliding operation for the parent card template, the parent card template can be displayed in the first area, and / or in response to the sliding operation for the sub - card template, the sub - card template can be displayed in the first area.

[0239] In some embodiments, multiple card templates correspond to different sharing scenarios. Thus, appropriate card templates can be provided for users under different sharing scenarios, which better meet the needs of users.

[0240] Optionally, the sharing scenarios include at least two of the following: no - theme sharing scenario, life - recording scenario, emotion - expressing scenario, music - sharing scenario, user - status sharing scenario. Thus, rich and diverse sharing scenarios are designed to provide card templates for users from multiple perspectives such as no - theme sharing, life - recording, emotion - expressing, music - sharing, and user - status, meeting the needs of users in all aspects.

[0241] Among them, the no - theme sharing scenario refers to the scenario where there is no specific sharing purpose and users casually share cards to pass the time. The no - theme sharing scenario can also be called the life - fragment sharing scenario, and users can use the card templates corresponding to the no - theme sharing scenario to share some life fragments. For example, in the no - theme sharing scenario, some scenario types can be further divided: today's sharing, life fragments, collecting happiness, little pleasures, etc. For these scenario types, corresponding card templates can be designed.

[0242] Among them, the life - recording scenario refers to the scenario where cards are shared for recording daily life. For example, in the life - recording scenario, it can be further divided into scenario types such as weather (such as the first cup of milk tea in autumn, the first snow), time (such as the first day of September, the start of school season, Mid - Autumn Festival), current events, etc.

[0243] Among them, the emotion - expressing scenario refers to the scenario where cards are shared for emotional expression. The personalized card templates corresponding to the emotion - expressing scenario (such as the card templates corresponding to emotions like being lovelorn, tired, hungry, etc.) can meet the needs of users to express their moods.

[0244] Among them, the music - sharing scenario refers to the scenario where song cards are shared to reflect the music attributes. The card templates corresponding to the audio - sharing scenario can include music - related elements such as CD covers, vinyl records, etc.

[0245] Among them, the scenario of dividing user status refers to the scenario of sharing cards for the user to share their recent status. The card template corresponding to the user status sharing scenario may include a pattern editing area, and the user's recent status can be vividly expressed through the character cartoon pattern in the pattern editing area.

[0246] It should be noted that the division of sharing scenarios can be combined with the above-mentioned parent card template and sub-card template solutions. For example, the templates corresponding to the no-theme sharing scenario, life record scenario, emotion expression scenario, music sharing scenario, and user status sharing scenario are the parent card templates, and the templates corresponding to the refined scenario themes under these scenarios are the sub-card templates.

[0247] In some embodiments, the order of displaying multiple card templates in the first area is determined according to at least one of user characteristic data, template update time, and template sharing frequency, so as to improve the rationality of the display order of multiple card templates in the first area and improve the user experience.

[0248] Among them, user characteristic data reflects user preferences. For example, user characteristic data may include data reflecting user preferences such as user age, user gender, and the historical record of the user's selection of card templates, and these data can be collected with the user's consent. The template update time is the time when the card template was last updated. The template sharing frequency refers to the number of times the card template is used to create sharing cards and is successfully shared within a unit time. In one way, the multiple card templates can be displayed in sequence in the first area according to the order from high to low of the matching degree between the card template and the user characteristic data, or according to the order from the latest to the earliest of the template update time of the card template, or according to the order from large to small of the template sharing frequency of the card template. In another way, based on the user characteristic data, template update time, and template sharing frequency, each card template can be scored, and the multiple card templates can be displayed in sequence in the first area according to the order from high to low of the scores. Among them, for example, according to the preset weights, the matching degree between the card template and the user characteristic data, the update time of the card template, and the sharing frequency of the card template are weighted and summed to obtain the score corresponding to the card template.

[0249] Next, Figure 12 , a solution for triggering the display of the card production page is provided through embodiments, or rather, a solution for triggering a request for creating and sharing a card for a target audio is provided through embodiments. Among them, Figure 12 is a page example of the sharing method selection page provided according to the embodiments of the present disclosure Figure 1 .

[0250] In some embodiments, in response to an interaction operation on a target interaction area in the sharing method selection page, a card making page is displayed. The sharing method selection page displays multiple interaction areas, where different interaction areas correspond to different interaction methods, and the interaction method corresponding to the target interaction area is card sharing. Thus, the user can interact with the target interaction area on the sharing method selection page to trigger a request for making and sharing a card for the target audio, and further trigger the display of the card making page.

[0251] The interaction operation on the target interaction area in the sharing method selection page includes a selection operation on the target interaction area in the sharing method selection page. For example, the user selects the target interaction area on the sharing method selection page by clicking with a mouse or tapping on the touch screen.

[0252] For example, in Figure 12 , the sharing method selection page displays multiple interaction areas: interaction areas C1 to C3. Among them, the sharing method corresponding to interaction area C1 is, for example, sharing a song link, the interaction method corresponding to interaction area C2 is, for example, card sharing, and the sharing method corresponding to interaction area C3 is, for example, sharing lyrics. The user can click on interaction area C2 to trigger a request for making a song card. Then, in response to this request, the terminal displays the card making page.

[0253] Among them, for the multiple interaction areas on the sharing method selection page, the interaction area can display content related to the sharing method corresponding to the interaction area. The content related to the sharing method corresponding to the interaction area can include images and / or videos related to the sharing method.

[0254] Optionally, the target interaction area is used to display a sharing card sharing video, and the sharing card sharing video is used to display at least one of the sharing card making process, the sharing card display effect, and the functions of the sharing card making. Thus, through the sharing card sharing video, the sharing card sharing method is vividly and clearly demonstrated to the user to assist the user in selecting the sharing method.

[0255] Among them, the sharing card making process includes, for example, selecting a target card template from multiple card templates displayed in the first area, editing the content in the editable area in the preview image, etc.; the sharing card display effect includes, for example, the display effect of the preview image on the second area when different card templates are selected, reflecting that different sharing cards can be generated by adjusting the card template in this card sharing; the functions of the sharing card making include, for example, a card template switching function, a sharing card preview function, a sharing card copywriting editing function, and a sharing card pattern editing function.

[0256] Optionally, a reminder identifier is displayed on the target interaction area. The reminder identifier is used to prompt that the target interaction area is a newly added area. Thus, the reminder identifier enables users to more easily notice the newly added area, that is, more easily notice the newly added sharing method, improving the user experience.

[0257] For example, in Figure 12 one case, a reminder identifier "N" is displayed at the upper right corner of the interaction area C2 to prompt the user that the interaction area C2 is a newly added area.

[0258] Optionally, on the sharing method selection page, the target interaction area is the first interaction area among multiple interaction areas. Thus, it is convenient for users to notice the target interaction area at a glance.

[0259] Optionally, the positions of multiple interaction areas on the sharing method selection page are dynamically adjusted.

[0260] For example, the user drags the position of the interaction area. Or, according to the online time of the interaction area, the position of the interaction area is dynamically adjusted, and the interaction area with a later online time is displayed in a more forward position. Or, the position of the interaction area can be dynamically adjusted according to the selection frequency of the interaction area, and the interaction area with a higher selection frequency is displayed in a more forward position.

[0261] Optionally, in response to an interaction operation on the sharing control on the target audio playback page, the sharing method selection page is displayed. Among them, the interaction operation is, for example, a click operation or a long press operation. Thus, when the user clicks the sharing control on the playback page of the target audio, the display of the sharing method selection page is triggered.

[0262] Exemplary Medium

[0263] After introducing the method of the exemplary embodiments of the present disclosure, next, reference is made to Figure 13 to describe the storage medium of the exemplary embodiments of the present disclosure.

[0264] Referring to Figure 13 as shown, a program product 130 for implementing the above method according to an embodiment of the present disclosure is described. It can be a portable compact disc read-only memory (CD-ROM) and includes program code, and can run on a terminal device, such as a personal computer. However, the program product of the present disclosure is not limited thereto.

[0265] The program product may employ any combination of one or more readable media. The readable media may be a readable signal medium or a readable storage medium. The readable storage medium may be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination of the foregoing. More specific examples (a non-exhaustive list) of the readable storage medium include: an electrical connection having one or more wires, a portable disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.

[0266] The readable signal medium may include a data signal propagated in a baseband or as part of a carrier wave, in which the readable program code is carried. Such a propagated data signal may take various forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination of the foregoing. The readable signal medium may also be any readable medium other than the readable storage medium.

[0267] The program code for performing the operations of the present disclosure may be written in any combination of one or more programming languages, including object-oriented programming languages such as Java, C++, etc., and also including conventional procedural programming languages such as the "C" language or similar programming languages. The program code may be executed entirely on the user computing device, partially on the user device, partially on a remote computing device, or entirely on a remote computing device or server. In the case of a remote computing device, the remote computing device may be connected to the user computing device through any kind of network, including a local area network (LAN) or a wide area network (WAN).

[0268] Exemplary Device

[0269] After introducing the media of the exemplary embodiments of the present disclosure, next, reference is made to Figure 14 An audio interaction device of the exemplary embodiments of the present disclosure is described for implementing the method in any of the above method embodiments. The implementation principle and technical effects are similar and will not be elaborated herein.

[0270] As Figure 14 shown, an audio interaction device provided by an embodiment of the present disclosure includes:

[0271] A page display unit 1401, configured to display a card making page in response to a request for making and sharing a card for a target audio. The card making page includes a first area and a second area. The first area is used to display a plurality of card templates, and the second area is used to display a preview image of the shared card;

[0272] A receiving unit 1402, configured to receive a selection operation for a target card template among multiple card templates;

[0273] A preview image display unit 1403, configured to display a preview image of a sharing card corresponding to the target card template in a second area.

[0274] In an embodiment of the present disclosure, an editable area is displayed on the preview image in the second area, and the editable area includes a text editing area and / or a pattern editing area.

[0275] In another embodiment of the present disclosure, an editing unit 1404 is further included, configured to: in response to an interaction operation for the editable area, display an interaction control and / or recommended content, where the interaction control includes an input box; in response to the target content obtained from the input box, or in response to a selection operation for the target content in the recommended content, replace the content in the editable area with the target content.

[0276] In another embodiment of the present disclosure, the editing unit 1404 is further configured to: in response to an interaction operation for the editable area, stop displaying multiple card templates in a first area, and display an interaction control and / or recommended content.

[0277] In another embodiment of the present disclosure, when the editable area includes a text editing area, the recommended content includes recommended text, and the editing unit 1404 is further configured to: in response to an interaction operation for the editable area, display an interaction control, and display the recommended text according to the matching degree between the text in the text library and the target card template.

[0278] In another embodiment of the present disclosure, the interaction control further includes at least one of a delete or disable control, a refresh control, and a save or confirm control, and the editing unit 1404 is further configured to perform at least one of the following: in response to an interaction operation for the delete or disable control, delete the editable area; or, in response to an interaction operation for the refresh control, update the recommended content to the next batch of recommended content; or, in response to an interaction operation for the save or confirm control, display a preview image of the completed sharing card in the second area; or, in response to an interaction operation for the save or confirm control, display multiple sharing channels in the first area.

[0279] In another embodiment of the present disclosure, the editing unit 1404 is further configured to: when it is detected that the content input in the input box conforms to a preset rule, display a prompt message for prompting to replace the content.

[0280] In another embodiment of the present disclosure, a position adjustment unit 1405 is further included, configured to: in response to a position adjustment operation for the editable area, display the editable area at a specified target position.

[0281] In yet another embodiment of the present disclosure, the content in the pattern editing area is a character cartoon pattern for representing emotions or states.

[0282] In yet another embodiment of the present disclosure, the first area is used to scroll and display multiple card templates; alternatively, the first area is used to randomly display multiple card templates; alternatively, the first area is used to traverse and display multiple card templates in response to an interaction operation directed to the first area.

[0283] In yet another embodiment of the present disclosure, traversing multiple card templates in response to an interaction operation directed to the first area includes: receiving an interaction operation directed to the first area, where the interaction operation directed to the first area includes a sliding operation directed to the card area; and in response to the interaction operation directed to the first area, displaying multiple card templates in the first area.

[0284] In yet another embodiment of the present disclosure, displaying multiple card templates in the first area includes:

[0285] Determining the card template to be displayed according to the displacement of the sliding operation; and displaying the card template to be displayed in the first area.

[0286] In yet another embodiment of the present disclosure, the card template includes a parent card template and child card templates, one parent card template corresponds to one or more child card templates, and the receiving unit 1402 is further configured to: in response to a selection operation directed to the parent card template among multiple card templates, display the child card templates corresponding to the selected parent card template; and receive a selection operation directed to the target card template among the child card templates.

[0287] In yet another embodiment of the present disclosure, the multiple card templates correspond to different sharing scenarios, and the sharing scenarios include at least two of the following: a no - theme sharing scenario, a life record scenario, an emotion expression scenario, a music sharing scenario, and a user status sharing scenario.

[0288] In yet another embodiment of the present disclosure, the order of the multiple card templates displayed in the first area is determined according to at least one of user characteristic data, template update time, and template sharing frequency.

[0289] In yet another embodiment of the present disclosure, the page display unit 1401 is further configured to: in response to an interaction operation directed to the target interaction area on the sharing method selection page, display a card making page, where multiple interaction areas are displayed on the sharing method selection page, different interaction areas correspond to different sharing methods, and the sharing method corresponding to the target interaction area is card sharing.

[0290] In yet another embodiment of the present disclosure, the target interaction area is used to display a sharing card for sharing a video, and the sharing card for sharing the video is used to display at least one of the sharing card production process, the sharing card display effect, and the functions available for sharing card production.

[0291] In yet another embodiment of the present disclosure, a reminder identifier is displayed in the target interaction area, and the reminder indication is used to remind that the target interaction area is a newly added area.

[0292] In yet another embodiment of the present disclosure, on the sharing method selection page, the target interaction area is the first interaction area among multiple interaction areas.

[0293] Exemplary Computing Device

[0294] After introducing the methods, media, and devices of the exemplary embodiments of the present disclosure, next, reference is made to Figure 15 to describe the computing device of the exemplary embodiments of the present disclosure.

[0295] Figure 15 The computing device 150 shown is merely an example and should not impose any limitations on the functions and usage scope of the embodiments of the present disclosure.

[0296] As Figure 15 shown, the computing device 150 is presented in the form of a general-purpose computing device. The components of the computing device 150 may include, but are not limited to: at least one of the above-mentioned processing units 1501, at least one of the above-mentioned storage units 1502, and a bus 1503 connecting different system components (including the processing unit 1501 and the storage unit 1502).

[0297] The bus 1503 includes a data bus, a control bus, and an address bus.

[0298] The storage unit 1502 may include a readable medium in the form of a volatile memory, such as a random access memory (RAM) 15021 and / or a cache memory 15022, and may further include a readable medium in the form of a non-volatile memory, such as a read-only memory (ROM) 15023.

[0299] The storage unit 1502 may also include a program / utility 15025 having a set (at least one) of program modules 15024. Such program modules 15024 include, but are not limited to: an operating system, one or more application programs, other program modules, and program data. Each or some combination of these examples may include the implementation of a network environment.

[0300] The computing device 150 may also communicate with one or more external devices 1504 (such as a keyboard, a pointing device, etc.). Such communication may be carried out through the input / output (I / O) interface 1505. Moreover, the computing device 150 may also communicate with one or more networks (such as a local area network (LAN), a wide area network (WAN) and / or a public network, such as the Internet) through the network adapter 1506. As Figure 15 shown, the network adapter 1506 communicates with other modules of the computing device 150 through the bus 1503. It should be understood that, although not shown in the figure, other hardware and / or software modules may be used in combination with the computing device 150, including but not limited to: microcode, device drivers, redundant processing units, external disk drive arrays, RAID systems, tape drives, and data backup storage systems, etc.

[0301] It should be noted that although several units / modules or sub-units / modules of the apparatus are mentioned in the above detailed description, this division is merely exemplary and not mandatory. In fact, according to the embodiments of the present disclosure, the features and functions of two or more of the above-described units / modules may be embodied in one unit / module. Conversely, the features and functions of one unit / module described above may be further divided and embodied by multiple units / modules.

[0302] In addition, although the operations of the method of the present disclosure are described in a specific order in the drawings, this does not require or imply that these operations must be performed in that specific order, or that all of the shown operations must be performed to achieve the desired result. Additionally or alternatively, some steps may be omitted, multiple steps may be combined into one step for execution, and / or one step may be decomposed into multiple steps for execution.

[0303] Although the spirit and principles of the present disclosure have been described with reference to several specific embodiments, it should be understood that the present disclosure is not limited to the specific embodiments disclosed, and the division of each aspect does not mean that the features in these aspects cannot be combined for benefit. This division is only for the convenience of description. The present disclosure is intended to cover various modifications and equivalent arrangements included within the spirit and scope of the appended claims.

Claims

1. An audio interaction method, including: In response to a request for creating a sharing card for a target audio, display a card creation page, where the card creation page includes a first area and a second area. The first area is used to display multiple card templates, and the second area is used to display a preview of the sharing card; Receive a selection operation for a target card template among the multiple card templates; In the second area, display a preview of the sharing card corresponding to the target card template. An editable area is displayed on the preview in the second area, and the editable area includes a text editing area and / or a pattern editing area; In response to an interaction operation on the editable area, in the first area, stop displaying the multiple card templates and display interaction controls and / or recommended content. The interaction controls include input boxes; In response to the target content obtained from the input box, or in response to a selection operation on the target content in the recommended content, replace the content in the editable area with the target content.

2. The audio interaction method according to claim 1, when the editable area includes the text editing area, the recommended content includes recommended texts, and in response to an interaction operation on the editable area, display the interaction controls and / or the recommended content, including: In response to an interaction operation on the editable area, display the interaction controls and display the recommended texts according to the matching degree between the texts in the text library and the target card template.

3. The audio interaction method according to claim 1, the interaction controls further include at least one of a delete or disable control, a refresh control, and a save or confirm control. After displaying the interaction controls and / or the recommended content in response to a selection operation on the editable area, at least one of the following is further included: In response to an interaction operation on the delete or disable control, delete the editable area; Or, in response to an interaction operation on the refresh control, update the recommended content to the next batch of recommended content; Or, in response to an interaction operation on the save or confirm control, display a preview of the completed sharing card in the second area; Or, in response to an interaction operation on the save or confirm control, display multiple sharing channels in the first area.

4. The audio interaction method according to claim 1, after displaying the interaction controls and / or the recommended content in response to an interaction operation on the editable area, it also includes: When it is detected that the content input in the input box conforms to a preset rule, display a prompt message for prompting to replace the content.

5. The audio interaction method according to claim 1, after displaying a preview of the sharing card corresponding to the target card template in the second area, it also includes: In response to a position adjustment operation on the editable area, display the editable area at a specified target position.

6. The audio interaction method according to claim 1, the content in the pattern editing area is a character cartoon pattern used to represent emotions or states.

7. The audio interaction method according to any one of claims 1 to 6, wherein the first area is used to scroll and display the plurality of card templates; or, the first area is used to randomly display the plurality of card templates; or, the first area is used to traverse and display the plurality of card templates in response to an interaction operation directed to the first area.

8. The audio interaction method according to claim 7, wherein traversing and displaying the plurality of card templates in response to an interaction operation directed to the first area comprises: receiving an interaction operation directed to the first area, the interaction operation directed to the first area including a sliding operation directed to the card template; in response to the interaction operation directed to the first area, displaying the plurality of card templates in the first area.

9. The audio interaction method according to claim 8, wherein displaying the plurality of card templates in the first area comprises: determining a card template to be displayed according to the displacement of the sliding operation; displaying the card template to be displayed in the first area.

10. The audio interaction method according to any one of claims 1 to 6, wherein the card template includes a parent card template and a child card template, one parent card template corresponds to one or more child card modules, and receiving a selection operation for a target card template among the plurality of card templates comprises: in response to a selection operation for a parent card template among the plurality of card templates, displaying child card templates corresponding to the selected parent card template; receiving a selection operation for the target card template among the child card templates.

11. The audio interaction method according to any one of claims 1 to 6, wherein the plurality of card templates correspond to different sharing scenarios, and the sharing scenarios include at least two of the following: a no - theme sharing scenario, a life record scenario, an emotion expression scenario, a music sharing scenario, and a user status sharing scenario.

12. The audio interaction method according to any one of claims 1 to 6, wherein the order of the plurality of card templates displayed in the first area is determined according to at least one of user characteristic data, template update time, and template sharing frequency.

13. The audio interaction method according to any one of claims 1 to 6, wherein in response to a request for making and sharing a card for a target audio, displaying a card making page comprises: in response to an interaction operation for a target interaction area on a sharing method selection page, displaying the card making page, wherein a plurality of interaction areas are displayed on the sharing method selection page, different interaction areas correspond to different sharing methods, and the sharing method corresponding to the target interaction area is card sharing.

14. The audio interaction method according to claim 13, wherein the target interaction area is used to display a sharing card sharing video, and the sharing card sharing video is used to display at least one of a sharing card making process, a sharing card display effect, and functions of sharing card making.

15. The audio interaction method according to claim 13, wherein a reminder identifier is displayed on the target interaction area, and the reminder identifier is used to prompt that the target interaction area is a newly added area.

16. The audio interaction method according to claim 13, wherein on the sharing method selection page, the target interaction area is the first interaction area among the multiple interaction areas.

17. A computer-readable storage medium storing computer-executable instructions, which, when executed by a processor, implement the audio interaction method according to any one of claims 1 to 16.

18. An audio interaction device comprising: a page display unit configured to display a card-making page in response to a request for a production sharing card for a target audio, the card-making page including a first area and a second area, the first area being configured to display a plurality of card templates, and the second area being configured to display a preview image of the sharing card; a receiving unit configured to receive a selection operation for a target card template among the plurality of card templates; a preview image display unit configured to display, in the second area, a preview image of the sharing card corresponding to the target card template, and an editable area being displayed on the preview image in the second area, the editable area including a copywriting editing area and / or a pattern editing area; an editing unit configured to, in response to an interaction operation on the editable area, stop displaying the plurality of card templates in the first area and display interaction controls and / or recommended content, the interaction controls including an input box; and in response to target content obtained from the input box, or in response to a selection operation for target content among the recommended content, replace the content in the editable area with the target content.

19. A computing device comprising: at least one processor and a memory; the memory storing computer-executable instructions; the at least one processor executing the computer-executable instructions stored in the memory, such that the at least one processor executes the audio interaction method according to any one of claims 1 to 16.

Images