原生JS响应式音乐简单播放器

演示及完整代码链接

链接: 演示链接.
链接: 源码链接.

主页面的设计要点

该音乐播放器主要由两大部分组成。

1. 音乐播放模块
   1.1 包含音乐图片，音乐标题，音乐作者，以及音乐专辑的展示。
   1.2 音乐播放进度条，音量控制，歌曲播放暂停切换以及播放模式。
2. 音乐列表
   屏幕大于510px的时候直接显示，小于510px时通过音乐列表按钮来控制列表是否显示。

设计图

1. 电脑版
   
2. 移动版