做滚动歌词,源于之前开发一个app,这个app是一个音乐播放器,但是在播放音乐的时候,播放的界面很原始,当时就想做一个能够滚动歌词的音乐播放器,所以就想到了做一个滚动歌词的功能。
然后,前几天恰好学会了如何自制LRC歌词,特地感谢并推荐这个做LRC歌词的网站:LRC歌词制作:歌词滚动姬
网易云在歌词编辑界面也有LRC歌词制作,但是网易云的LRC歌词制作编辑我个人感觉不太好用。
会做LRC歌词之后,我就有了想要做一个滚动歌词网页应用的想法,然后就开始了滚动歌词的开发。
查找了github上的一些滚动歌词的开源项目,发现了一个很好的滚动歌词的开源项目,
叫做:Lyrics-scrolling
这个项目好在开发界面比较清晰易懂,十分适合作为开发的一个基础性模板。
在fork了这个项目后,便开始了自己的滚动歌词的开发,开发过程中遇到了很多问题,比如原项目中的lrc歌词格式是js,而市面上主要的歌词格式是lrc,所以我就需要将lrc歌词转换成js格式的歌词,这个转换的过程中遇到了很多问题,比如歌词的时间格式问题,
有的歌词的时间格式是[00:00.00],有的是[00:00:000]
我之后又写过一个翻译列表,并且我把歌曲的四个语言的歌词都整理出来了,这个翻译列表是我自己写的,我觉得这个翻译列表很有意义,因为我觉得这个翻译列表可以让我更好的了解歌词的意思。
这是最终的网站地址:滚动歌词