引言
由于从后台返回的歌词格式有许多种,今天主要讲的是网易云音乐的后台歌词解析。
1.首先我们来看看网易云返回给我们的歌词格式是什么样的。
以梅梅的歌曲为例:
返回的歌词是如上格式的字符串。每一行有一个换行符,并且前面一部分是播放当前歌词的时间,后面一部分是歌词。
显然这样的歌词我们没有办法直接使用,所以我们得先把歌词给切分开来,得到我们想要的数据。
2.根据自己的项目需求解析为具体格式。
那么什么格式最适合我们对歌词进行后续处理呢?
诶这就的看你自己的需求了,但是大多万变不离其中。
我将会把歌词拆分为如下格式:
lyricArr = [
{
time: '00:00.000',
lyric: '作词: Talor swift'
},
{
time: '00:01.000',
lyric: '作曲: Talor swift'
},
]
这种格式可以非常方便的满足我对歌词的后续处理,这个因人而异。
3.那么如何拆分为这种格式呢?
1.可以使用split()方法进行拆分。
2.利用正则(主要是想复习正则,就用正则了),函数如下:
function parseLyric(str) {
//先将字符串全部拆分开来得到每一行
let tempArr