冈易云音乐

冈易云音乐
该项目完成一款功能较为齐全的音乐播放器，如控制台的灵活操控，精心甄选的歌单任你选择切换，进度条与时间表的实时更新，歌词酷炫动态展示等，选择冈易云音乐，一款懂你的音乐播放器~
在完成项目的过程中灵活运用各种技术：
1. 采用响应式布局，轻松适配多种终端，但是在实现过程需要频繁计算vh
2. 引用css3，使得页面具有美感，提升用户体验
3. 使用jQuery，使得代码更加简洁，且提供丰富功能，如jQuery插件的使用使得歌词动态展示，getJSON获取数据更加轻松等。
4. 实现播放器的进度条、时间表及歌词展示巧妙运用各种技巧。监听play事件，获取当前音乐curentTime与duration，其比值即进度条长度百分比；时间表分为分与秒俩个部分，秒加上判断使得展现1：06这样的格式；获取歌词数据，spilt拆分数据为数组，正则匹配时间为属性，匹配歌词为数组的值，完成歌词展示
艰难的做完项目，虽然遇到很多bug，但大体功能是完善了，收获累累
技术栈：jQuery、CSS3、响应式布局

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。