歌词显示控件的实现上 |
您所在的位置：网站首页 › apologize歌词解析 › 歌词显示控件的实现上 |
歌词显示控件的实现上
|
最近打算仿网易云音乐的音乐播放器，除了网络框架、接口数据等这些外，最核心的就是音乐的播放和歌词的显示。 考虑到歌词显示控件涉及到歌词解析，自定义控件的实现等等诸多方面，可能文章的篇幅上会比较冗长，同时也为了方便自己和码友们能够根据自己的需求和爱好各取所需，将《歌词显示控件的实现上》这篇文章分成上、下两篇，分别是《歌词显示控件的实现上——歌词解析》和《歌词显示控件的实现下——歌词展示自定义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 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()); 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机动车！ |
【本文地址】
今日新闻 |
推荐新闻 |