用html制作一个音乐排行榜,使用原生JavaScript制作一个漂亮的音乐播放器

简单介绍

起初在简书上发现了这篇博客——【html、css、jq】制作一个简洁的音乐播放器。这是一个用jQuery库实现的音乐播放器，界面简约大气。

我在这个基础上，反其道而行，使用原生JavaScript实现。这个播放器是面向移动端的设备。在此感谢饥人谷和张新望，有了他们开路，使用原生的JS实现起来也并不费力。

音乐是通过豆瓣FM的API获取到的

界面类似于网易云音乐的样子

播放器的界面

怎么样，样式还可以吧？比较简单，最下面是可以操作的进度条和按钮，按钮从左至右依次是“显示歌词/隐藏歌词”、“切换频道”、“播放/暂停”、“下一曲”、“随机播放/单曲循环”。只有下一曲，没有上一曲，而且你永远不知道下一曲是啥，所以title就用了“与喜欢的音乐不期而遇”。

HTML部分

与喜欢的音乐不期而遇