有些时候,总是感觉自己进步的没有以前快了。于是就怀疑自己是不是也被时间磨灭了,这可真是一件不幸的事儿。可能是自己会的东西太少了,总是有种莫名的危机感。
前一段时间,想写一个移动版音乐播放器,于是就开始利用下班后的时间写写。每天大概有大概两个小时的时间来做这件事儿,但是写了一版,感觉逻辑不是理想的,所以就推掉了原来写的,又从新写了一版。最近公司的事儿有点儿多,所以导致播放器被推延了一个星期,对自己很不满意,因为效率还是不在理想状态。
好了,陈述完毕。开始说说这个小的音乐播放器。
项目演示地址(请用移动浏览器或者PC移动模拟器访问):http://xxyy.ahthw.com//xiaoyu/musicForMoibleV1.0/index.html
项目源码:https://github.com/awarriorer/MyMusicPlayForMobile(更新:2017年9月18日)
手机可以扫描二维码:
项目实现的功能:
A:播放器的基础操作,上一首,下一首,播放暂停,时间轴定位,
B:音乐分类,收藏功能(离线数据存储),
C:随机背景
D:同步歌词
项目中用到的知识:
A:项目的选择器基于zepto.js
B:切换基于swiper.js,(自己写了一次,但是有些问题,还希望路过的大神提供给一些学习资料)
C:audio的操作,请参考audio的API
D:iconfont图标的应用(第一次用,确实好用)。
项目截图: