歌词显示控件的实现上——歌词解析

2,068 阅读7分钟

最近打算仿网易云音乐的音乐播放器,除了网络框架、接口数据等这些外,最核心的就是音乐的播放和歌词的显示。

考虑到歌词显示控件涉及到歌词解析,自定义控件的实现等等诸多方面,可能文章的篇幅上会比较冗长,同时也为了方便自己和码友们能够根据自己的需求和爱好各取所需,将《歌词显示控件的实现上》这篇文章分成上、下两篇,分别是《歌词显示控件的实现上——歌词解析》和《歌词显示控件的实现下——歌词展示自定义View》。而今天将要分享的是上篇,主要讲解关于*.lrc文件的解析。

我们本文的目的是将lrc格式的歌词文件进行解析,并能将其展示到界面。

先看下效果:

这里写图片描述

ok,开始切入正题

一、了解歌词文件结构

写过音乐播放器的朋友可能都了解过歌词文件的规范格式,既然是歌词显示的控件,就必然需要清楚地了解歌词文件的组成规范,才能准确无误的解析歌词文件,得到我们想要的信息。

那我们先看一个最普通的歌词文件:

[ti:一个人的北京]
[ar:好妹妹乐队]
[al:南北]
[by:]
[offset:0]
[00:00.10]一个人的北京 - 好妹妹乐队
[00:00.20]词:秦昊
[00:00.30]曲:秦昊
[00:00.40]
[00:30.16]你有多久没有看到 满天的繁星
[00:37.34]城市夜晚虚伪的光明 遮住你的眼睛
[00:44.40]连周末的电影 也变得不再有趣
[00:51.71]疲惫的日子里 有太多的问题
[00:59.21]
[01:00.96]你有多久单身一人 不再去旅行
[01:08.20]习惯下班回到家里 冷冰冰的空气
[01:15.58]爱情这东西 你已经不再有勇气
[01:22.64]情歌有多动听 你就有多怀疑
[01:30.60]许多人来来去去 相聚又别离
[01:38.29]也有人喝醉哭泣 在一个人的北京
[01:45.16]也许我成功失意 慢慢的老去
[01:52.76]能不能让我留下片刻的回忆
[01:58.95]
[01:59.67]许多人来来去去 相聚又别离
[02:07.23]也有人匆匆逃离 这一个人的北京
[02:14.30]也许有一天我们 一起离开这里
[02:21.86]离开了这里 在晴朗的天气
[02:28.38]
[02:58.98]你有多久单身一人 不再去旅行
[03:06.36]习惯下班回到家里 冷冰冰的空气
[03:13.55]爱情这东西 你已经不再有勇气
[03:20.69]情歌有多动听 你就有多怀疑
[03:28.53]许多人来来去去 相聚又别离
[03:36.22]也有人喝醉哭泣 在一个人的北京
[03:43.28]也许我成功失意 慢慢的老去
[03:50.82]能不能让我留下片刻的回忆
[03:57.64]许多人来来去去 相聚又别离
[04:05.25]也有人匆匆逃离 这一个人的北京
[04:12.31]也许有一天我们 一起离开这里
[04:19.88]离开了这里 在晴朗的天气
[04:26.62]许多人来来去去 相聚又别离
[04:34.24]也有人匆匆逃离 这一个人的北京
[04:41.37]也许有一天我们 一起离开这里
[04:48.87]离开了这里 在晴朗的天气
[04:55.08]

所有歌词文件——*.lrc文件 都是以一个标准来进行制作的(如上)。

从上述内容可以得出:

  • 所有标签(包括时间标签)全部由“[”和“]”两个符合标识,其对应各自内容
  • 一行只表达一条信息
  • "ti"表示标题、"ar"表示歌手、"al"表示专辑、"by"表示制作、"offset:"表示时间偏移量
  • "[mm:ss.ms]"表示歌词时间和内容

对比json和xml结构的数据,歌词这样的数据结构更加简单和清晰。

了解清楚歌词文件结构,我们就能对症下药:

二、开始解析

既然了解了歌词文件的组成部分,那么解析歌词文件也就不难,就是简单的文件内容读取:

  • 1、首先获取*.lrc歌词文件的二进制流InputStream,
  • 2、再又转换成字符流
  • 3、然后再调用BufferedReader的readLine()方法逐行读取文件内容

就能获得文件内容了,在这里有一点需要注意的是,各种流在使用结束后一定要调用close()方法关闭。

下面就是实现歌词文件的解析工作:

1、实体类

首先,需要准备两个类主要用于歌词解析结果的缓存:

LineInfo:歌词行信息:包含行开始时间和歌词行内容 LyricInfo:歌词信息:包含标题、歌手、专辑等等

/**
 * Description: 歌词  每行信息 实体类
 * Created by jia on 2017/10/31.
 * 人之所以能,是相信能
 */
public class LineInfo {

    private String content;

    private long startTime;

	// 对应的get/set方法略
	
}
/**
 * Description: 歌词信息  实体类
 * Created by jia on 2017/10/31.
 * 人之所以能,是相信能
 */
public class LyricInfo {

    // 偏移量
    private long offset;
    // 名字
    private String title;
    // 作者
    private String artist;
    // 专辑
    private String album;
    // 制作
    private String by;

    // 歌词
    private List<LineInfo> lines;

	// 对应的get/set方法略
}

2、解析工具类

首先因为在实体类中,包括以后自定义View时的时间都是以毫秒为单位的long类型,所以我们需要一方法将时间标签中的内容转为long类型的毫秒值:

/**
 * 从字符串中获得时间值
 */
private static long measureStartTimeMillis(String str) {
	long minute = Long.parseLong(str.substring(1, 3));
	long second = Long.parseLong(str.substring(4, 6));
	long millisecond = Long.parseLong(str.substring(7, 9));
	return millisecond + second * 1000 + minute * 60 * 1000;
}

然后就是逐行解析:

    /**
     * 逐行解析歌词
     *
     * @param info 实体类
     * @param line 每行内容
     */
    private static void analyzeLyricByLine(LyricInfo info, String line) {

        int index = line.lastIndexOf("]");

        // 标题
        if (!TextUtils.isEmpty(line) && line.startsWith("[ti:")) {
            info.setTitle(line.substring(4, index).trim());
            return;
        }

        // 歌手
        if (!TextUtils.isEmpty(line) && line.startsWith("[ar:")) {
            info.setArtist(line.substring(4, index).trim());
            return;
        }

        // 专辑
        if (!TextUtils.isEmpty(line) && line.startsWith("[al:")) {
            info.setAlbum(line.substring(4, index).trim());
            return;
        }

        // 制作
        if (!TextUtils.isEmpty(line) && line.startsWith("[by:")) {
            info.setBy(line.substring(4, index).trim());
            return;
        }

        // 偏移量
        if (!TextUtils.isEmpty(line) && line.startsWith("[offset:")) {
            info.setOffset(Long.parseLong(line.substring(8, index).trim()));
            return;
        }

        // 歌词内容
        if (line!=null && index == 9 && line.trim().length() >= 10) {
            LineInfo lineInfo = new LineInfo();
            lineInfo.setStartTime(measureStartTimeMillis(line.substring(0, 10)));
            if(line.length()==10){
                lineInfo.setContent("");
            }else{
                lineInfo.setContent(line.substring(10, line.length()));
            }
            info.getLines().add(lineInfo);// 添加到歌词集合中
            return;
        }

        return;
    }

我们需要对各种标签进行判断和解析,然后赋值给实体类对象。

首先拿到"]"字符的索引,然后截取对应标签的内容进行匹配,分别进行赋值。

特别的想说一句:解析歌词时,可能会遇到某行有时间但没有歌词内容,就做了这样一个处理:if(line.length()==10) lineInfo.setContent("");

3、从输入流中读取,并调用步骤2中方法逐行解析

    /**
     * 解析歌词
     *
     * @param ins
     * @param charsetName
     */
    public static LyricInfo initLyric(InputStream ins, String charsetName) {

        if (ins == null) return null;

        try {
            LyricInfo lyricInfo = new LyricInfo();
            lyricInfo.setLines(new ArrayList<LineInfo>());

            InputStreamReader inputStreamReader = new InputStreamReader(ins, charsetName);
            BufferedReader reader = new BufferedReader(inputStreamReader);
            String line = null;
            // 逐行解析
            while ((line = reader.readLine()) != null) {
                analyzeLyricByLine(lyricInfo, line);
            }
            reader.close();
            ins.close();
            inputStreamReader.close();

            return lyricInfo;
        } catch (UnsupportedEncodingException e) {
            e.printStackTrace();
        } catch (IOException e) {
            e.printStackTrace();
        }
        return null;
    }

因为歌词文件不论在assets下还是在SD卡上,我们必须都得获取输入流,设置编码格式,然后调用analyzeLyricByLine逐行解析,将解析完的数据设置给新建的实体类并返回。

这里我们核心使用的是**BufferedReader 的 readLine()**方法。

三、解析验证

这里为了方便,我将歌词文件放在了assets下

try {
	InputStream is = getAssets().open("beijing.lrc");
	LyricInfo lyricInfo = LyricParser.initLyric(is, "utf-8");
	StringBuffer stringBuffer = new StringBuffer();
	if(lyricInfo != null && lyricInfo.getLines() != null) {
		int size = lyricInfo.getLines().size();
		for (int i = 0; i < size; i ++) {
			stringBuffer.append(lyricInfo.getLines().get(i).getContent() + "\n");
		}
		tv_lyric.setText(stringBuffer.toString());
	}else{
		tv_lyric.setText("解析失败");
	}

} catch (IOException e) {
	e.printStackTrace();
	tv_lyric.setText("解析失败");
}

这里就很简单了,不再累赘,注意一下使用StringBuilder拼接每行的歌词内容,每次拼接完成后加换行,才能出现我们想要的结果。

再看下效果:

这里写图片描述

下一篇,关于展示歌词的自定义View的文章,我会抓紧时间发布,敬请期待!

想要获取更多精彩内容,您还可以关注我的微信公众号——Android机动车