Android 实现歌词同步

歌词的绘制通过重写 OnDraw方法.

绘制的代码贴出来：

long t = tempTime;

int index = getNowSentenceIndex(t);

if (index == -1) {

return;

}

Sentence now = list.get(index);

float f = (t - now.getFromTime()) * 1.0f/ (now.getToTime() - now.getFromTime());

if (f > 0.98f) {

f = 0.98f;

}

Shader shader = new LinearGradient(0, 0,

now.getContentWidth(mTxtPaint), 0, new int[] { Color.RED,

Color.BLUE }, new float[] { f, f + 0.01f },TileMode.CLAMP);

mTxtPaint.setShader(shader);

canvas.drawText(now.getContent(), 0, 20, mTxtPaint);

上面的代码很简单，关键一个函数是getNowSentenceIndex(t). 通过播放时间来获得歌词的索引. 我们看下getNowSentenceIndex()如何实现.

private int getNowSentenceIndex(long t) {

for (int i = 0; i < list.size(); i++) {

if (list.get(i).isInTime(t)) {

return i;

}

}

// throw new RuntimeException(“竟然出现了找不到的情况!”);

return -1;

}

还有一个歌词渐变的效果，其关键代码在与对画笔的设置,如下.

Shader shader = new LinearGradient(0, 0,

now.getContentWidth(mTxtPaint), 0, new int[] { Color.RED,Color.BLUE }, new float[] { f, f + 0.01f },TileMode.CLAMP);

mTxtPaint.setShader(shader);

三. 歌词与播放音乐同步

音乐播放的时候，同时启动歌词显示线程. 将音乐播放的时间设置到歌词View的成员变量中, 以达到同步的目的。

private class MyHandler extends Handler {

@Override

public void handleMessage(Message msg) {

// Log.v(“#################hahah”, “” + mp.getCurrentPosition());// 重画

lrcView.mLyric.setTime(mp.getCurrentPosition());

lrcView.invalidate();

}

}

四. 歌词的获取       歌词的获取是通过百度搜索出来的. 具体代码如下，很好看懂，关键代码如下:

GetMethod get = new GetMethod(“http://www.baidu.com/s?wd=” + URLEncoder.encode("filetype:lrc " + key, “GBK”));

get.addRequestHeader(“Host”, “www.baidu.com”);

get.addRequestHeader(“User-Agent”, “Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-CN; rv:1.8.1.11) Gecko/20071127 Firefox/2.0.0.11”);

get.addRequestHeader(“Accept”, “text/xml,application/xml,application/xhtml+xml,text/html;q=0.9,text/plain;q=0.8,image/png,*/*;q=0.5”);
get.addRequestHeader(“Accept-Language”, “zh-cn,zh;q=0.5”);