CN113901776A - 音频交互方法、介质、装置和计算设备 - Google Patents

Abstract

本公开的实施方式提供了一种音频交互方法。该音频交互方法包括：响应于面向目标音频的制作分享卡片的请求，显示卡片制作页面，卡片制作页面包括第一区域和第二区域，第一区域用于显示多个卡片模板，第二区域用于显示分享卡片的预览图；接收面向多个卡片模板中目标卡片模板的选中操作，在第二区域中，显示与目标卡片模板对应的分享卡片的预览图。通过显示多个卡片模板和与被选中的卡片模板对应的分享卡片的预览图，使得用户可以基于预览图灵活选择卡片模板来制作分享卡片，实现了分享卡片的个性化制定，为不同用户提供个性化的分享卡片，提高了分享卡片的多样性，提高了用户体验。此外，本公开的实施方式提供了一种介质、装置和计算设备。

Description

音频交互方法、介质、装置和计算设备

技术领域

本公开的实施方式涉及计算机技术领域，更具体地，本公开的实施方式涉及一种音频交互方法、介质、装置和计算设备。

背景技术

本部分旨在为权利要求书中陈述的本公开的实施方式提供背景或上下文。此处的描述不因为包括在本部分中就承认是现有技术。

随着前端技术的发展，在音频播放平台上，用户可以通过卡片分享或者链接分享的方式，将音频分享至社交平台或者社交好友。

目前，在卡片分享方式中，音频播放平台基于音频的封面图，生成多个分享渠道对应的分享卡片，在音频相同的情况下，为不同用户生成的分享卡片是相同的。可见，分享卡片的制作过程缺少个性化定制，无法为不同用户提供更加个性化、多样化的分享卡片，用户体验不佳。

发明内容

本公开提供一种音频交互方法、介质、装置和计算设备，以解决分享卡片的制作过程缺少个性化定制，无法为不同的用户提供更加个性化、多样化的分享卡片，导致用户体验不佳的问题。

在本公开实施方式的第一方面中，提供了一种音频交互方法，包括：

响应于面向目标音频的制作分享卡片的请求，显示卡片制作页面，所述卡片制作页面包括第一区域和第二区域，所述第一区域用于显示多个卡片模板，所述第二区域用于显示分享卡片的预览图；

接收面向所述多个卡片模板中目标卡片模板的选中操作；

在所述第二区域中，显示与所述目标卡片模板对应的分享卡片的预览图。

在本公开的一实施例中，所述第二区域中的预览图上显示有可编辑区域，所述可编辑区域包括文案编辑区域和/或图案编辑区域。

在本公开的又一实施例中，所述在所述第二区域中，显示与所述目标卡片模板对应的分享卡片的预览图之后，还包括：

响应于面向所述可编辑区域的交互操作，显示交互控件和/或推荐内容，所述交互控件包括输入框；

响应于从所述输入框中获取的目标内容，或者，响应于面向所述推荐内容中目标内容的选中操作，将所述可编辑区域中的内容替换为所述目标内容。

在本公开的又一实施例中，所述响应于面向所述可编辑区域的交互操作，显示交互控件和/或推荐内容，包括：

响应于面向所述可编辑区域的交互操作，在所述第一区域中，停止显示所述多个卡片模板，并显示所述交互控件和/或所述推荐内容。

在本公开的又一实施例中，在所述可编辑区域包括所述文案编辑区域的情况下，所述推荐内容包括推荐文案，所述响应于面向所述可编辑区域的交互操作，显示交互操作和/或推荐内容，包括：

响应于面向所述可编辑区域的交互操作，显示所述交互控件，并按照文案库中的文案与所述目标卡片模板的匹配程度，显示所述推荐文案。

在本公开的又一实施例中，所述交互控件还包括删除或禁用控件、刷新控件、保持或确认控件中至少一种，所述响应于面向所述可编辑区域的选中操作，显示交互控件和/或推荐内容之后，还包括如下至少一项：

响应于面向所述删除或禁用控件的交互操作，删除所述可编辑区域；

或，响应于面向所述刷新控件的交互操作，将所述推荐内容更新为下一批推荐内容；

或，响应于面向所述保存或确认控件的交互操作，在所述第二区域中，显示制作完成的分享卡片的预览图；

或，响应于面向所述保存或确认控件的交互操作，在所述第一区域中，显示多个分享渠道。

在本公开的又一实施例中，所述响应于面向所述可编辑区域的交互操作，显示交互控件和/或推荐内容之后，还包括：

在检测到所述输入框中输入的内容符合预设规则的情况下，显示提示更换内容的提示消息。

在本公开的又一实施例中，所述在所述第二区域中，显示与所述目标卡片模板对应的分享卡片的预览图之后，还包括：

响应于面向所述可编辑区域的位置调整操作，在指定的目标位置处显示所述可编辑区域。

在本公开的又一实施例中，所述图案编辑区域中的内容为用于表示情绪或状态的人物卡通图案。

在本公开的又一实施例中，所述第一区域用于滚动显示所述多个卡片模板；或，所述第一区域用于随机显示所述多个卡片模板；或，所述第一区域用于响应于面向所述第一区域的交互操作遍历显示所述多个卡片模板。

在本公开的又一实施例中，所述响应于面向所述第一区域的交互操作遍历所述多个卡片模板，包括：

接收面向所述第一区域的交互操作，面向所述第一区域的交互操作包括面向所述卡片区域的滑动操作；

响应于面向所述第一区域的交互操作，在所述第一区域中，显示所述多个卡片模板。

在本公开的又一实施例中，所述在所述第一区域，显示所述多个卡片模板，包括：

根据所述滑动操作的位移，确定待显示的卡片模板；

在所述第一区域中，显示所述待显示的卡片模板。

在本公开的又一实施例中，所述卡片模板包括父卡片模板和子卡片模板，一个父卡片模板对应一个或多个子卡片模板，所述接收面向所述多个卡片模板中目标卡片模板的选中操作，包括：

响应于面向所述多个卡片模板中父卡片模板的选中操作，显示所选中的父卡片模板对应的子卡片模板；

接收面向所述子卡片模板中所述目标卡片模板的选中操作。

在本公开的又一个实施例中，所述多个卡片模板对应不同的分享场景，所述分享场景包括如下至少两项：无主题分享场景、生活记录场景、情绪表达场景、音乐分享场景、用户状态分享场景。

在本公开的又一个实施例中，所述第一区域显示的多个卡片模板的顺序是根据用户特征数据、模板更新时间、模板分享频率中至少一种确定的。

在本公开的又一实施例中，所述响应于面向目标音频的制作分享卡片的请求，显示卡片制作页面，包括：

响应于面向分享方式选择页面中目标交互区域的交互操作，显示所述卡片制作页面，其中，所述分享方式选择页面上显示有多个交互区域，不同交互区域对应不同分享方式，所述目标交互区域对应的分享方式为卡片分享。

在本公开的又一实施例中，所述目标交互区域用于显示分享卡片分享视频，所述分享卡片分享视频用于展示分享卡片制作过程、分享卡片显示效果、分享卡片制作所具备的功能中的至少一种。

在本公开的又一实施例中，所述目标交互区域显示有提醒标识，所述提醒表示用于提醒所述目标交互区域为新增区域。

在本公开的又一实施例中，在所述分享方式选择页面上所述目标交互区域为所述多个交互区域中排在第一位的交互区域。

在本公开实施方式的第二方面中，提供了一种计算机可读存储介质，所述计算机可读存储介质中存储有计算机执行指令，当处理器执行所述计算机执行指令时，实现如上述第一方面所述的音频交互方法。

在本公开实施方式的第三方面中，提供了一种音频交互装置，包括：

页面显示单元，用于响应于面向目标音频的制作分享卡片的请求，显示卡片制作页面，所述卡片制作页面包括第一区域和第二区域，所述第一区域用于显示多个卡片模板，所述第二区域用于显示分享卡片的预览图；

接收单元，用于接收面向所述多个卡片模板中目标卡片模板的选中操作；

预览图显示单元，用于在所述第二区域中，显示与所述目标卡片模板对应的分享卡片的预览图。

在本公开的一实施例中，所述第二区域中的预览图上显示有可编辑区域，所述可编辑区域包括文案编辑区域和/或图案编辑区域。

在本公开的又一实施例中，还包括编辑单元，用于：

响应于面向所述可编辑区域的交互操作，显示交互控件和/或推荐内容，所述交互控件包括输入框；

响应于从所述输入框中获取的目标内容，或者，响应于面向所述推荐内容中目标内容的选中操作，将所述可编辑区域中的内容替换为所述目标内容。

在本公开的又一实施例中，所述编辑单元还用于：

响应于面向所述可编辑区域的交互操作，在所述第一区域中，停止显示所述多个卡片模板，并显示所述交互控件和/或所述推荐内容。

在本公开的又一实施例中，在所述可编辑区域包括所述文案编辑区域的情况下，所述推荐内容包括推荐文案，所述编辑单元还用于：

响应于面向所述可编辑区域的交互操作，显示所述交互控件，并按照文案库中的文案与所述目标卡片模板的匹配程度，显示所述推荐文案。

在本公开的又一实施例中，所述交互控件还包括删除或禁用控件、刷新控件、保持或确认控件中至少一种，所述编辑单元，还用于如下至少一项：

响应于面向所述删除或禁用控件的交互操作，删除所述可编辑区域；

或，响应于面向所述刷新控件的交互操作，将所述推荐内容更新为下一批推荐内容；

或，响应于面向所述保存或确认控件的交互操作，在所述第二区域中，显示制作完成的分享卡片的预览图；

或，响应于面向所述保存或确认控件的交互操作，在所述第一区域中，显示多个分享渠道。

在本公开的又一实施例中，所述编辑单元还用于：

在检测到所述输入框中输入的内容符合预设规则的情况下，显示提示更换内容的提示消息。

在本公开的又一实施例中，还包括位置调整单元，用于：

响应于面向所述可编辑区域的位置调整操作，在指定的目标位置处显示所述可编辑区域。

在本公开的又一实施例中，所述图案编辑区域中的内容为用于表示情绪或状态的人物卡通图案。

在本公开的又一实施例中，所述第一区域用于滚动显示所述多个卡片模板；或，所述第一区域用于随机显示所述多个卡片模板；或，所述第一区域用于响应于面向所述第一区域的交互操作遍历显示所述多个卡片模板。

在本公开的又一实施例中，所述响应于面向所述第一区域的交互操作遍历所述多个卡片模板，包括：

接收面向所述第一区域的交互操作，面向所述第一区域的交互操作包括面向所述卡片区域的滑动操作；

响应于面向所述第一区域的交互操作，在所述第一区域中，显示所述多个卡片模板。

在本公开的又一实施例中，所述在所述第一区域，显示所述多个卡片模板，包括：

根据所述滑动操作的位移，确定待显示的卡片模板；

在所述第一区域中，显示所述待显示的卡片模板。

在本公开的又一实施例中，所述卡片模板包括父卡片模板和子卡片模板，一个父卡片模板对应一个或多个子卡片模板，所述接收单元还用于：

响应于面向所述多个卡片模板中父卡片模板的选中操作，显示所选中的父卡片模板对应的子卡片模板；

接收面向所述子卡片模板中所述目标卡片模板的选中操作。

在本公开的又一个实施例中，所述多个卡片模板对应不同的分享场景，所述分享场景包括如下至少两项：无主题分享场景、生活记录场景、情绪表达场景、音乐分享场景、用户状态分享场景。

在本公开的又一个实施例中，所述第一区域显示的多个卡片模板的顺序是根据用户特征数据、模板更新时间、模板分享频率中至少一种确定的。

在本公开的又一实施例中，所述页面显示单元还用于：

响应于面向分享方式选择页面中目标交互区域的交互操作，显示所述卡片制作页面，其中，所述分享方式选择页面上显示有多个交互区域，不同交互区域对应不同分享方式，所述目标交互区域对应的分享方式为卡片分享。

在本公开的又一实施例中，所述目标交互区域用于显示分享卡片分享视频，所述分享卡片分享视频用于展示分享卡片制作过程、分享卡片显示效果、分享卡片制作所具备的功能中的至少一种。

在本公开的又一实施例中，所述目标交互区域显示有提醒标识，所述提醒表示用于提醒所述目标交互区域为新增区域。

在本公开的又一实施例中，在所述分享方式选择页面上所述目标交互区域为所述多个交互区域中排在第一位的交互区域。

在本公开实施方式的第四方面中，提供了一种计算设备，包括：

至少一个处理器和存储器；

所述存储器存储计算机执行指令；

所述至少一个处理器执行所述存储器存储的计算机执行指令，使得所述至少一个处理器执行如上述第一方面所述的音频交互方法。

根据本公开实施方式的音频交互方法、介质、装置和计算设备，响应于面向目标音频的制作分享卡片的请求，显示卡片制作页面，在卡片制作页面上，第一区域用于显示多个卡片模板，第二区域用于显示分享卡片的预览图，响应于面向多个卡片模板中目标卡片模板的选中操作，在第二区域显示与目标卡片模板对应的分享卡片的预览图。用户在制作分享卡片时，可以在第一区域显示的多个卡片模板中灵活选择想采用的卡片模板，还可以基于第二区域所显示的分享卡片的预览图，及时查看制作的分享卡片是否符合自身预期，若不符合可以再对分享卡片进行修改。

可见，本公开实施方式实现了音频的分享卡片的个性化定制，能够为不同的用户提供更加个性化的、多样化的分享卡片，增加了分享卡片的制作过程中用户与终端的互动，而且，分享卡片制作过程简便，便于用户操作，从而在音频的分享卡片制作过程中，为用户带来了更好的体验。

附图说明

通过参考附图阅读下文的详细描述，本公开示例性实施方式的上述以及其他目的、特征和优点将变得易于理解。在附图中，以示例性而非限制性的方式示出了本公开的若干实施方式，其中：

图1示意性地示出了根据本公开实施方式的应用场景示意图；

图2示意性地示出了根据本公开实施方式提供的音频交互方法的流程示意图一；

图3示意性地示出了根据本公开实施方式提供的卡片制作页面的页面示例图一；

图4示意性地示出了根据本公开实施方式提供的卡片制作页面的页面示例图二；

图5示意性地示出了根据本公开实施方式提供的卡片制作页面的页面示例图三；

图6示意性地示出了根据本公开实施方式提供的卡片制作页面的页面示例图四；

图7示意性地示出了根据本公开实施方式提供的音频交互方法的流程示意图二；

图8示意性地示出了根据本公开实施方式提供的卡片制作页面的页面示例图五；

图9示意性地示出了根据本公开实施方式提供的卡片制作页面的页面示例图六；

图10示意性地示出了根据本公开实施方式提供的卡片制作页面的页面示例图七；

图11示意性地示出了根据本公开实施方式提供的卡片制作页面的页面示例图八；

图12示意性地示出了根据本公开实施方式提供的分享方式选择页面的页面示例图一；

图13示意性地示出了根据本公开实施方式提供的用于实现页面交互方法的程序产品的示意图；

图14示意性地示出了根据本公开实施方式提供的页面交互装置的结构示意图；

图15示意性地示出了根据本公开实施方式提供的用于实现页面交互方法的计算设备的结构示意图。

在附图中，相同或对应的标号表示相同或对应的部分。

具体实施方式

下面将参考若干示例性实施方式来描述本公开的原理和精神。应当理解，给出这些实施方式仅仅是为了使本领域技术人员能够更好地理解进而实现本公开，而并非以任何方式限制本公开的范围。相反，提供这些实施方式是为了使本公开更加透彻和完整，并且能够将本公开的范围完整地传达给本领域的技术人员。

本领域技术人员知道，本公开的实施方式可以实现为一种系统、装置、设备、方法或计算机程序产品。因此，本公开可以具体实现为以下形式，即：完全的硬件、完全的软件(包括固件、驻留软件、微代码等)，或者硬件和软件结合的形式。

根据本公开的实施方式，提出了一种音频交互方法、介质、装置和计算设备。

在本文中，需要理解的是，所涉及的术语解释如下：

音频的卡片模板：包含固定不变的内容和适应性变化的内容的图片，应用于不同的音频时，卡片模板上适应性变化的内容将适应于音频的特点发生变化，得到音频对应的分享卡片。例如：在歌曲的卡片模板中，背景图片、歌曲名称的位置、歌手姓名的位置、歌曲名称的字体、歌手姓名的字体属于固定不变的内容，而歌曲名称、歌手名称属于适应性变化的内容；在采用卡片模板生成歌曲对应的歌曲卡片时，根据歌曲的歌曲名称、歌手名称，调整卡片模板上的内容，得到歌曲卡片。又如：在歌曲的卡片模板中，歌曲名称的位置、歌手姓名的位置属于固定不变的内容；背景图片、歌曲名称、歌手名称、歌曲名称的字体、歌手姓名的字体可以适应于歌曲的封面图片发生变化，属于适应性变化的内容。当然，歌曲名称在卡片模板的位置、歌手姓名在卡片模板的位置也可以是卡片模板中适应性变化的内容，卡片模板中固定不变的内容和适应性变化的内容还可以包括其他内容，在此不一一举例描述。

在本公开中，附图中的任何元素数量均用于示例而非限制，以及任何命名都仅用于区分，而不具有任何限制含义。

下面参考本公开的若干代表性实施方式，详细阐释本公开的原理和精神。

发明概述

本发明人发现，现有技术无法支持用户自定义生成个性化、情感化的分享卡片(也称为音频分享卡片，例如歌曲分享卡片)，通常的，采用音频的封面图片作为分享卡片，或者按照单一的卡片模板生成分享卡片，在音频相同时，为不同用户提供相同的分享卡片，缺少个性化定制，用户体验不佳。

本公开的实施方式中，在卡片制作页面上，第一区域显示多个卡片模板，第二区域显示分享卡片的预览图，响应于面向多个卡片模板中目标卡片模板的选中操作，在第二区域显示与目标卡片模板对应的分享卡片的预览图。用户可以在第一区域选中卡片模板，在第二区域中及时观察到与选中的卡片模板对应的分享卡片的预览图，若预览图的效果一般，用户可以重新选择卡片模板，直至预览图符合用户的情感、性格、状态、审美等需求。从而，实现了分享卡片的个性化定制，能够为不同用户提供个性化的分享卡片，显著地提高了分享卡片的多样化和个性化，提高了分享卡片制作的灵活性和便捷性，而且，分享卡片制作方式简单，为用户提供了更好的体验。

其中，本公开的实施方式中涉及的页面为软件页面。

进一步的，本公开的实施方式中涉及的页面为应用程序的页面。

进一步的，应用程序为音频处理应用程序。音频处理应用程序例如为：音频录制应用程序、音频播放应用程序、音频分享应用程序等。以歌曲为例，应用程序可以为用于实现歌曲播放、歌曲上传、歌曲分享、歌曲录制中一项或多项功能的应用程序，比如音乐播放器。

在介绍了本公开的基本原理之后，下面具体介绍本公开的各种非限制性实施方式。

应用场景总览

首先参考图1，图1是根据本公开实施方式提供的场景示意图。

如图1所示，应用场景可以为用户交互场景，涉及的设备包括终端101。在该应用场景中，用户例如通过鼠标控制、键盘控制或者触屏等方式，与终端101显示的页面进行互动，进行分享卡片的自定义制作。

可选的，该应用场景还包括服务器102，服务器102可以响应于终端101的请求，将相应的页面资源发送至终端101，以便终端101进行页面显示。以应用程序的页面为例，用户在终端101上打开应用程序的某个页面时，终端101向服务器102发送请求，服务器102将终端101所请求页面的页面资源发送至终端101，此时，服务器103为应用程序的产品服务器。

其中，终端可以是个人数字处理(personal digital assistant，简称PDA)设备、具有无线通信功能的手持设备(例如智能手机、平板电脑)、计算设备(例如个人电脑(personal computer，简称PC))、车载设备、可穿戴设备(例如智能手表、智能手环)、智能家居设备(例如智能显示设备)等。

示例性方法

下面结合图1的应用场景，参考图2-12来描述根据本公开示例性实施方式的音频交互方法。需要注意的是，上述应用场景仅是为了便于理解本公开的精神和原理而示出，本公开的实施方式在此方面不受任何限制。相反，本公开的实施方式可以应用于适用的任何场景。

示例性的，本公开的实施方式可以应用于具有显示屏幕的终端。

参考图2-5，图2是根据本公开实施方式提供的音频交互方法的流程示意图一，图3是根据本公开实施方式提供的卡片制作页面的页面示例图一，图4是根据本公开实施方式提供的卡片制作页面的页面示例图二，图5是根据本公开实施方式提供的卡片制作页面的页面示例图三。

如图2所示，音频交互方法包括：

S201、响应于面向目标音频的制作分享卡片的请求，显示卡片制作页面，卡片制作页面包括第一区域和第二区域，第一区域用于显示多个卡片模板，第二区域用于显示分享卡片的预览图。

一示例中，目标音频为在音频播放页面上显示的音频，换句话说，目标音频为正在播放的音频。例如，用户在歌曲播放页面，点击分享控件，触发面向所播放歌曲的制作歌曲卡片的请求。

又一示例中，目标音频为用户在音频列表页面所显示的多个音频中选中的音频。例如，用户在歌曲列表页面所展示的多个歌曲中选中歌曲，点击分享控件，触发面向所选中歌曲的制作歌曲卡片的请求。

又一示例中，目标音频为用户输入的音频。例如，用户在歌曲录制页面进行歌曲录制，再触发面向所录制歌曲的制作歌曲卡片的请求；又如，用户上传歌曲，触发面向所上传歌曲的制作歌曲卡片的请求。

其中，用户可以通过触屏、键盘输入、鼠标点击、语音输入、遥控等方式触发面向目标音频的制作分享卡片的请求。

本实施例中，在接收到面向目标音频的制作分享卡片的请求后，获取卡片制作页面的页面资源。其中，页面资源包括一些视图元素，比如页面背景、页面布局(比如将卡片制作页面划分为第一区域和第二区域)、多个卡片模板等，还可以包括一些配置信息，比如页面标题、页面背景颜色等。获得页面资源后，可基于页面资源进行页面渲染，实现卡片制作页面的显示。

本实施例中，卡片制作页面包括第一区域和第二区域，第一区域显示多个卡片模板，例如，在图3-5中，第一区域310中显示有多个卡片模板：卡片模板A1～A4。在用户未进行卡片模板选中之前，第二区域可以不显示分享卡片的预览图，也可以显示与默认的卡片模板对应的分享卡片的预览图。其中，默认的卡片模板为如下任一项：第一区域中排列在第一位的卡片模板、第一区域中第一个加载完成的卡片模板、第一区域中随机确定的卡片模板、用户上一次进行分享卡片制作时选中的卡片模板。例如，在图3-5中，第二区域320可显示排列在第一位的卡片模板A1对应的分享卡片的预览图321。

其中，第一区域和第二区域为卡片制作页面的不同区域，从而，在不同的区域分别显示可供选择的多个卡片模板和分享卡片的预览图，避免卡片模板的显示与分享卡片的预览图的显示之间相互遮挡，提高显示效果。

可选的，关于第一区域与第二区域的位置关系，有以下几种示例：

一示例中，第一区域与第二区域的位置关系为上下关系，第一区域位于第二区域的下方或上方。例如，在图3和图5中，第一区域310位于第二区域320的下方，即在卡片制作页面的上方区域显示预览图，在卡片制作页面的下方区域显示可供选择的多个卡片模板。

又一示例中，第一区域与第二区域的位置关系为左右关系，第一区域位于第二区域的左侧或右侧。例如，在图4中，第一区域310位于第二区域320的右侧，即在卡片制作页面的左侧区域显示预览图，在卡片制作页面的右侧区域显示可供选择的多个卡片模板。

可选的，关于第一区域与第二区域的区域大小，有以下几种示例：

一示例中，第一区域的区域大小与第二区域的区域大小为固定大小。从而，提高页面显示的统一性。

又一示例中，第二区域的区域大小等于预览图的图片尺寸。

又一示例中，第二区域的区域大小随着目标卡片模板的尺寸变化而变化，以提高第二区域中预览图的显示效果。例如，在选中尺寸较大的目标卡片模板的尺寸时，调大第二区域的大小，否则调小第二区域的大小。

又一示例中，响应于面向第一区域或第二区域的区域大小调节操作，调节第一区域或第二区域的区域大小，从而提高第一区域、第二区域的区域大小的灵活性。例如，以第一区域的区域大小调节为例，用户在第一区域的显示屏幕上进行双指触屏，通过在屏幕上增大双指之间距离的方式，增大第一区域的区域大小，通过在屏幕上缩短双指之间距离的方式，减小第一区域的区域大小；又如，用户长按第一区域与第二区域的相邻边界，并向上或向下移动该相邻边界的位置，使得第一区域与第二区域的区域大小发生变化。

可选的，关于卡片制作页面上剩余的显示内容，有以下几种示例：

一示例中，卡片制作页面还显示有卡片制作页面的页面标题，以便用户通过页面标题了解到在该页面能够实现的功能。例如，在图3中，在卡片制作页面上显示的页面标题330为“制作歌曲卡片”，通过页面标题330，用户可以得知在卡片制作页面上可以进行歌曲卡片的自定义制作。

又一示例中，第一区域还显示有第一区域的区域标题，以便用户通过第一区域的区域标题了解到第一区域所显示的内容。例如，在图5中，第一区域310中显示的区域标题311为“心情模板”，通过该标题，用户得知第一区域310中显示的是卡片模板且自己可以根据心情进行卡片模板的选择。

又一示例中，第一区域还显示有多个卡片模板的模板名称。其中，卡片模板的模板名称反映了卡片模板的预设设定的风格或类型。在第一区域显示多个卡片模板的模板名称，起到通过图文结合的方式向用户展示卡片模板的作用，更好地辅助用户进行卡片模板的选择。具体的，有以下有益效果：一方面，可以帮助用户通过卡片模板的模板名称一眼了解卡片模板的风格或者类型；另一方面，可以帮助用户更全面、准确地发现自身的分享需求；又一方面，便于用户选择风格或类型与自身分享需求较为契合的卡片模板，提高用户选择卡片模板的效率，节省用户时间。因此，显著地提高了用户体验。

其中，卡片模板的模板名称可以显示在卡片模板的下方或者上方。例如，在图5中，在第一区域310中，在各个卡片模板的下方显示有对应的模板名称：卡片模板A1下方显示了卡片模板A1的模板名称“音乐卡片”、卡片模板A2下方显示了卡片模板A2的模板名称“今日分享”、卡片模板A3下方显示了卡片模板A3的模板名称“此刻心情”、卡片模板A4下方显示了卡片模板A4的模板名称“生活记录”。用户如果主要是想分享音乐，可以选择卡片模板A1；用户如果是想通过分享音乐来记录生活或者分享一些生活碎片，可以选择卡片模板A2或者卡片模板A4；用户如果是想通过分享音乐来表达自己的情绪，可以选择卡片模板A3。

S202、接收面向多个卡片模板中目标卡片模板的选中操作。

本实施例中，在第一区域显示多个卡片模板后，可接收用户在第一区域中输入的选中操作，该选中操作所选中的卡片模板为目标卡片模板。

其中，选中操作可以为触屏操作、鼠标点击操作、键盘控制操作等，例如，如图5所示，用户在第一区域中通过手指触屏点击某个卡片模板，实现对该卡片模板的选中。或者，选中操作还可以是语音指令操作，例如，用户可以通过终端上的语音输入按键或者通过屏幕上显示的语音输入控件，输入包含目标卡片模板的模板名称的语音指令。

S203、在第二区域中，显示与目标卡片模板对应的分享卡片的预览图。

本实施例中，响应于面向多个卡片模板中目标卡片模板的选中操作，根据目标音频的音频信息和目标卡片模板，生成目标音频的与目标卡片模板对应的分享卡片的预览图，并在第二区域中显示该预览图。用户通过观察该预览图，确定该预览图是否符合自己审美、心情等主观方面的要求，若符合，则可以将该预览图确定为目标音频的最终的分享卡片，否则，用户可在第一区域重新选择其他卡片模板，观察其他卡片模板对应的分享卡片的预览图。

其中，音频信息包括如下至少一种：音频名称、音频作者姓名、音频链接。如此，可在目标卡片模板上预设位置处分别添加目标音频的音频名称、音频作者姓名、音频链接，得到与目标卡片模板对应的分享卡片的预览图。

以音频为歌曲为例，如图5所示，用户选中的目标卡片模板为卡片模板A1，在卡片模板A1上添加了歌曲名称“《XXX》”、歌手名称“小明”、歌曲链接对应的编码图(例如二维码)，得到第二区域显示的预览图。

本公开实施例中，在卡片制作页面的第一区域显示多个卡片模板，根据面向多个卡片模板中目标卡片模板的选中操作，在卡片制作页面的第二区域显示与目标卡片模板对应的分享卡片的预览图。从而，通过为用户提供了可供选择的多个卡片模板，并响应于用户在多个卡片模板中的选中操作，为用户及时反馈分享卡片的预览图的方式，实现了分享卡片的个性化定制，能够为不同用户提供个性化的分享卡片，提高了分享卡片的多样性和个性化，增加了用户与终端的互动，提高了分享卡片制作的灵活性和便捷性，而且，分享卡片制作过程简便易操作，为用户提供了更好的体验。

在一些实施例中，第二区域中的预览图上显示有可编辑区域，其中，可编辑区域是指用户可以进行输入、删除等内容编辑操作的区域。在第二区域显示了预览图之后，可响应于面向可编辑区域的交互操作，更新可编辑区域中的内容。从而，在第二区域显示预览图后，用户可以通过与可编辑区域进行交互，编辑预览图上的内容，进一步增加了分享卡片上能够进行个性化定制的内容，为用户提供更加个性化、情感化的分享卡片。

可选的，关于第二区域中的预览图上的可编辑区域，有以下几种示例：

一示例中，可编辑区域包括文案编辑区域和/或图案编辑区域。

其中，文案编辑区域是指用户可以进行文案输入、文案删除等文案编辑操作的区域，图案编辑区域是指用户可以进行图案输入、图案删除等图案编辑操作的区域。在第二区域显示了预览图之后，可响应于面向文案编辑区域的交互操作(例如用户在文案编辑区域进行文案输入)，更新文案编辑区域中的文案；和/或，响应于面向图案编辑区域的交互操作(例如用户在图案编辑区域进行贴图操作)，更新图案编辑区域中的图案。

例如，参考图6，图6是根据本公开实施方式提供的卡片制作页面的页面示例图四。如图6所示，预览图321上显示有文案编辑区域322，文案编辑区域322中显示有用户输入的文案“单曲循环”。

其中，文案可包括文本和/或表情符号(emoji)，从而，用户可以采用文本、或者表情符号、或者文本与表情符号结合的方式在预览图上进行编辑，更丰富地进行生活记录、情绪表达等，提高用户体验。

其中，图案编辑区域中的图案(或者内容)可为表达情绪或状态的人物卡通图案，人物卡通图案通过动画形象来表达人物情绪或者状态。用户可通过在图案编辑区域输入人物卡通图案来表达自己的情绪或状态，为用户提供了除文案以外的自我表达的方式，不同性格的用户可以采用适宜自身的方式进行自我表达，有利于提高用户的表达意愿，提高分享卡片的生动性。

又一示例中，在可编辑区域包括文案编辑区域和图案编辑区域的情况下，文案编辑区域与图案编辑区域为不同的区域，避免预览图上的文案编辑区域与图案编辑区域相互遮挡，提高显示效果和交互体验。

又一示例中，卡片模板也包含可编辑区域。

其中，不同卡片模板的可编辑区域可不同。例如，不同卡片模板上可编辑区域的位置不同，又如，部分卡片模板的可编辑区域仅包含文案编辑区域，部分卡片模板的可编辑区域仅包含图案编辑区域，部分卡片模板的可编辑区域包含文案编辑区域和图案编辑区域。

又一示例中，在目标卡片模板包含可编辑区域的情况下，预览图上的可编辑区域与目标卡片模板上可编辑区域相同。

又一示例中，在目标卡片模板包含可编辑区域的情况下，在预览图上随机显示可编辑区域，或者，预设图的预设位置处显示指定的可编辑区域。

又一示例中，预览图上可编辑区域的位置是可调的。具体的，可响应于面向可编辑区域的位置调整操作，在指定的目标位置处显示可编辑区域。其中，位置调整操作例如为手指长按拖动操作、鼠标选中拖动操作等，指定的目标位置为位置调整操作所指定的目标位置。例如，用户通过手指长按可编辑区域，将可编辑区域拖动至预览图上的另一位置处。从而，通过调整预览图上可编辑区域的位置，提高了分享卡片制作的灵活性、交互程度，提高了分享卡片的多样性和个性化，提高了用户体验。

基于第二区域中的预览图上显示有可编辑区域，下面通过实施例描述在卡片制作页面上涉及可编辑区域的音频交互和页面显示。具体的，参考图7-11，图7是根据本公开实施方式提供的音频交互方法的流程示意图二，图8-11是根据本公开实施方式提供的卡片制作页面的页面示例图五～八。

如图7所示，在第二区域中显示预览图后，音频交互方法还包括：

S701、响应于面向第二区域所显示的预览图中可编辑区域的交互操作，显示交互控件和/或推荐内容，交互控件包括输入框。

本实施例中，面向第二区域所显示的预览图中的可编辑区域的交互操作，为调出交互控件和/或推荐内容的交互操作。例如，终端在检测到用户双击可编辑区域的情况下，在卡片制作页面上显示交互控件和/或推荐内容。

其中，交互控件中的输入框用于用户向可编辑区域输入内容。

在交互操作所针对的可编辑区域为文案编辑区域的情况下(例如用户单击或双击文案编辑区域)，终端显示文案编辑区域的输入框，用户可通过该输入框向文案编辑区域输入文案；和/或，在交互操作所针对的可编辑区域为图案编辑区域的情况下(例如用户单击或双击图案编辑区域)，终端显示图案编辑区域的输入框，用户可通过该输入框向图案编辑区域输入图案。

其中，推荐内容是向用户推荐的输入至可编辑区域的内容。

在交互操作所针对的可编辑区域为文案编辑区域的情况下，终端显示多个推荐文案；和/或，在交互操作所针对的可编辑区域为图案编辑区域的情况下，终端显示多个推荐图案。

可选的，关于交互控件和/或推荐内容的显示区域，有以下几种示例：

一示例中，响应于面向第二区域所显示的预览图中可编辑区域的交互操作，在第一区域中，停止显示多个卡片模板，并显示交互控件和/或推荐内容。换句话说，在卡片模板的选择阶段，第一区域用于显示多个卡片模板，在可编辑区域的编辑阶段，第一区域用于显示交互控件和/或推荐内容。从而，在不影响页面显示效果的前提下，提高了页面区域的利用率，

例如，如图8所示，在预览图321中，显示有文案编辑区域322，用户双击文案编辑区域322后，在第一区域310中显示输入框312，在输入框312的下方显示多个推荐文案：“单曲循环”、“夏天日常”、“幸运日”。

又一示例中，响应于面向第二区域所显示的预览图中可编辑区域的交互操作，在第一区域中的部分区域，显示多个卡片模板，在第一区域中的另一部分区域，显示交互控件和/或推荐内容。例如，用户双击文案编辑区域后，在第一区域中的左侧区域显示多个卡片模板，在第一区域中的右侧区域显示输入框，在输入框的下方显示多个推荐文案。

又一示例中，响应于面向第二区域所显示的预览图中可编辑区域的交互操作，缩小第二区域中的预览图，在第二区域中除预览图以外的剩余区域，显示交互控件和/或推荐内容。

例如，用户双击文案编辑区域，第二区域中显示的预览图缩小得到剩余区域，在剩余区域中显示输入框，在输入框的下方显示多个推荐文案。

又一示例中，通过弹窗方式，在第一区域、第二区域或者卡片制作页面上除第一区域或第二区域以外的区域，叠加显示交互控件和/或推荐内容。

又一示例中，交互控件与推荐内容可以同步显示在相邻区域，例如，在第一区域中显示交互控件和推荐内容，推荐内容显示在交互控件的下方；或者，先显示交互控件，在用户对交互控件中的输入框进行互动的情况下，在输入框的下拉框中显示推荐内容；或者，在用户对可编辑区域进行交互操作时，在可编辑区域的下拉框中显示推荐内容，在第二区域显示交互控件。

可选的，在预览图上的可编辑区域包括文案编辑区域、推荐内容包括推荐文案的情况下，关于推荐文案的显示逻辑，有以下几种示例：

一示例中，不同终端对应相同的文案库，不同终端上推荐文案的展示顺序相同。其中，可在终端或服务器上预先配置包含多条文案的文案库，并预先设置文案推荐顺序，按照文案推荐顺序进行推荐文案的显示。

在一种显示方式中，可按照文案库中文案的存储顺序显示推荐文案。

在另一种显示方式中，可按照文案库中文案被选中的频率从高到低的顺序显示推荐文案，文案被选中的频率是指文案作为推荐文案显示时被用户选中的次数，文案被选中的次数可在征得用户同意的前提下采集得到。

又一示例中，不同终端对应相同的文案库，不同终端上推荐文案的展示顺序不同。其中，可在终端或服务器上预先配置包含多条文案的文案库。

在一种显示方式中，可基于文案库，随机显示多个推荐文案。

具体的，终端响应于面向预览图中可编辑文案的交互操作，向服务器发送推荐文案获取请求，服务器从文案库中随机获取多个推荐文案发送至终端，终端对接收到的多个推荐文案进行显示。

又一示例中，按照文案库中的文案与目标卡片模板的匹配程度，显示推荐文案。从而，提高文案推荐的准确性，提高用户体验。

具体的，终端响应于面向预览图中可编辑文案的交互操作，向服务器发送推荐文案获取请求，该请求中包括了用户所选中的目标卡片模板的标识信息(其中，标识信息用于区分不同的卡片模板，标识信息例如为模板ID)。

一种方式中，预先设置了多个卡片模板与文案库中文案的对应关系，例如，在该对应关系中，一个卡片模板对应文案库中的一个或多个文案。服务器可基于目标卡片模板的标识信息，确定与目标卡片模板对应的文案。其中，与目标卡片模板对应的文案为与目标卡片模板的匹配程度较高的文案，文案库中的剩余文案为与目标卡片模板的匹配程度较低的文案。服务器将与目标卡片模板对应的文案优先发送至终端进行显示。

例如，与模板名称为“此刻心情”(可参照图5)的卡片模板对应的文案包括：“欢喜”、“别害怕”、“热爱”、“捕捉快乐”，在用户选中的目标卡片模板为模板名称为“此刻心情”的卡片模板的情况下，如图9所示，可在第一区域310显示输入框312和与该卡片模板对应的上述文案。

另一种方式中，服务器可将文案库中的文案与目标卡片模板的特征信息进行匹配，得到文案库中的文案与目标匹配模板的匹配程度，按照匹配程度从高到低的顺序，将文案返回给终端，终端将接收到的文案作为推荐文案进行显示。其中，卡片模板的特征信息可以为卡片模板对应的关键字，例如卡片模板的名称、描述信息(比如伤感、开心、时空)。

可选的，在预览图上的可编辑区域包括图案编辑区域、推荐内容包括推荐图案的情况下，推荐图案的显示逻辑可以参照推荐文案的显示逻辑，不再赘述。此外，还可以针对不同的终端，采用相同的推荐图案展示顺序。

S702、响应于从输入框中获取的目标内容，或者，响应于面向推荐内容中目标内容的选中操作，将可编辑区域中的内容替换为目标内容。

本实施例中，在响应于面向预览图上可编辑区域的交互操作显示输入框的情况下，用户可在输入框中输入目标内容。终端从输入框中获取用户输入的目标内容，并将可编辑区域中的内容替换为目标内容。在响应于面向预览图上可编辑区域的交互操作显示推荐内容的情况下，用户可在推荐内容中进行内容选中。终端响应于面向推荐内容中目标内容的选中操作，将可编辑区域中的内容替换为目标内容，此时目标内容为用户选中的推荐内容。其中，将可编辑区域中的内容替换为目标内容，相当于在可变区区域显示目标内容。

例如，如图9所示，用户在输入框312中输入“可可爱爱”，相应的，文案编辑区域322中显示该文案。

例如，如图8所示，用户在多个推荐文案中选中“单曲循环”，相应的，文案编辑区域322中显示该推荐文案。

可选的，在检测到输入框中输入的内容符合预设规则的情况下，显示提醒更换内容的提示消息。其中，提示消息用于提示用户更换在输入框中输入的内容，换句话说，用于提示用户重新输入新的内容，例如提示消息为“换条文案试试吧”。预设规则例如为一些违反道德、法律、习俗的规则。

可选的，在响应于面向第二区域所显示的预览图中可编辑区域的交互操作，显示交互控件中，除输入框之外，交互控件还包括删除或禁用控件、刷新控件、保存或确认空间中的至少一种，具体示例如下：

一示例中，交互控件包括删除或禁用控件，在显示交互控件后，可响应于面向删除或禁用控件的交互操作，删除预览图上的可编辑区域。其中，面向删除或禁用控件的交互操作例如为面向删除或禁用控件的点击操作、或者面向删除或禁用控件的长按操作等。

进一步的，删除或禁用控件可显示在输入框的旁边，例如，显示在输入框的左侧、或者，显示在输入框的右侧。

例如，如图8所示，在输入框312的右侧显示有删除或禁用控件313。用户点击删除或禁用控件313后，终端删除预览图321上的文案编辑区域322。其中，图8以禁止样式的图标(icon)来表示删除或禁用控件313。

又一示例中，交互控件包括刷新控件，在显示交互控件后，可响应于面向刷新控件的交互操作，刷新推荐内容，即将推荐内容更新为下一批推荐内容。其中，面向刷新控件的交互操作例如为面向刷新控件的点击操作、或者面向刷新控件的长按操作等，下一批推荐内容包括一个或多个推荐内容。

进一步的，刷新控件可以显示在推荐内容的旁边，例如，显示在多个推荐内容的下方，或者，显示在多个推荐内容的右侧。

例如，如图9所示，在多个推荐文案的下方显示有刷新控件“换一批”。用户点击“换一批”后，终端将当前的多个推荐文案更新为其它的推荐文案。

又一示例中，交互控件包括保存或确认控件，在显示交互控件后，响应于面向保存或确认控件的交互操作，在第二区域中，显示制作完成的分享卡片的预览图。其中，面向保存或确认控件的交互操作例如为面向保存或确认控件的点击操作、或者面向保存或确认控件的长按操作等。

进一步的，保存或确认控件可显示在输入框的旁边，例如，显示在输入框的左侧、或者，显示在输入框的右侧。

例如，如图8所示，在输入框312的右侧显示有保存或确认控件314。用户点击保存或确认控件314后，表示用户已完成对文案编辑区域322的编辑，此时，在第二区域320显示的预览图321为制作完成的预览图。其中，在图8中，以对勾样式的图标来表示保存或确认控件314。

又一示例中，交互控件包括保存或确认控件，在显示交互控件后，响应于面向保存或确认控件的交互操作，在第一区域中显示多个分享渠道。

其中，分享渠道又可以称为分享平台、分享对象等，在检测到用户对保存或确认控件的交互操作后，通过显示多个分享渠道的方式，指示用户选择合适的分享渠道对分享卡片进行分享，或者说，指示用户将分享音频通过相应的分享渠道进行分享，从而进一步提高用户体验。

其中，在第一区域中显示多个分享渠道，包括以下几种可选的显示方式：一种方式中，通过弹窗方式在第一区域叠加显示多个分享渠道，多个分享渠道可以部分或完全遮挡第一区域中显示的多个卡片模板或者第一区域中显示的交互控件和/或推荐内容；或者，另一种方式中，在检测到用户对保存或确认控件的交互操作后，停止在第一区域中显示与可编辑区域的编辑相关的内容(包括交互控件、推荐内容)，在第一区域显示多个分享渠道，从而，在不影响显示效果的情况下，提高页面区域的利用率。

后续，用户可以在多个分享渠道中选择其中一个分享渠道。终端响应于面向多个分享渠道中目标分享渠道的选择操作，显示分享页面，以在分享页面将最终的分享卡片通过目标分享渠道分享出去。

例如，如图10所示，在第一区域310中显示分享渠道B1、B2、B3等多个分享渠道。当分享渠道的数量超出第一区域310的显示范围后，用户可以通过滑动的方式查看更多的分享渠道，例如分享渠道B4、B5、……等等(在图10中未示出分享渠道B4、B5)。

可选的，除通过对保存或确认控件进行互动操作来触发分享渠道的显示之外，卡片制作页面还可以显示有分享控件，响应于面向分享控件的交互操作(例如点击操作、长按操作)，在第一区域中显示多个分享渠道。

例如，如图11所示，卡片制作页面上显示有分享控件340。用户点击分享控件340后，第一区域310上显示分享渠道B1、B2、B3等分享渠道。

本公开实施例中，在卡片制作页面上，在第二区域显示了分享卡片的预览图后，通过预览图上显示的可编辑区域，在预览图上进行内容编辑(内容输入、内容删除、内容更新等)，提高了分享卡片的多样性和个性化，提高了卡片制作过程中终端与用户的互动程度，提高了用户体验。

下面，通过实施例提供第一区域中多个卡片模板的多个显示方法。

在一些实施例中，在卡片模板的总数较多时可能出现第一区域无法一次性显示所有卡片模板，为解决该问题，提高卡片模板的显示效果，可通过以下任一方式进行卡片模块的显示：方式一，第一区域用于滚动显示多个卡片模板；或者，方式二，第一区域用于随机显示多个卡片模板；或者，方式三，第一区域用于响应于面向第一区域的交互操作遍历显示多个卡片模板。

在方式一中，可按照预设顺序在第一区域中滚动显示卡片模板库中的多个卡片模板，用户在卡片模板的滚动过程中，挑选目标卡片模板。

在方式二中，可随机从卡片模板库中获取多个卡片模块并将获取的多个卡片模板显示在第一区域中，其中，在该方式中，可以每隔一段时间刷新一次第一区域中显示的卡片模板，或者，在第一区域显示刷新控件，用户通过对刷新控件进行交互操作，来控制第一区域中显示的卡片模板的刷新。

在方式三中，面向第一区域的交互操作，例如在第一区域的长按操作、点击操作。在检测到面向第一区域的交互操作时，可按照预设顺序遍历显示(依次显示)多个卡片模板。

可选的，在方式三中，响应于面向第一区域的交互操作遍历显示多个卡片模板包括：接收面向第一区域的交互操作；响应于面向第一区域的交互操作，在第一区域，显示多个卡片模板。其中，面向第一区域的交互操作包括面向卡片模板的滑动操作。从而，用户可通过在第一区域进行滑动操作，来控制第一区域中多个卡片模板的显示。例如，用户在第一区域向左滑动时，第一区域中的卡片模板也相应向左移动，显示出之前隐藏在第一区域右侧的卡片模板；用户在第一区域向右滑动时，第一区域中的卡片模板也相应向右移动，显示出之前隐藏在第一区域左侧的卡片模板。

其中，滑动操作例如为用户通过手指在第一区域上滑动、用户通过鼠标拖动第一区域中卡片模板的进度条。

进一步的，响应于面向第一区域的交互操作，在第一区域，显示多个卡片模板。包括：根据滑动操作的位移，确定待显示的卡片模板；在第一区域，显示待显示的卡片模板。从而，基于滑动操作的位移，提高待显示的卡片模板的准确性，提高用户的交互体验。

具体的，在检测到用户的滑动操作的情况下，获取滑动操作的位移。根据滑动操作的位移，确定第一区域中卡片模板的移动位移，其中，滑动操作的位移与卡片模板的移动位移成正比，例如卡片模板的移动位于等于滑动操作的位移。按照该移动位移、当前显示的卡片模板、相邻卡片模板之间的显示间隔，确定待显示的卡片模板。在第一区域，显示待显示的卡片模板。

在一些实施例中，卡片模板包括父卡片模板和子卡片模板，一个父卡片模板对应一个或多个子卡片模板。此时，在第一区域中显示多个卡片模板时，可先显示父卡片模板和不存在对应的子卡片模板的卡片模板，而不显示子卡片模板。接着，可响应于面向多个卡片模板中父卡片模板的选中操作，显示所选中的父卡片模板对应的子卡片模板，接收面向子卡片模板中目标卡片模板的选中操作。从而，实现子卡片模板中目标卡片模板的选中。

其中，父卡片模板相当于一个大类，与父卡片模板对应的子卡片模板相当于属于该大类中的一个小类。在实际应用中，一开始，根据比较宽泛模糊的分类标准，设置对应不同类别的卡片模板，卡片模板的数量较少。随着后续业务发展和用户需求的细化，卡片模板的数量会逐渐增多，在一些类别下还会出现进一步类别细分的卡片模板，细分出来的卡片模板即子卡片模板，而对应较大类别范围的卡片模板为父卡片模板。例如，一开始设置了一个对应心情这一类别的卡片模板，后续，将心情划分为开心、难过、平静、痛苦等子类别，针对这些子类别，分别设置了相应的卡片模板。此时，原先对应心情的卡片模板为父卡片模板，对应子类别的卡片模板为子卡片模板。

可选的，在响应于面向多个卡片模板中父卡片模板的选中操作，显示所选中的父卡片模板对应的子卡片模板的过程中，可在父卡片模板的周围区域，显示与父卡片模板对应的子卡片模板。例如，通过弹窗方式，在子卡片模板的上方、下方、左侧或者右侧，显示与父卡片模板对应的子卡片模板。

可选的，在父卡片模板和/或父卡片模板对应的子卡片模板的数量过多时，可响应于面向父卡片模板的滑动操作，在第一区域显示父卡片模板，和/或可响应于面向子卡片模板的滑动操作，在第一区域显示子卡片模板。

在一些实施例中，多个卡片模板对应不同的分享场景。从而，可在不同的分享场景下为用户提供合适的卡片模板，更契合用户的需求。

可选的，分享场景包括如下至少两项：无主题分享场景、生活记录场景、情绪表达场景、音乐分享场景、用户状态分享场景。从而，设计了丰富、多样的分享场景，从无主题分享、生活记录、情绪表达、音乐分享、用户状态等多个角度，为用户提供卡片模板，多方位满足用户需求。

其中，无主题分享场景是指没有特定的分享目的、用户为打发时间随手进行卡片分享的场景。无主题分成场景又可以称为生活碎片分享场景，用户可采用无主题分享场景所对应的卡片模板分享一些生活碎片。例如，在无主题分享场景下，还可以细分出一些场景类型：今日分享、生活碎片、收集快乐、小确幸等等，针对这些场景类型，可以设计相应的卡片模板。

其中，生活记录场景是指为了记录日常生活而进行卡片分享的场景。例如，在生活记录场景下，还可以细分为天气(比如秋天的第一杯奶茶、初雪)、时间(比如9月第一天、开学季、中秋)、时事等场景类型。

其中，情绪表达场景是指为了进行情绪化表达而进行卡片分享的场景，可通过与情绪表达场景对应的个性化卡片模板(例如失恋、累了、饿了等情绪对应的卡片模板)，满足用户表现心情的需求。

其中，音乐分享场景是指为体现音乐属性而分享歌曲卡片的场景。与音频分享场景对应的卡片模板可以包含CD封面、黑胶等与音乐相关的元素。

其中，用户状态分成场景是指为用户分享自身的最近状态而进行卡片分享的场景。与用户状态分享场景对应的卡片模板可以包括图案编辑区域，通过图案编辑区域中的人物卡通图案来形象地表达用户最近的状态。

需要说明的，分享场景的划分可以与前述的父卡片模板、子卡片模板的方案进行相互结合。例如，与无主题分享场景、生活记录场景、情绪表达场景、音乐分享场景、用户状态分享场景分别对应的模板为父卡片模板，与这些场景下细化的场景主题对应的模板为子卡片模板。

在一些实施例中，第一区域显示多个卡片模板的顺序是根据用户特征数据、模板更新时间、模板分享频率中至少一种确定的，以提高第一区域中多个卡片模板显示顺序的合理性，提高用户体验。

其中，用户特征数据体现用户偏好，例如，用户特征数据可包括用户年龄、用户性别、用户选择卡片模板的历史记录等反映用户偏好的数据，可在征得用户同意的情况下采集得到这些数据。模板更新时间即卡片模板最近更新的时间。模板分享频率是指卡片模板在单位时间内被用于制作分享卡片且成功分享的次数。一种方式中，可按照卡片模板与用户特征数据的匹配程度从高到低的顺序，或者，按照卡片模板的模板更新时间从后往前的顺序，或者，按照卡片模板的模板分享频率从大到小的顺序，在第一区域中依次显示多个卡片模板。又一种方式中，可基于用户特征数据、模板更新时间、模板分享频率，对各个卡片模板进行评分，按照评分从高到低的顺序，在第一区域中依次显示多个卡片模板。其中，例如，按照预设的权重，对卡片模板与用户特征数据的匹配程度、卡片模板的更新时间、卡片模板的分享频率进行加权求和，得到卡片模板对应的评分。

下面，结合图12，通过实施例提供触发卡片制作页面显示的方案，或者说，通过实施例提供触发面向目标音频的制作分享卡片的请求的方案。其中，图12是根据本公开实施方式提供的分享方式选择页面的页面示例图一。

在一些实施例中，响应于面向分享方式选择页面中目标交互区域的交互操作，显示卡片制作页面。其中，分享方式选择页面显示有多个交互区域，不同交互区域对应不同的交互方式，目标交互区域对应的交互方式为卡片分享。从而，用户可通过在分享方式选择页面与目标交互区域进行交互，触发面向目标音频的制作分享卡片的请求，进而触发卡片制作页面的显示。

其中，面向分享方式选择页面中目标交互区域的交互操作包括面向分享方式选择页面中目标交互区域的选中操作，例如，用户通过鼠标点击或者触屏点击的方式在分享方式选择页面选中目标交互区域。

例如，在图12中，分享方式选择页面显示多个交互区域：交互区域C1～C3，其中，交互区域C1对应的分享方式例如为歌曲链接分享，交互区域C2对应的交互方式例如为卡片分享，交互区域C3对应的分享方式例如为歌词分享。用户可通过点击交互区域C2，触发制作歌曲卡片的请求，进而，响应于该请求，终端显示卡片制作页面。

其中，针对分享方式选择页面中的多个交互区域，交互区域中可显示与交互区域对应的分享方式相关的内容，与交互区域对应的分享方式相关的内容可以包括与该分享方式相关的图像和/或视频。

可选的，目标交互区域用于显示分享卡片分享视频，分享卡片分享视频用于展示分享卡片制作过程、分享卡片显示效果、分享卡片制作所具备的功能中的至少一种。从而，通过分享卡片分享视频，形象生动且清晰地向用户展示分享卡片分享这一方式，以辅助用户进行分享方式的选择。

其中，分享卡片制作过程例如包括在第一区域显示的多个卡片模板中选中目标卡片模板、在预览图中对可编辑区域的内容进行编辑等过程；分享卡片显示效果例如包括选择不同的卡片模板时第二区域上预览图的显示效果，体现出在该卡片分享中可以通过调整卡片模板来生成不同的分享卡片；分享卡片制作所具备的功能例如包括卡片模板切换功能、分享卡片预览功能、分享卡片文案编辑功能、分享卡片图案编辑功能。

可选的，在目标交互区域上显示有提醒标识，提醒标识用于提示目标交互区域为新增区域，从而，通过提醒标识使得用户更容易注意到新增区域，即更容易注意到新增的分享方式，提高用户体验。

例如，在图12种，在交互区域C2的右上角显示提醒标识“N”，以向用户提示交互区域C2为新增区域。

可选的，在分享方式选择页面上目标交互区域为多个交互区域中排在第一位的交互区域。从而，便于用户一眼注意到目标交互区域。

可选的，在分享方式选择页面上多个交互区域的位置是动态调整的。

例如，用户对交互区域的位置进行拖动。或者，根据交互区域的上线时间，对交互区域的位置进行动态调整，将上线时间较晚的交互区域排在靠前的位置进行显示。或者，可以根据交互区域被选中的频率对交互区域的位置进行动态调整，将被选择的频率较高的交互区域排在靠前的位置进行显示。

可选的，响应于面对目标音频播放页面上分享控件的互动操作，显示分享方式选择页面。其中，互动操作例如点击操作、长按操作。从而，用户在目标音频的播放页面点击分享控件，触发分享方式选择页面的显示。

示例性介质

在介绍了本公开示例性实施方式的方法之后，接下来，参考图13对本公开示例性实施方式的存储介质进行说明。

参考图13所示，描述了根据本公开的实施方式的用于实现上述方法的程序产品130，其可以采用便携式紧凑盘只读存储器(CD-ROM)并包括程序代码，并可以在终端设备，例如个人电脑上运行。然而，本公开的程序产品不限于此。

所述程序产品可以采用一个或多个可读介质的任意组合。可读介质可以是可读信号介质或者可读存储介质。可读存储介质例如可以为但不限于电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。可读存储介质的更具体的例子(非穷举的列表)包括：具有一个或多个导线的电连接、便携式盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。

可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了可读程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。可读信号介质还可以是可读存储介质以外的任何可读介质。

可以以一种或多种程序设计语言的任意组合来编写用于执行本公开公开操作的程序代码，所述程序设计语言包括面向对象的程序设计语言—诸如Java、C++等，还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算设备上执行、部分地在用户设备上执行、部分在远程计算设备上执行、或者完全在远程计算设备或服务器上执行。在涉及远程计算设备的情形中，远程计算设备可以通过任意种类的网络，包括局域网(LAN)或广域网(WAN)，连接到用户计算设备。

示例性装置

在介绍了本公开示例性实施方式的介质之后，接下来，参考图14对本公开示例性实施方式的音频交互装置进行说明，用于实现上述任一方法实施例中的方法，其实现原理和技术效果类似，在此不再赘述。

如图14所示，本公开实施方式提供了一种音频交互装置，包括：

页面显示单元1401，用于响应于面向目标音频的制作分享卡片的请求，显示卡片制作页面，卡片制作页面包括第一区域和第二区域，第一区域用于显示多个卡片模板，第二区域用于显示分享卡片的预览图；

接收单元1402，用于接收面向多个卡片模板中目标卡片模板的选中操作；

预览图显示单元1403，用于在第二区域中，显示与目标卡片模板对应的分享卡片的预览图。

在本公开的一实施例中，第二区域中的预览图上显示有可编辑区域，可编辑区域包括文案编辑区域和/或图案编辑区域。

在本公开的又一实施例中，还包括编辑单元1404，用于：响应于面向可编辑区域的交互操作，显示交互控件和/或推荐内容，交互控件包括输入框；响应于从输入框中获取的目标内容，或者，响应于面向推荐内容中目标内容的选中操作，将可编辑区域中的内容替换为目标内容。

在本公开的又一实施例中，编辑单元1404还用于：响应于面向可编辑区域的交互操作，在第一区域中，停止显示多个卡片模板，并显示交互控件和/或推荐内容。

在本公开的又一实施例中，在可编辑区域包括文案编辑区域的情况下，推荐内容包括推荐文案，编辑单元1404还用于：响应于面向可编辑区域的交互操作，显示交互控件，并按照文案库中的文案与目标卡片模板的匹配程度，显示推荐文案。

在本公开的又一实施例中，交互控件还包括删除或禁用控件、刷新控件、保持或确认控件中至少一种，编辑单元1404，还用于如下至少一项：响应于面向删除或禁用控件的交互操作，删除可编辑区域；或，响应于面向刷新控件的交互操作，将推荐内容更新为下一批推荐内容；或，响应于面向保存或确认控件的交互操作，在第二区域中，显示制作完成的分享卡片的预览图；或，响应于面向保存或确认控件的交互操作，在第一区域中，显示多个分享渠道。

在本公开的又一实施例中，编辑单元1404还用于：在检测到输入框中输入的内容符合预设规则的情况下，显示提示更换内容的提示消息。

在本公开的又一实施例中，还包括位置调整单元1405，用于：响应于面向可编辑区域的位置调整操作，在指定的目标位置处显示可编辑区域。

在本公开的又一实施例中，图案编辑区域中的内容为用于表示情绪或状态的人物卡通图案。

在本公开的又一实施例中，第一区域用于滚动显示多个卡片模板；或，第一区域用于随机显示多个卡片模板；或，第一区域用于响应于面向第一区域的交互操作遍历显示多个卡片模板。

在本公开的又一实施例中，响应于面向第一区域的交互操作遍历多个卡片模板，包括：接收面向第一区域的交互操作，面向第一区域的交互操作包括面向卡片区域的滑动操作；响应于面向第一区域的交互操作，在第一区域中，显示多个卡片模板。

在本公开的又一实施例中，在第一区域，显示多个卡片模板，包括：

根据滑动操作的位移，确定待显示的卡片模板；在第一区域中，显示待显示的卡片模板。

在本公开的又一实施例中，卡片模板包括父卡片模板和子卡片模板，一个父卡片模板对应一个或多个子卡片模板，接收单元1402还用于：响应于面向多个卡片模板中父卡片模板的选中操作，显示所选中的父卡片模板对应的子卡片模板；接收面向子卡片模板中目标卡片模板的选中操作。

在本公开的又一个实施例中，多个卡片模板对应不同的分享场景，分享场景包括如下至少两项：无主题分享场景、生活记录场景、情绪表达场景、音乐分享场景、用户状态分享场景。

在本公开的又一个实施例中，第一区域显示的多个卡片模板的顺序是根据用户特征数据、模板更新时间、模板分享频率中至少一种确定的。

在本公开的又一实施例中，页面显示单元1401还用于：响应于面向分享方式选择页面中目标交互区域的交互操作，显示卡片制作页面，其中，分享方式选择页面上显示有多个交互区域，不同交互区域对应不同分享方式，目标交互区域对应的分享方式为卡片分享。

在本公开的又一实施例中，目标交互区域用于显示分享卡片分享视频，分享卡片分享视频用于展示分享卡片制作过程、分享卡片显示效果、分享卡片制作所具备的功能中的至少一种。

在本公开的又一实施例中，目标交互区域显示有提醒标识，提醒表示用于提醒目标交互区域为新增区域。

在本公开的又一实施例中，在分享方式选择页面上目标交互区域为多个交互区域中排在第一位的交互区域。

示例性计算设备

在介绍了本公开示例性实施方式的方法、介质和装置之后，接下来，参考图15对本公开示例性实施方式的计算设备进行说明。

图15显示的计算设备150仅仅是一个示例，不应对本公开实施例的功能和使用范围带来任何限制。

如图15所示，计算设备150以通用计算设备的形式表现。计算设备150的组件可以包括但不限于：上述至少一个处理单元1501、上述至少一个存储单元1502，连接不同系统组件(包括处理单元1501和存储单元1502)的总线1503。

总线1503包括数据总线、控制总线和地址总线。

存储单元1502可以包括易失性存储器形式的可读介质，例如随机存取存储器(RAM)15021和/或高速缓存存储器15022，可以进一步包括非易失性存储器形式的可读介质，例如只读存储器(ROM)15023。

存储单元1502还可以包括具有一组(至少一个)程序模块15024的程序/实用工具15025，这样的程序模块15024包括但不限于：操作系统、一个或者多个应用程序、其它程序模块以及程序数据，这些示例中的每一个或某种组合中可能包括网络环境的实现。

计算设备150也可以与一个或多个外部设备1504(例如键盘、指向设备等)通信。这种通信可以通过输入/输出(I/O)接口1505进行。并且，计算设备150还可以通过网络适配器1506与一个或者多个网络(例如局域网(LAN)，广域网(WAN)和/或公共网络，例如因特网)通信。如图15所示，网络适配器1506通过总线1503与计算设备150的其它模块通信。应当理解，尽管图中未示出，可以结合计算设备150使用其它硬件和/或软件模块，包括但不限于：微代码、设备驱动器、冗余处理单元、外部磁盘驱动阵列、RAID系统、磁带驱动器以及数据备份存储系统等。

应当注意，尽管在上文详细描述中提及了装置的若干单元/模块或子单元/模块，但是这种划分仅仅是示例性的并非强制性的。实际上，根据本公开的实施方式，上文描述的两个或更多单元/模块的特征和功能可以在一个单元/模块中具体化。反之，上文描述的一个单元/模块的特征和功能可以进一步划分为由多个单元/模块来具体化。

此外，尽管在附图中以特定顺序描述了本公开方法的操作，但是，这并非要求或者暗示必须按照该特定顺序来执行这些操作，或是必须执行全部所示的操作才能实现期望的结果。附加地或备选地，可以省略某些步骤，将多个步骤合并为一个步骤执行，和/或将一个步骤分解为多个步骤执行。

虽然已经参考若干具体实施方式描述了本公开的精神和原理，但是应该理解，本公开并不限于所公开的具体实施方式，对各方面的划分也不意味着这些方面中的特征不能组合以进行受益，这种划分仅是为了表述的方便。本公开旨在涵盖所附权利要求的精神和范围内所包括的各种修改和等同布置。

Claims (10)

1.一种音频交互方法，包括：

响应于面向目标音频的制作分享卡片的请求，显示卡片制作页面，所述卡片制作页面包括第一区域和第二区域，所述第一区域用于显示多个卡片模板，所述第二区域用于显示分享卡片的预览图；

接收面向所述多个卡片模板中目标卡片模板的选中操作；

在所述第二区域中，显示与所述目标卡片模板对应的分享卡片的预览图。

2.根据权利要求1所述的音频交互方法，所述第二区域中的预览图上显示有可编辑区域，所述可编辑区域包括文案编辑区域和/或图案编辑区域。

3.根据权利要求2所述的音频交互方法，所述在所述第二区域中，显示与所述目标卡片模板对应的分享卡片的预览图之后，还包括：

响应于面向所述可编辑区域的交互操作，显示交互控件和/或推荐内容，所述交互控件包括输入框；

响应于从所述输入框中获取的目标内容，或者，响应于面向所述推荐内容中目标内容的选中操作，将所述可编辑区域中的内容替换为所述目标内容。

4.根据权利要求3所述的音频交互方法，所述响应于面向所述可编辑区域的交互操作，显示交互控件和/或推荐内容，包括：

响应于面向所述可编辑区域的交互操作，在所述第一区域中，停止显示所述多个卡片模板，并显示所述交互控件和/或所述推荐内容。

5.根据权利要求3所述的音频交互方法，在所述可编辑区域包括所述文案编辑区域的情况下，所述推荐内容包括推荐文案，所述响应于面向所述可编辑区域的交互操作，显示交互控件和/或推荐内容，包括：

响应于面向所述可编辑区域的交互操作，显示所述交互控件，并按照文案库中的文案与所述目标卡片模板的匹配程度，显示所述推荐文案。

6.根据权利要求3所述的音频交互方法，所述交互控件还包括删除或禁用控件、刷新控件、保存或确认控件中至少一种，所述响应于面向所述可编辑区域的选中操作，显示交互控件和/或推荐内容之后，还包括如下至少一项：

响应于面向所述删除或禁用控件的交互操作，删除所述可编辑区域；

或，响应于面向所述刷新控件的交互操作，将所述推荐内容更新为下一批推荐内容；

或，响应于面向所述保存或确认控件的交互操作，在所述第二区域中，显示制作完成的分享卡片的预览图；

或，响应于面向所述保存或确认控件的交互操作，在所述第一区域中，显示多个分享渠道。

7.根据权利要求3所述的音频交互方法，所述响应于面向所述可编辑区域的交互操作，显示交互控件和/或推荐内容之后，还包括：

在检测到所述输入框中输入的内容符合预设规则的情况下，显示提示更换内容的提示消息。

8.一种计算机可读存储介质，所述计算机可读存储介质中存储有计算机执行指令，当处理器执行所述计算机执行指令时，实现如权利要求1至7任一项所述的音频交互方法。

9.一种音频交互装置，包括：

页面显示单元，用于响应于面向目标音频的制作分享卡片的请求，显示卡片制作页面，所述卡片制作页面包括第一区域和第二区域，所述第一区域用于显示多个卡片模板，所述第二区域用于显示分享卡片的预览图；

接收单元，用于接收面向所述多个卡片模板中目标卡片模板的选中操作；

预览图显示单元，用于在所述第二区域中，显示与所述目标卡片模板对应的分享卡片的预览图。

10.一种计算设备，包括：至少一个处理器和存储器；

所述存储器存储计算机执行指令；

所述至少一个处理器执行所述存储器存储的计算机执行指令，使得所述至少一个处理器执行如权利要求1至7任一项所述的音频交互方法。

Images