图形的显示方法、装置、存储介质及电子装置与流程

本发明实施例涉及计算机领域，具体而言，涉及一种图形的显示方法、装置、存储介质及电子装置。

背景技术：

1、随着人工智能技术的快速发展，越来越多的人们期望计算机能够具备与人进行言语沟通的能力，因此，语音识别技术的应用也越来越广泛，而语音标注是语音识别技术的不可或缺的重要组成部分。

2、相关技术中，为了获取满足条件的音频数据，通常需要对采样音频进行可视化绘制，得到音频波形图，再通过标注人员进行人工行复核并标注，即通常先获取整个音频的波形格式数据(.wav)，将其转化为波形图数据格式后在页面上进行可视化绘制，但若单个采样音频文件过大，在获取采样音频文件的过程中可能会出现浏览器内存溢出的情况，从而导致页面卡顿，甚至是标注工具都无法正常使用，进而导致页面上的图形需重复绘制。

3、针对相关技术中存在的图形显示效率较低的问题，目前尚未提出有效的解决方案。

技术实现思路

1、本发明实施例提供了一种图形的显示方法、装置、存储介质及电子装置，以至少解决相关技术中存在的图形显示效率的问题。

2、根据本发明的一个实施例，提供了一种图形的显示方法，包括：在接收到的目标音频的数据量大于或等于预设阈值的情况下，向目标服务发送目标请求，其中，上述目标请求用于请求上述目标服务对上述目标音频进行分割；接收上述目标服务返回的第一音频，并在第一画布上绘制上述第一音频对应的第一波形图，其中，上述第一音频为上述目标服务在接收到上述目标请求的情况下对上述目标音频进行分割所得到的音频数组中所包括的音频；在上述第一音频的播放时长达到预设时长的情况下，接收上述目标服务返回的第二音频，并在上述第一画布上将上述第二音频对应的第二波形图与上述第一波形图进行拼接，以得到目标波形图，其中，上述第二音频为上述音频数组中包括的在上述第一音频后面且与上述第一音频相邻的音频；在上述第二音频为被分割的上述目标音频中包括的最后一个音频的情况下，将第二画布上所显示的上述第一波形图替换为上述目标波形图，以在上述第二画布上显示上述目标波形图。

3、在一个示例性实施例中，上述方法还包括：在上述目标音频的上述数据量小于上述预设阈值的情况下，在上述第一画布上绘制上述目标音频对应的第三波形图，并在第一目标界面的上述第二画布上显示上述第三波形图。

4、在一个示例性实施例中，上述接收上述目标服务返回的第一音频，并在第一画布上绘制上述第一音频对应的第一波形图，包括：接收上述目标服务基于上述目标请求返回的上述音频数组中包括的上述第一音频以及上述第一音频对应的第一索引；在上述第一画布上绘制上述第一音频对应的上述第一波形图，建立并存储上述第一索引与上述第一波形图的末尾点之间的第一映射关系。

5、在一个示例性实施例中，在上述第一画布上绘制上述第一音频对应的上述第一波形图，建立并存储上述第一索引与上述第一波形图的末尾点之间的第一映射关系之后，上述方法还包括：接收上述目标服务返回的上述音频数组中包括的第二音频；获取当前上述第一画布上x轴对应的第一缩放系数以及当前上述第一画布上y轴对应的第二缩放系数，其中，上述第一缩放系数用于表示在上述第一画布上绘制第二波形图时对上述第二波形图上的点在x轴上的取值的缩小比例或放大倍数，上述第二缩放系数用于表示在上述第一画布上绘制上述第二波形图时对上述第二波形图上的点在y轴上的取值的缩小比例或放大倍数，上述y轴用于表示上述音频的采样数据，上述x轴用于表示上述音频的采样时间，上述第二波形图是上述第二音频对应的波形图；根据上述第一映射关系、上述第一缩放系数和上述第二缩放系数，在上述第一画布上绘制上述第二音频对应的上述第二波形图。

6、在一个示例性实施例中，上述根据上述第一映射关系、上述第一缩放系数和上述第二缩放系数，在上述第一画布上绘制上述第二音频对应的上述第二波形图，包括：在上述第一缩放系数和上述第二缩放系数均为1、且在绘制上述第一波形图时上述第一画布上x轴对应的第三缩放系数和y轴对应的第四缩放系数也均为1的情况下，查找与上述第一索引具有上述第一映射关系的上述第一波形图的末尾点，并在上述第一画布上将上述第二波形图的起始点与上述第一波形图的上述末尾点进行拼接，得到上述目标波形图，其中，上述第三缩放系数用于表示在上述第一画布上绘制第一波形图时对上述第一波形图上的点在x轴上的取值的缩小比例或放大倍数，上述第四缩放系数用于表示在上述第一画布上绘制上述第一波形图时对上述第一波形图上的点在y轴上的取值的缩小比例或放大倍数。

7、在一个示例性实施例中，上述根据上述第一映射关系、上述第一缩放系数和上述第二缩放系数，在上述第一画布上绘制上述第二音频对应的上述第二波形图，包括：在上述第一缩放系数不为1、上述第二缩放系数为1、且在绘制上述第一波形图时上述第一画布上x轴对应的第三缩放系数和y轴对应的第四缩放系数也均为1的情况下，将上述第二音频对应的上述第二波形图上的点在x轴上的取值与上述第一缩放系数相乘，得到第四波形图，其中，上述第三缩放系数用于表示在上述第一画布上绘制第一波形图时对上述第一波形图上的点在x轴上的取值的缩小比例或放大倍数，上述第四缩放系数用于表示在上述第一画布上绘制上述第一波形图时对上述第一波形图上的点在y轴上的取值的缩小比例或放大倍数；查找与上述第一索引具有上述第一映射关系的上述第一波形图的末尾点，并在上述第一画布上将上述第四波形图的起始点与上述第一波形图的上述末尾点进行拼接，得到上述目标波形图；或者在上述第一缩放系数为1、上述第二缩放系数不为1、且在绘制上述第一波形图时上述第一画布上x轴对应的上述第三缩放系数和y轴对应的上述第四缩放系数也均为1的情况下，将上述第二音频对应的上述第二波形图上的点在y轴上的取值与上述第二缩放系数相乘，得到第五波形图；查找与上述第一索引具有上述第一映射关系的上述第一波形图的末尾点，并在上述第一画布上将上述第五波形图的起始点与上述第一波形图的上述末尾点进行拼接，得到上述目标波形图。

8、在一个示例性实施例中，上述根据上述第一映射关系、上述第一缩放系数和上述第二缩放系数，在上述第一画布上绘制上述第二音频对应的上述第二波形图，包括：在上述第一缩放系数不为1、上述第二缩放系数不为1、且在绘制上述第一波形图时上述第一画布上x轴对应的第三缩放系数和y轴对应的第四缩放系数也均为1的情况下，将上述第二音频对应的上述第二波形图上的点在x轴上的取值与上述第一缩放系数相乘，并将上述第二音频对应的上述第二波形图上的点在y轴上的取值与上述第二缩放系数相乘，得到第六波形图，其中，上述第三缩放系数用于表示在上述第一画布上绘制第一波形图时对上述第一波形图上的点在x轴上的取值的缩小比例或放大倍数，上述第四缩放系数用于表示在上述第一画布上绘制上述第一波形图时对上述第一波形图上的点在y轴上的取值的缩小比例或放大倍数；查找与上述第一索引具有上述第一映射关系的上述第一波形图的末尾点，并在上述第一画布上将上述第六波形图的起始点与上述第一波形图的上述末尾点进行拼接，得到上述目标波形图。

9、在一个示例性实施例中，在接收上述目标服务返回的上述音频数组中包括的第二音频时，上述方法还包括：接收上述第二音频对应的第二索引；在上述第一画布上绘制上述第二音频对应的上述第二波形图之后，上述方法还包括：建立并存储上述第二索引与上述第二波形图的末尾点之间的第二映射关系。

10、在一个示例性实施例中，在上述第二音频为被分割的上述目标音频中包括的最后一个音频的情况下，将第二画布上所显示的上述第一波形图替换为上述目标波形图，以在上述第二画布上显示上述目标波形图包括：在上述第二音频为被分割的上述目标音频中包括的最后一个音频的情况下，将第二目标界面的上述第二画布上所显示的上述第一波形图替换为上述目标波形图，以在上述第二画布上显示上述目标波形图。

11、根据本发明的另一个实施例，提供了一种图形的显示装置，包括：发送模块，用于在接收到的目标音频的数据量大于或等于预设阈值的情况下，向目标服务发送目标请求，其中，上述目标请求用于请求上述目标服务对上述目标音频进行分割；第一绘制模块，用于接收上述目标服务返回的第一音频，并在第一画布上绘制上述第一音频对应的第一波形图，其中，上述第一音频为上述目标服务在接收到上述目标请求的情况下对上述目标音频进行分割所得到的音频数组中所包括的音频；拼接模块，用于在上述第一音频的播放时长达到预设时长的情况下，接收上述目标服务返回的第二音频，并在上述第一画布上将上述第二音频对应的第二波形图与上述第一波形图进行拼接，以得到目标波形图，其中，上述第二音频为上述音频数组中包括的在上述第一音频后面且与上述第一音频相邻的音频；显示模块，用于在上述第二音频为被分割的上述目标音频中包括的最后一个音频的情况下，将第二画布上所显示的上述第一波形图替换为上述目标波形图，以在上述第二画布上显示上述目标波形图。

12、根据本发明的又一个实施例，还提供了一种计算机可读存储介质，所述计算机可读存储介质中存储有计算机程序，其中，所述计算机程序被设置为运行时执行上述任一项方法实施例中的步骤。

13、根据本发明的又一个实施例，还提供了一种电子装置，包括存储器和处理器，所述存储器中存储有计算机程序，所述处理器被设置为运行所述计算机程序以执行上述任一项方法实施例中的步骤。

14、通过本发明，在接收到的目标音频的数据量大于或等于预设阈值的情况下，向目标服务发送用于请求目标服务对目标音频进行分割的目标请求，接收目标服务返回的第一音频，并在第一画布上绘制第一音频对应的第一波形图，在第一音频的播放时长达到预设时长的情况下，接收目标服务返回的第二音频，并在第一画布上将第二音频对应的第二波形图与第一波形图进行拼接，以得到目标波形图，继而在第二音频为被分割的目标音频中包括的最后一个音频的情况下，将第二画布上所显示的第一波形图替换为目标波形图，以在第二画布上显示目标波形图。采用本发明方法，通过在第一画布上将第二音频对应的第二波形图与第一音频对应的波形图进行拼接，以得到目标波形图，进而在第二音频为被分割的目标音频中包括的最后一个音频的情况下，在第二画布上替换并显示该目标波形图，实现了在可视化的画布上流畅的显示完整的波形图的目的，解决了相关技术中存在的图形显示效率较低的问题，达到了提高图形显示效率以及减少了图形重复绘制的冗余操作的效果。