做了个音乐播放器 就一直想做个加一个音乐频谱的展示界面
觉的这是一个好玩的东西,可以将耳边动听的声音形象化,仿佛眼前可以看到声音一样。
但是我在文档的开发者指南里没有讲任何有关音乐频谱的东西,最后还是在google的源码示例中找到了。
你可以直接去参看源代码更原滋原味 以下只是个人对着源码的重构和理解
所有以下所讲的功能,均需要在2.3以上的sdk中才能实现。
音频频谱的获取
首先音频的频谱相关的类叫做 android.media.audiofx.Visualizer;
需要权限
所以要做的第一件事 是初始化一个visualizer出来
//使用音乐的sessionId来实例化这个类
mVisualizer = new Visualizer(mMediaPlayer.getAudioSessionId());
//设置每次捕获频谱的大小,音乐在播放中的时候采集的数据的大小或者说是采集的精度吧,我的理解,而且getCaptureSizeRange()所返回的数组里面就两个值 .文档里说数组[0]是最小值(128),数组[1]是最大值(1024)。
mVisualizer.setCaptureSize(Visualizer.getCaptureSizeRange()[1]);
//接下来就好理解了设置一个监听器来监听不断而来的所采集的数据。一共有4个参数,第一个是监听者,第二个单位是毫赫兹,表示的是采集的频率,第三个是是否采集波形,第四个是是否采集频率
mVisualizer.setDataCaptureListener(new Visualizer.OnDataCaptureListener() {
//这个回调应该采集的是波形数据
@Override
public void onWaveFormDataCapture(Visualizer visualizer, byte[] waveform,
int samplingRate) {
//waveformView 是一个自定义的view用来按照波形来画图 一会后面再讲
waveformView.updateVisualizer(waveform);
}
//这个回调应该采集的是快速傅里叶变换有关的数据,没试过,回头有空了再试试
@Override
public void onFftDataCapture(Visualizer visualizer, byte[] fft,
int samplingRate) {
// TODO Auto-generated method stub
}
}, Visualizer.getMaxCaptureRate() / 2, true, false);
以上波形的数据采集就完成了,需要注意的一个点是mVisualizer.setEnabled(true);
这个方法的主要作用是为了控制何时去采集频谱数据,你应该只是愿意采集你所关心的音乐数据,而不关心声音输出器中任何的声音。而且对mVisualizer的许多设置必须在setEnable之前完成。并且结束功能后,要记得setEnable(false)
如果你见到了以下这个错误,那基本上就是因为没有及时setEnable(false),导致setCaptureSize()这个方法出错。
E/AndroidRuntime(22259): Caused by: java.lang.IllegalStateException: setCaptureSize() called in wrong state: 2
顺带再说一个bug 如果你得到的错误代码是 -1 那么基本上的原因是你忘记了声明权限
音频频谱的展示
你在上一节已经通过监听器获得了波形数据,那么如何展示?这仅仅是一个自定义view的问题,简单废话一下:重点提一下view中的onDraw()方法
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
//mBytes就是采集来的数据 这里是个大小为1024的数组,里面的数据都是byts类型,所以大小为-127到128
if (mBytes == null) {
return;
}
if (mPoints == null || mPoints.length < mBytes.length * 4) {
//mPoints主要用来存储要画直线的4个坐标(每个点两个坐标,所以一条直线需要两个点,也就是4个坐标)
mPoints = new float[mBytes.length * 4];
}
mRect.set(0, 0, getWidth(), getHeight());
//xOrdinate是x轴的总刻度,因为一次会传输过来1024个数据,每两个数据要画成一条直线,所以x轴我们分成1023段。你要是觉的太多了,也可以像我一样除以2,看自己需求了。
int xOrdinate = (mBytes.length - 1)/2;
//以下的for循环将利用mBytes[i] mBytes[i+1] 这两个数据去生成4个坐标值,从而在刻画成两个坐标,来画线条 mPoints[i * 4] = mRect.width() * i / xOrdinate; //第i个点的在总纵轴上的坐标。他在画线上以总纵轴的1/2为基准线(mRect.height() / 2),所有的点或正或负以此线为基础标记。 //((byte) (mBytes[i] + 128))这个一直没有理解,如果+128是为了将数据全部换算为正整数,那么强转为byte后不又变回-127到128了么??要是谁知道原因可以留言告诉我..... //(mRect.height() / 2) / 128就是将二分之一的总长度换算成128个刻度,因为我们的数据是byte类型,所以刻画成128个刻度正好 //以下就是刻画第i+1个数据了,原理和刻画第i个一样 //循环结束后,就得到了这一次波形的所有刻画坐标,直接画在画布上就好了 canvas.drawLines(mPoints, mForePaint); 做的音乐软件 纯粹好玩 就放在了国内的market上 http://market.nduoa.com/apk/detail/412136
for (int i = 0; i
//第i个点在总横轴上的坐标,
mPoints[i * 4 + 1] = mRect.height() / 2+ ((byte) (mBytes[i] + 128)) * (mRect.height() / 2) / 128;
mPoints[i * 4 + 2] = mRect.width() * (i + 1) / xOrdinate;
mPoints[i * 4 + 3] = mRect.height() / 2 + ((byte) (mBytes[i + 1] + 128)) * (mRect.height() / 2) / 128;
}
}