js制作简易音乐播放器（歌词同步显示）

打算自己做一个音乐播放网站，所以先提前试试水，看看单一个音乐播放器怎么做，慢慢地总算把基本功能都做出了，但不完美的是音量调整的还没加上，先这样吧，后期再慢慢完善吧~

先看效果图：

html部分

<!--歌词存放区-->
<textarea name="lrc" class="lrc-container" rows="15" cols="50" style="display: none">
    [by:鹿秋]
    [00:00.000] 作曲 : 人工卫星
    [00:01.000] 作词 : 李焯雄
    [00:19.95]都可以随便的
    [00:21.95]你说的我都愿意去
    [00:24.93]小火车摆动的旋律
    [00:29.23]都可以是真的
    [00:31.22]你说的我都会相信
    [00:34.09]因为我完全信任你
    [00:38.66]细腻的喜欢
    [00:40.99]毛毯般的厚重感
    [00:43.36]晒过太阳熟悉的安全感
    [00:47.88]分享的汤
    [00:49.72]我们两支汤匙一个碗
    [00:52.56]左心房暖暖的好保暖
    [00:56.84]我想说其实你很好
    [00:59.54]你自己却不知道
    [01:02.33]真心的对我好
    [01:04.66]不要求回报
    [01:06.97]爱一个人希望他过更好
    [01:11.60]打从心里暖暖的
    [01:13.82]你比自己更重要
    [01:19.95]我想说其实你很好
    [01:22.59]你自己却不知道
    [01:25.45]从来都很低调
    [01:27.74]自信心不高
    [01:30.11]爱一个人希望他过更好
    [01:34.62]打从心里暖暖的
    [01:36.98]你比自己更重要
    [01:41.92]你不知道
    [01:43.92]真心的对我好
    [01:46.22]不要求回报
    [01:48.56]爱一个人希望他过更好
    [01:53.10]打从心里暖暖的
    [01:57.64]你比自己更重要
    [02:02.39]我也希望变更好
</textarea>
<textarea name="lrc" class="lrc-container" rows="15" cols="50" style="display: none">
    [ti:丹歌惊鸿]
    [ar:坡上村 孙骁]
    [al:一人之下2王也角色曲]
    [by:作词 浓缩排骨 作曲/编曲桂子油 ]
    [0-1:57.600]
    [00:00.000] 作曲 : 桂子油
    [00:00.166] 作词 : 浓缩排骨
    [00:00.500]算不得北京城里的爷
    [00:02.600]山里偷得半日的闲
    [00:05.480]搁这儿 遛弯的人别扰着
    [00:08.300]您都请便
    [00:11.690]半不邋遢 小道名也
    [00:14.090]胸无大志 爱咧咧
    [00:16.490]少来打听那有的没的
    [00:19.690]翻你个底儿掉掀朝天
    [00:22.490]顺天下势理天下事
    [00:25.240]云山雾绕方为术士
    [00:28.340]人间不如意 随了 谁的性
    [00:31.440]但求无愧 自在随心
    [00:33.900]常应常静常清静灵
    [00:36.100]凡人本就六欲七情
    [00:39.600]“祖师在上，弟子凡心
    [00:42.600]不入龙虎局，不得常清静”
    [00:45.620]天地 匆匆 惊鸿 而过 路有千百个
    [00:51.320]遑遑 无归 闲云 一鹤 人间红尘过
    [00:56.620]引势 而流 鸿门 乱局 各有各选择
    [01:02.220]乾震 坎艮 坤巽 离兑 定一切生克
    [01:08.610]丹歌 起势 同风 而起
    [01:14.610]卧龙 低伏 入我 阵来
    [01:20.