音乐播放器的制作实例（html5）
相关技能HTML5+CSS3（实现页面布局和动态效果）Iconfont（使用矢量图标库添加播放器相关图标）LESS （动态CSS编写）jQuery（快速编写js脚本）gulp+webpack（自动化构建工具，实现LESS,CSS,JS等编译和压缩代码）实现的功能播放暂停（点击切换播放状态）下一曲（切换下一首）随机播放（当前歌曲播放完自动播放下一曲）单曲循环（点击随机播放图标可切换成单曲循环）音量调节（鼠标移入滑动设置音量大小）歌曲进度条（可点击切换进度直接跳，也可以点击小圆点拖拽切换进度）实时歌词（点击词