CN108762852A - 一种截取音频控件与歌词控件联动效果的实现方法 - Google Patents

Abstract

本发明涉及一种截取音频控件与歌词控件联动效果的实现方法，包括如下步骤：设定外部容器控件、内部频谱控件以及边框控件三部分，以构成整个截取音频控件框架，设定边框控件、绘制歌词内容控件两部分，以构成整个歌词控件框架，在截取音频控件的滑动回调中，通过接口的方式，将滑动的像素值对应的时间传递出去，供歌词控件调用，实现截取音频控件与歌词控件联动。本发明，可供用户选择并截取感兴趣的音频片段，稳定性好，凸显用户个性化，节省音频分享所需流量资源，提升用户体验；当用户滑动截取音频控件的时候或者用户抬起手指的时候，可以实时看见歌词也跟随变化，用户体验效果好。

Description

一种截取音频控件与歌词控件联动效果的实现方法

技术领域

本发明涉及音频播放及交互处理技术领域，具体说是一种截取音频控件与歌词控件联动效果的实现方法。

背景技术

现有的App，在用户欣赏音乐时，如果遇到喜欢的音乐，只能分享音乐的播放链接，或音乐的乐曲名称，或音乐的相关信息，不能提供更丰富的分享方式，而且分享后的资源，需要其他用户花费一定的流量去获取，在获取到音乐之前，其他用户不能确定自己是否也会喜欢该音乐，这导致分享后的播放不能达到预期的目标。用户间除非非常熟悉或恰有欣赏音乐的需求，否则此类音乐分享不能形成良好的互动和交流，不利于音乐的推广及传播。

音乐对应的音频文件，在获取后，如果希望截取音频文件中的片段形成音频片段，需要专业的软件及一定的经验，普通用户不熟悉相应的操作方式，在不能直观、快捷的操作时，往往难以得到自己所需的音频片段，影响了用户的使用体验。

在短视频普及发展的今天，短音频的发展相对滞后，还需要提供更直观、快捷的操作，方便用户截取音频文件中的片段形成音频片段，扩展短音频的市场发展。

在截取音频文件中的片段形成音频片段时，如果能同步的将歌词的显示和截取也一并给予显示、处理，将更有利于提升用户的体验。

发明内容

针对现有技术中存在的缺陷，本发明的目的在于提供一种截取音频控件与歌词控件联动效果的实现方法，可供用户选择并截取感兴趣的音频片段，稳定性好，凸显用户个性化，节省音频分享所需流量资源，提升用户体验；当用户滑动截取音频控件的时候或者用户抬起手指的时候，可以实时看见歌词也跟随变化，用户体验效果好。

为达到以上目的，本发明采取的技术方案是：

一种截取音频控件与歌词控件联动效果的实现方法，其特征在于，包括如下步骤：

设定外部容器控件、内部频谱控件以及边框控件三部分，以构成整个截取音频控件框架，

所述外部容器控件，定义外部容器控件AudioSpecLayout，继承android系统提供的FrameLayout控件，提供自由滑动内部容器的功能，

所述内部频谱控件，定义频谱控件AudioLineView，集成android系统提供的View控件，生成并显示原始音频的波形图，

所述边框控件，定义边框控件AudioFrameView，集成android系统提供的View控件，波形图上创建浮动层，在浮动层中生成并显示矩形区域，矩形区域用于指示待截取音频片段，矩形区域长度与音频片段播放时长关联，

设定边框控件、绘制歌词内容控件两部分，以构成整个歌词控件框架，

所述边框控件，定义边框控件AudioLyricView，集成android系统提供的View控件，生成并设定歌词显示的区域、在该区域内呈现歌词，

所述绘制歌词内容控件，定义mTimer类，用于歌词控件刷新控制，在onDraw回调中，根据歌词进度绘制歌词内容，一行一行的往下绘制，

在截取音频控件的滑动回调中，通过接口的方式，将滑动的像素值对应的时间传递出去，供歌词控件调用，实现截取音频控件与歌词控件联动。

在上述技术方案的基础上，截取音频控件提供对外接口用于接收用户输入的原始音频，

捕获用户的确定或取消操作，

如取消，则恢复矩形区域的初始位置，

如确定，则转存矩形区域对应的音频片段为独立的音频文件，并提示可进行包括分享、播放在内的进一步操作。

在上述技术方案的基础上，在外部容器控件中，在点击回调onTouchEvent中，设置点击、滑动和抬起三个事件，来处理用户的手势操作；

所述处理用户点击操作进行如下赋值操作：

downX = (int) event.getX();

lastMoveX = getScrollX();

其中：

downX是点击的横坐标，值是int类型的，event是Android系统在onTouchEvent回调中传递的操作屏幕对象，包含了用户的操作类型和点击或者滑动的屏幕中的坐标，event.getX()就是获取了用户点击的横坐标，lastMoveX 记录用户从上一次到点击的时候，AudioLineView控件滑动的距离，getScrollX是Android ViewGroup控件提供的api，用来获取子View滑动的横坐标，

所述处理用户滑动操作进行如下赋值操作：

mCurX = event.getX();

在用户点击或者滑动的时候，记录下操作的横坐标mCurX，

根据mCurX与点击的横坐标downX的差值，判断出用户滑动了多少距离，判断出用户滑动方向，根据这个差值调用ViewGroup提供的api startScroll调用滑动线型控件AudioLineView。

在上述技术方案的基础上，默认通过mTimer类每间隔50毫秒刷新一次歌词控件，来显示歌词。

在上述技术方案的基础上，绘制歌词内容时，调用单例歌词工具类ModMgr.getLyricsMgr()，进而调用getExtLyrics api获取歌词相关的信息，包括歌词的所有内容和当前歌词的播放进度，

歌词的所有内容和划分为句子列表存储于listSentence参数中。

在上述技术方案的基础上，listSentence参数中存储的歌词句子，通过遍历的方式，以一行歌词的区域变量的左上角坐标为基准，按每行歌词的宽度和高度来生成并呈现。

在上述技术方案的基础上，定义滑动回调接口mListener，在接口中定义如下参数：

updateTime api，参数是时间，单位是毫秒，

curScroll，当前截取音频控件滑动的距离，

AudioViewConfig.TIME_PER_PIXEL，根据当前页面预先计算出的一个像素对应多少毫秒的变量值，该值乘以滑动的像素值就计算出了播放的毫秒数，

在接口的调用出执行更新歌词控件的开始时间api，并刷新歌词控件，就达到了联动的效果。

本发明所述的截取音频控件与歌词控件联动效果的实现方法，可供用户选择并截取感兴趣的音频片段，稳定性好，凸显用户个性化，节省音频分享所需流量资源，提升用户体验；当用户滑动截取音频控件的时候或者用户抬起手指的时候，可以实时看见歌词也跟随变化，用户体验效果好。

附图说明

本发明有如下附图：

图1 本发明的流程图。

具体实施方式

以下结合附图对本发明作进一步详细说明。

如图1所示，本发明所述的截取音频控件与歌词控件联动效果的实现方法，包括如下步骤：

设定外部容器控件、内部频谱控件以及边框控件三部分，以构成整个截取音频控件框架，

所述外部容器控件，定义外部容器控件AudioSpecLayout，继承android系统提供的FrameLayout控件，提供自由滑动内部容器的功能，

所述内部频谱控件，定义频谱控件AudioLineView，集成android系统提供的View控件，生成并显示原始音频的波形图，

所述边框控件，定义边框控件AudioFrameView，集成android系统提供的View控件，波形图上创建浮动层，在浮动层中生成并显示矩形区域，矩形区域用于指示待截取音频片段，矩形区域长度与音频片段播放时长关联，

内部频谱控件和边框控件构成内部容器，

提供对外接口用于接收用户输入的原始音频，

捕获用户的确定或取消操作，

如取消，则恢复矩形区域的初始位置，

如确定，则转存矩形区域对应的音频片段为独立的音频文件，并提示可进行包括分享、播放在内的进一步操作；

设定边框控件、绘制歌词内容控件两部分，以构成整个歌词控件框架，

所述边框控件，定义边框控件AudioLyricView，集成android系统提供的View控件，生成并设定歌词显示的区域、在该区域内呈现歌词，

所述绘制歌词内容控件，定义mTimer类，用于歌词控件刷新控制，在onDraw回调中，根据歌词进度绘制歌词内容，一行一行的往下绘制，

在截取音频控件的滑动回调中，通过接口的方式，将滑动的像素值对应的时间传递出去，供歌词控件调用，实现截取音频控件与歌词控件联动。

在上述技术方案的基础上，在外部容器控件中，在点击回调onTouchEvent中，设置点击、滑动和抬起三个事件，来处理用户的手势操作；

所述处理用户点击操作进行如下赋值操作：

downX = (int) event.getX();

lastMoveX = getScrollX();

其中：

downX是点击的横坐标，值是int类型的，event是Android系统在onTouchEvent回调中传递的操作屏幕对象，包含了用户的操作类型和点击或者滑动的屏幕中的坐标，event.getX()就是获取了用户点击的横坐标，lastMoveX 记录用户从上一次到点击的时候，AudioLineView控件滑动的距离，getScrollX是Android ViewGroup控件提供的api，用来获取子View滑动的横坐标，

所述处理用户滑动操作进行如下赋值操作：

mCurX = event.getX();

在用户点击或者滑动的时候，记录下操作的横坐标mCurX，

根据mCurX与点击的横坐标downX的差值，判断出用户滑动了多少距离，判断出用户滑动方向，根据这个差值调用ViewGroup提供的api startScroll调用滑动线型控件AudioLineView。

在上述技术方案的基础上，默认通过mTimer类每间隔50毫秒刷新一次歌词控件，来显示歌词。

mTimer类为系统提供的Timer工具。显示效果默认为歌词会随着音乐的播放自动往上滚动。

在上述技术方案的基础上，绘制歌词内容时，调用单例歌词工具类ModMgr.getLyricsMgr()，进而调用getExtLyrics api获取歌词相关的信息，包括歌词的所有内容和当前歌词的播放进度，

歌词的所有内容和划分为句子列表存储于listSentence参数中。

在上述技术方案的基础上，listSentence参数中存储的歌词句子，通过遍历的方式，以一行歌词的区域变量的左上角坐标为基准，按每行歌词的宽度和高度来生成并呈现。

例如，可采用如下代码实现：

ILyrics lyrics = ModMgr.getLyricsMgr().getExtLyrics();

List<String> listSentence = lyrics.getAllSentences();

ModMgr.getLyricsMgr()是工程内部的单例歌词工具类，调用getExtLyrics api可以获取歌词相关的信息，包括歌词的所有内容和当前歌词的播放进度，listSentence 就是通过lyrics获取了歌词所有的句子列表，

for (String strlyric : listSentence) {

canvas.drawText(strlyric, x, y, mLyricPaint);

y = y + mSingleLineHeight;

}

listSentence是获取到的所有的歌词句子，开始遍历所有的句子，x和y是绘制一行歌词的区域变量的左上角坐标，主要是根据一行歌词的宽度和高度来确定，高度可以根据mLyricPaint和listSentence句子文本来获取，宽度就是屏幕宽度减去歌词内容宽度除以2，就是绘制单行歌词的起始点横坐标x了，在循环中高度不断增加就循环绘制出了所有个歌词了。

在上述技术方案的基础上，定义滑动回调接口mListener，在接口中定义如下参数：

updateTime api，参数是时间，单位是毫秒，

curScroll，当前截取音频控件滑动的距离，

AudioViewConfig.TIME_PER_PIXEL，根据当前页面预先计算出的一个像素对应多少毫秒的变量值，该值乘以滑动的像素值就计算出了播放的毫秒数，

在接口的调用出执行更新歌词控件的开始时间api，并刷新歌词控件，就达到了联动的效果。

本说明书中未作详细描述的内容属于本领域专业技术人员公知的现有技术。

Claims (7)

1.一种截取音频控件与歌词控件联动效果的实现方法，其特征在于，包括如下步骤：

设定外部容器控件、内部频谱控件以及边框控件三部分，以构成整个截取音频控件框架，

所述外部容器控件，定义外部容器控件AudioSpecLayout，继承android系统提供的FrameLayout控件，提供自由滑动内部容器的功能，

所述内部频谱控件，定义频谱控件AudioLineView，集成android系统提供的View控件，生成并显示原始音频的波形图，

所述边框控件，定义边框控件AudioFrameView，集成android系统提供的View控件，波形图上创建浮动层，在浮动层中生成并显示矩形区域，矩形区域用于指示待截取音频片段，矩形区域长度与音频片段播放时长关联，

设定边框控件、绘制歌词内容控件两部分，以构成整个歌词控件框架，

所述边框控件，定义边框控件AudioLyricView，集成android系统提供的View控件，生成并设定歌词显示的区域、在该区域内呈现歌词，

所述绘制歌词内容控件，定义mTimer类，用于歌词控件刷新控制，在onDraw回调中，根据歌词进度绘制歌词内容，一行一行的往下绘制，

在截取音频控件的滑动回调中，通过接口的方式，将滑动的像素值对应的时间传递出去，供歌词控件调用，实现截取音频控件与歌词控件联动。

2.如权利要求1所述的截取音频控件与歌词控件联动效果的实现方法，其特征在于：截取音频控件提供对外接口用于接收用户输入的原始音频，

捕获用户的确定或取消操作，

如取消，则恢复矩形区域的初始位置，

如确定，则转存矩形区域对应的音频片段为独立的音频文件，并提示可进行包括分享、播放在内的进一步操作。

3.如权利要求1所述的截取音频控件与歌词控件联动效果的实现方法，其特征在于：在外部容器控件中，在点击回调onTouchEvent中，设置点击、滑动和抬起三个事件，来处理用户的手势操作；

所述处理用户点击操作进行如下赋值操作：

downX = (int) event.getX();

lastMoveX = getScrollX();

其中：

downX是点击的横坐标，值是int类型的，event是Android系统在onTouchEvent回调中传递的操作屏幕对象，包含了用户的操作类型和点击或者滑动的屏幕中的坐标，event.getX()就是获取了用户点击的横坐标，lastMoveX 记录用户从上一次到点击的时候，AudioLineView控件滑动的距离，getScrollX是Android ViewGroup控件提供的api，用来获取子View滑动的横坐标，

所述处理用户滑动操作进行如下赋值操作：

mCurX = event.getX();

在用户点击或者滑动的时候，记录下操作的横坐标mCurX，

根据mCurX与点击的横坐标downX的差值，判断出用户滑动了多少距离，判断出用户滑动方向，根据这个差值调用ViewGroup提供的api startScroll调用滑动线型控件AudioLineView。

4.如权利要求1所述的截取音频控件与歌词控件联动效果的实现方法，其特征在于：默认通过mTimer类每间隔50毫秒刷新一次歌词控件，来显示歌词。

5.如权利要求1所述的截取音频控件与歌词控件联动效果的实现方法，其特征在于：绘制歌词内容时，调用单例歌词工具类ModMgr.getLyricsMgr()，进而调用getExtLyricsapi获取歌词相关的信息，包括歌词的所有内容和当前歌词的播放进度，

歌词的所有内容和划分为句子列表存储于listSentence参数中。

6.如权利要求5所述的截取音频控件与歌词控件联动效果的实现方法，其特征在于：listSentence参数中存储的歌词句子，通过遍历的方式，以一行歌词的区域变量的左上角坐标为基准，按每行歌词的宽度和高度来生成并呈现。

7.如权利要求1所述的截取音频控件与歌词控件联动效果的实现方法，其特征在于：定义滑动回调接口mListener，在接口中定义如下参数：

updateTime api，参数是时间，单位是毫秒，

curScroll，当前截取音频控件滑动的距离，

AudioViewConfig.TIME_PER_PIXEL，根据当前页面预先计算出的一个像素对应多少毫秒的变量值，该值乘以滑动的像素值就计算出了播放的毫秒数，

在接口的调用出执行更新歌词控件的开始时间api，并刷新歌词控件，就达到了联动的效果。